.dashboard-page { --dashboard-accent:#d89a6d;--dashboard-muted:#afa298; }
.dashboard-page #content { padding-top:24px;padding-bottom:20px; }
@media(min-width:801px) and (max-width:1000px) { .dashboard-page #content { padding-inline:26px; } }
@media(max-width:800px) { .dashboard-page #content { padding-inline:14px; } }
/* The ad-free homepage shares the same content start as the inner pages. */
@media(min-width:1848px) and (min-height:820px) {
 .dashboard-page #content { margin-left:calc((100% - 1796px)/2);margin-right:0; }
}
.dashboard-page [hidden] { display:none!important; }
.dashboard-intro { margin-bottom:18px; }
.dashboard-intro > p { margin:0 0 5px;color:var(--dashboard-accent);font-size:11px;font-weight:700;letter-spacing:.12em; }
.dashboard-intro h1 { margin:0 0 5px;font-size:34px;line-height:1.3;letter-spacing:-.04em; }
.dashboard-intro > span { color:#b6aaa4;font-size:13px; }
.dashboard-search-panel,.dashboard-panel,.dashboard-quick { border:1px solid #423934;border-radius:13px;background:linear-gradient(135deg,#242123,#201e20); }
.dashboard-search-panel { position:relative;z-index:4;padding:17px 19px;margin-bottom:18px; }
#dashboard-search-form { position:relative;display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:12px; }
#dashboard-search-icon { position:absolute;left:15px;top:14px;display:flex;pointer-events:none;color:#e4d7cf; }
.dashboard-page svg { display:block;flex-shrink:0;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
#dashboard-search { min-width:0;width:100%;height:50px;padding:0 42px;border:1px solid #5a4940;border-radius:8px;background:#191819;color:#eee2d9;font-size:14px; }
#dashboard-search::placeholder { color:#a1958d; }
#dashboard-search:focus { border-color:var(--dashboard-accent);outline:none;box-shadow:0 0 0 2px #d89a6d20; }
.dashboard-primary { border:1px solid #deaa83;border-radius:8px;background:linear-gradient(135deg,#d9a16f,#b77a52);color:#271b15;font-size:14px;font-weight:700;cursor:pointer; }
.dashboard-primary:hover { filter:brightness(1.12); }
.dashboard-chips { display:flex;flex-wrap:wrap;gap:7px; }
#dashboard-scopes { margin-top:12px; }
.dashboard-page button:not(.dashboard-save):not(.dashboard-primary):not(.menu-toggle):not(.nav-submenu-toggle) { padding:5px 12px;border:1px solid #4b403a;border-radius:7px;background:#242022;color:#c4b5aa;font-size:11px;cursor:pointer; }
.dashboard-page button:disabled { opacity:.45;cursor:default!important; }
.dashboard-page button[aria-pressed="true"]:not(.dashboard-save) { border-color:#bb8158;background:#453025;color:#f1c2a0; }
.dashboard-page button:hover:not(:disabled):not(.dashboard-save) { border-color:#a27351;color:#f3ccb0; }
.dashboard-query-row { display:flex;align-items:center;gap:12px;margin-top:11px;color:#c5b4a9;font-size:10px; }
.dashboard-query-row > span { flex-shrink:0; }
#dashboard-queries { display:flex;flex-wrap:wrap;gap:6px; }
.dashboard-query-chip { display:inline-flex;align-items:center;border:1px solid #4b3c34;border-radius:20px;background:#272122; }
.dashboard-page .dashboard-query-chip button { padding:3px 9px;border:0!important;border-radius:20px;background:transparent; }
.dashboard-page .dashboard-query-chip button:last-child { padding:3px 8px 3px 2px; }
.dashboard-query-empty { color:#897f79; }
.dashboard-grid { display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:18px;align-items:stretch; }
.dashboard-panel { min-width:0;padding:17px 18px; }
.dashboard-panel-heading { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px; }
.dashboard-panel-heading h2 { display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0;font-size:21px;line-height:1.5;letter-spacing:-.025em; }
.dashboard-heading-icon { color:var(--dashboard-accent); }
.dashboard-heading-icon svg { width:25px;height:25px; }
.dashboard-count { padding:0 10px;border:1px solid #634634;border-radius:20px;color:#d2b9a6;font-size:12px;line-height:23px;font-weight:500;font-variant-numeric:tabular-nums; }
.dashboard-panel-heading > button { flex-shrink:0; }
#dashboard-favorite-scopes { margin-bottom:12px; }
.dashboard-favorite-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.dashboard-card { position:relative;min-width:0;border:1px solid #4b3e36;border-radius:9px;background:linear-gradient(135deg,#292326,#252123); }
.dashboard-card:hover { border-color:#916347;background:#302622; }
.dashboard-card-link { display:flex;align-items:center;gap:13px;min-height:102px;padding:12px 43px 12px 14px;color:#ece2db;text-decoration:none; }
.dashboard-item-icon { display:grid;place-items:center;flex-shrink:0;width:40px;height:42px;border-radius:9px;background:#38291f70;color:var(--dashboard-accent); }
.dashboard-item-icon svg { width:25px;height:25px; }
.dashboard-card-copy { display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0; }
.dashboard-card-copy small { padding:0 7px;border:1px solid #62432f;border-radius:12px;color:#dab08e;background:#3b2c23;font-size:9px;line-height:18px; }
.dashboard-card-copy strong { font-size:13px;font-weight:600;line-height:1.6;overflow-wrap:anywhere; }
.dashboard-card-copy > span { color:var(--dashboard-muted);font-size:10px;line-height:1.6;overflow-wrap:anywhere; }
.dashboard-card > .dashboard-save { position:absolute;top:8px;right:6px; }
.dashboard-open-arrow { position:absolute;right:15px;bottom:13px;color:#bc8a63; }
.dashboard-open-arrow svg { width:13px;height:13px; }
.dashboard-order { display:flex;justify-content:flex-end;gap:5px;padding:0 8px 8px; }
.dashboard-page .dashboard-order button { padding:1px 9px; }
.dashboard-empty { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:106px;padding:15px 16px;border:1px dashed #66503e;border-radius:9px;background:#211b1a;text-align:center; }
.dashboard-empty strong { font-size:13px;font-weight:600;color:#d9b79c; }
.dashboard-empty p { max-width:320px;margin:2px 0;color:#a69386;font-size:11px;line-height:1.8; }
.dashboard-empty a { margin-top:9px;color:#dca77f;font-size:12px;text-decoration:none; }
.dashboard-empty-icon { margin-bottom:8px;color:#ae7856; }
.dashboard-empty-icon svg { width:37px;height:37px; }
#dashboard-suggestions h3 { margin:13px 0 9px;color:#baa293;font-size:11px;font-weight:500; }
#dashboard-suggestions .dashboard-card-link { min-height:88px; }
#dashboard-recent { max-height:395px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#86604b #211b1a; }
#dashboard-recent > .dashboard-empty { min-height:326px;border:0;background:transparent; }
.dashboard-recent-card { border:0;border-top:1px solid #463932;border-radius:0;background:transparent; }
.dashboard-recent-card:first-child { border-top:0; }
.dashboard-recent-card .dashboard-card-link { gap:11px;min-height:71px;padding:11px 44px 11px 0; }
.dashboard-recent-card .dashboard-card-copy small { display:none; }
.dashboard-recent-card .dashboard-card-copy strong { font-size:12px; }
.dashboard-recent-card .dashboard-item-icon { width:37px;height:38px;border:1px solid #51402e;background:#30251f; }
.dashboard-recent-card time { flex-shrink:0;margin-left:auto;color:#a69588;font-size:10px;white-space:nowrap; }
.dashboard-recent-card > .dashboard-save { top:18px;right:0; }
.dashboard-panel-note { margin:11px 0 0;color:#94867c;font-size:10px; }
.dashboard-quick { display:flex;align-items:center;gap:21px;padding:14px 18px;margin-top:18px; }
.dashboard-quick h2 { flex-shrink:0;margin:0;font-size:13px;color:#d4bcaa; }
#dashboard-quick-links { display:grid;grid-template-columns:repeat(8,minmax(0,1fr));flex:1;gap:8px;min-width:0; }
#dashboard-quick-links a { display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:7px 10px;border:1px solid #53402f;border-radius:8px;color:#dac7b9;text-decoration:none;font-size:11px;white-space:nowrap;background:#272121; }
#dashboard-quick-links a:hover { border-color:#b48058;color:#f1c6a6;background:#38291f; }
#dashboard-quick-links svg { width:19px;height:19px;color:#c68c60; }
.dashboard-storage-note { margin:12px 0 0;color:#887c75;font-size:10px;text-align:right; }
#dashboard-search-results { position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:8;max-height:min(530px,calc(100dvh - 200px));padding:16px 18px;border:1px solid #846049;border-radius:11px;background:#221d1f;box-shadow:0 14px 42px #000a; }
#dashboard-search-results .dashboard-panel-heading { margin-bottom:9px; }
#dashboard-search-results h2 { font-size:15px; }
#dashboard-result-count { font-size:11px;color:#d6ab8d; }
#dashboard-results-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:365px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#8b604b #211b1a; }
#dashboard-results-list .dashboard-card-link { min-height:82px; }
#dashboard-results-list > .dashboard-empty { grid-column:1/-1; }
#dashboard-results-more { display:block;margin:12px auto 0; }
.dashboard-sr-only { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
@media(max-width:1250px) { .dashboard-grid { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); } .dashboard-card-link { gap:9px;padding-left:10px; } .dashboard-item-icon { width:31px; } .dashboard-recent-card time { display:none; } .dashboard-quick { gap:13px; } #dashboard-quick-links a { padding:7px 4px;gap:5px; } }
@media(max-width:1000px) { .dashboard-page #content { padding-top:20px; } .dashboard-grid { grid-template-columns:minmax(0,1fr); } #dashboard-recent { max-height:285px; } #dashboard-recent > .dashboard-empty { min-height:170px; } .dashboard-recent-card time { display:block; } .dashboard-quick { align-items:flex-start;flex-direction:column;gap:10px; } #dashboard-quick-links { width:100%;grid-template-columns:repeat(4,minmax(0,1fr)); } .dashboard-storage-note { text-align:left; } }
@media(max-width:600px) { .dashboard-page #content { padding:17px 14px 22px; } .dashboard-intro h1 { font-size:28px; } .dashboard-intro > span { font-size:12px; } .dashboard-search-panel { padding:13px 12px; } #dashboard-search-form { grid-template-columns:minmax(0,1fr) 62px;gap:7px; } #dashboard-search { height:44px;padding-left:33px;padding-right:25px;font-size:11px; } #dashboard-search-icon { top:12px;left:10px; } #dashboard-search-icon svg { width:19px;height:19px; } .dashboard-primary { font-size:12px; } .dashboard-chips { gap:5px; } .dashboard-page .dashboard-chips button { padding:4px 9px;font-size:10px; } .dashboard-query-row { align-items:flex-start;gap:7px; } .dashboard-panel { padding:14px 12px; } .dashboard-panel-heading h2 { font-size:18px;gap:7px; } .dashboard-favorite-grid { grid-template-columns:minmax(0,1fr); } .dashboard-card-link { min-height:86px;padding-left:12px; } .dashboard-item-icon { width:37px; } .dashboard-recent-card .dashboard-card-copy strong { font-size:11px; } .dashboard-recent-card .dashboard-card-copy > span { font-size:9px; } .dashboard-recent-card .dashboard-item-icon { width:30px;height:34px; } .dashboard-recent-card .dashboard-card-link { gap:8px; } .dashboard-recent-card time { font-size:9px; } .dashboard-quick { padding:14px 12px; } #dashboard-quick-links { grid-template-columns:repeat(2,minmax(0,1fr)); } #dashboard-search-results { position:relative;top:auto;left:auto;right:auto;margin-top:12px;padding:12px 9px;max-height:none;box-shadow:none; } #dashboard-results-list { grid-template-columns:minmax(0,1fr);max-height:400px; } }
@media(max-width:360px) { .dashboard-recent-card time { display:none; } .dashboard-panel-heading h2 { font-size:16px; } .dashboard-page .dashboard-panel-heading > button { padding:4px 7px;font-size:10px; } }