/* Account surface styles extracted from the Astro page payload. */
      .account-hero { max-width:760px; padding:0 0 20px; }
      .account-hero h1 { font-size:clamp(34px,5vw,52px); }
      .account-section { padding-bottom:6px; }
      .account-section .history-head a { font-size:13px; white-space:nowrap; }
      .report-checks { margin:0; padding-left:18px; font-size:13px; }
      .report-checks li { margin:4px 0; }
      .report-item .button { justify-self:start; min-height:38px; padding:6px 14px; font-size:14px; }
      .account-layout { display:grid; grid-template-columns:minmax(0,1fr); max-width:820px; gap:18px; align-items:start; }
      .account-card, .account-note { border:1px solid var(--line); border-radius:20px; background:var(--panel); box-shadow:var(--shadow); }
      .account-card { padding:26px; }
      .account-note { padding:24px; background:var(--panel-2); }
      .account-note p, .account-note li { color:var(--muted); }
      .account-note ul { margin:20px 0 0; padding-left:19px; }
      .account-note li { margin:11px 0; }
      .account-state { min-height:188px; display:grid; align-content:center; gap:8px; }
      .account-state h2 { margin-bottom:4px; font-size:28px; }
      .account-state p { max-width:560px; color:var(--muted); }
      .account-status { min-height:22px; margin:0; color:var(--muted); font-size:13px; }
      .account-status[data-tone="error"] { color:var(--danger-ink); }
      .account-status[data-tone="success"] { color:var(--accent-ink); }
      .account-status[data-tone="warning"] { color:var(--warning-ink); }
      .account-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:16px; }
      .google-button[aria-disabled="true"] { cursor:not-allowed; opacity:.58; }
      .identity { display:flex; align-items:center; gap:14px; padding-bottom:20px; border-bottom:1px solid var(--line); }
      .identity-avatar { display:grid; place-items:center; width:52px; height:52px; flex:0 0 52px; overflow:hidden; border-radius:50%; border:1px solid var(--accent-ink); color:var(--text); background:var(--accent-cyan); font-weight:850; }
      .identity-avatar img { width:100%; height:100%; object-fit:cover; }
      .identity-copy { min-width:0; flex:1; }
      .identity-copy h2 { margin:0; font-size:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .identity-copy p { margin:3px 0 0; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .history-head { display:flex; justify-content:space-between; align-items:baseline; gap:14px; margin:24px 0 11px; }
      .history-head h3 { margin:0; }
      .history-head span { color:var(--muted); font-size:12px; }
      .reports-list { display:grid; gap:10px; }
      .report-item { display:grid; gap:6px; padding:15px; border:1px solid var(--line); border-radius:13px; background:var(--panel); min-width:0; overflow-wrap:anywhere; }
      .report-item a { color:var(--text); font-weight:750; text-decoration:none; }
      .report-item a:hover { color:var(--accent-ink); }
      .report-meta { display:flex; flex-wrap:wrap; gap:8px 14px; color:var(--muted); font-size:12px; }
      .report-summary { margin:0; color:var(--muted); font-size:13px; }
      .report-detail { min-width:0; }
      .report-detail > summary { cursor:pointer; width:max-content; color:var(--accent-ink); font-size:13px; font-weight:750; }
      .report-detail section { display:grid; gap:6px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); min-width:0; }
      .report-detail h4 { margin:0; font-size:14px; }
      .report-detail p, .report-detail ul { margin:0; font-size:13px; }
      .report-detail ul { padding-left:18px; color:var(--muted); }
      .report-detail li { margin:3px 0; }
      .report-detail details summary { cursor:pointer; color:var(--muted); font-size:13px; }
      .report-detail-label { color:var(--muted); font-size:12px !important; }
      .report-detail-text { max-height:260px; overflow:auto; margin-top:6px !important; padding:10px; border-radius:10px; background:var(--panel-2); white-space:pre-wrap; }
      .report-detail-draft { display:grid; gap:4px; }
      .empty-history { margin:0; padding:17px; border:1px dashed var(--line); border-radius:13px; color:var(--muted); }
      .account-footer-note { margin:20px 0 0; color:var(--muted); font-size:12px; }
      .account-rewrites { display:grid; gap:10px; padding:20px 0; border-bottom:1px solid var(--line); }
      .account-rewrites h3, .account-rewrites p { margin:0; }
      .account-rewrites .history-head { margin:0; align-items:center; }
      .saved-task-result { display:grid; gap:12px; min-width:0; }
      .saved-task-result p { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }
      .saved-task-result h4 { margin:0; }
      .saved-task-result textarea { width:100%; min-height:190px; padding:12px; background:var(--panel-2); color:var(--text); border:1px solid var(--line); border-radius:10px; resize:vertical; }
      .saved-task-result details { min-width:0; }
      .saved-task-result summary { cursor:pointer; color:var(--muted); }
      .payment-packs { display:grid; gap:10px; }
      .payment-pack { padding:14px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); }
      .payment-pack p { margin:6px 0 12px; font-size:13px; color:var(--muted); }
      .report-actions .button, .payment-pack .button { white-space:normal; text-align:left; }
      .account-draft-output { display:grid; gap:12px; min-width:0; }
      .account-draft-output:empty { display:none; }
      .account-draft-output h4 { margin:12px 0 0; }
      .account-draft-card { display:grid; gap:7px; padding:14px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); min-width:0; }
      .account-draft-card h5 { font-size:15px; margin:0 0 5px; }
      .account-draft-card p { margin:0 0 6px; font-size:13px; overflow-wrap:anywhere; white-space:pre-wrap; }
      .account-draft-card b { font-size:12px; }
      .account-draft-card .account-actions { margin-top:4px; }
      .account-recommendation { margin:0; padding:12px; border-left:3px solid var(--accent-ink); color:var(--text); background:var(--panel-2); font-size:13px; }
      .account-source-limit { margin:0; color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
      #payment-selection, .account-status, .report-summary { overflow-wrap:anywhere; }
      .st-item[data-needs="new_video"], .st-item[data-needs="result"] { border-color:var(--accent-ink); }
      .st-item[data-needs="no_post"] { border-color:var(--warning-border); }
      .st-head { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; min-width:0; }
      .st-head strong { overflow-wrap:anywhere; }
      .st-badge { padding:2px 9px; border-radius:999px; background:var(--panel-2); color:var(--muted); font-size:12px; font-weight:800; }
      .st-badge.posted { background:var(--accent-soft); color:var(--success-ink); }
      .st-badge.no_post { background:var(--warning-soft); color:var(--warning-ink); }
      .st-needs { margin:0; font-size:13px; font-weight:750; color:var(--accent-ink); }
      .st-item[data-needs="no_post"] .st-needs { color:var(--warning-ink); }
      .st-videos { margin:0; padding-left:18px; font-size:13px; color:var(--muted); }
      .st-videos li { margin:3px 0; overflow-wrap:anywhere; }
      .st-videos li.shoppable { color:var(--text); }
      .st-item .sc-question { margin:6px 0 0; font-size:13px; font-weight:700; }
      .st-item .sc-chips { display:flex; flex-wrap:wrap; gap:6px; }
      .st-item .sc-chip { min-height:34px; padding:5px 11px; border:1px solid var(--control-border); border-radius:999px; background:var(--panel); color:var(--text); font:inherit; font-size:13px; cursor:pointer; }
      .st-item .sc-chip[aria-pressed="true"] { border-color:var(--accent-ink); background:var(--accent-soft); color:var(--accent-ink); font-weight:700; }
      .st-stop { justify-self:start; }
      /* 2026-10-04 layout: section menu + panels. */
      .account-shell { width:min(1120px,calc(100% - 36px)); }
      .acct { display:grid; grid-template-columns:196px minmax(0,1fr); gap:36px; align-items:start; }
      .acct-menu { position:sticky; top:20px; display:grid; gap:2px; padding-top:78px; font-size:14px; }
      .acct-menu a { padding:8px 12px; border-radius:10px; color:var(--muted); font-weight:650; text-decoration:none; white-space:nowrap; }
      .acct-menu a:hover { background:var(--panel-2); color:var(--text); }
      .acct-menu a[aria-current="true"] { background:var(--panel); color:var(--text); box-shadow:inset 3px 0 0 var(--accent-ink), var(--shadow); }
      .acct-menu-sep { height:1px; margin:10px 12px; background:var(--line); }
      .acct-menu a.acct-menu-new { color:var(--accent-ink); }
      .acct-main { min-width:0; }
      .account-hero { max-width:none; padding:0 0 18px; }
      .account-hero h1 { margin:0; font-size:clamp(34px,4vw,46px); }
      .acct-stack { display:grid; gap:18px; }
      .acct-panel { min-width:0; padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--panel); box-shadow:var(--shadow); scroll-margin-top:72px; }
      .acct-overview { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:18px; align-items:stretch; scroll-margin-top:72px; }
      .acct-overview .identity { padding-bottom:18px; }
      .acct-quick { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
      .acct-quick .button { min-height:42px; font-size:15px; }
      .acct-overview #history-status:empty { display:none; }
      .acct-plan { background:var(--panel-2); }
      .acct-plan > .pro-teaser { margin:0; font-size:14px; }
      .acct-plan h3 { margin:0 0 8px; font-size:18px; }
      .acct-panel > .history-head:first-child { margin-top:0; }
      #maps-list, #checks-list { gap:0; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--panel); }
      .acct-row { grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:6px 16px; padding:13px 16px; border:0; border-bottom:1px solid var(--line); border-radius:0; }
      .acct-row:last-of-type { border-bottom:0; }
      .acct-row:hover { background:var(--panel-2); }
      .acct-row-main { display:grid; gap:2px; min-width:0; }
      .acct-row-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:750; }
      .acct-row .report-meta { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .acct-row-actions { display:flex; gap:8px; justify-content:flex-end; }
      .button.acct-row-button { min-height:34px; padding:5px 13px; border-radius:9px; font-size:13.5px; }
      .acct-row-details { margin-top:4px; font-size:13px; }
      .acct-row-details > summary { cursor:pointer; color:var(--accent-ink); font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .acct-row-details ul { margin:6px 0 2px; }
      #maps-list > .empty-history, #checks-list > .empty-history { border:0; border-radius:0; }
      .acct-pager { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:8px 14px; border-top:1px solid var(--line); background:var(--panel-2); font-size:13px; }
      .acct-pager .quiet-button { padding:6px 4px; font-weight:700; color:var(--text); }
      .acct-pager .quiet-button:disabled { color:var(--muted); opacity:.5; cursor:default; }
      .acct-pager-label { color:var(--muted); }
      .report-item .quiet-button { justify-self:start; font-size:13px; }
      @media (max-width:560px) { .acct-row { grid-template-columns:minmax(0,1fr) auto; } .acct-row-actions { grid-column:1 / -1; justify-content:flex-start; } }
      .report-item > span:first-child { font-weight:750; }
      .report-item .st-badge, .acct-badge { justify-self:start; }
      .report-item button.soft { justify-self:start; min-height:36px; padding:6px 14px; border:1px solid var(--control-border); border-radius:10px; background:var(--panel); color:var(--text); font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
      .report-item button.soft:hover { background:var(--panel-2); }
      .older-work { background:var(--panel-2); box-shadow:none; }
      .older-work > summary { display:grid; gap:2px; cursor:pointer; list-style:none; }
      .older-work > summary::-webkit-details-marker { display:none; }
      .older-work > summary span { font-weight:800; }
      .older-work > summary span::after { content:" ▸"; color:var(--muted); }
      .older-work[open] > summary span::after { content:" ▾"; }
      .older-work > summary small { color:var(--muted); font-size:13px; }
      .older-work .report-item a { overflow-wrap:anywhere; }
      .older-work #reports-list .report-item > span:first-child, .older-work #reports-list .report-item > strong:first-child { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
      @media (max-width:900px) {
        .acct { grid-template-columns:minmax(0,1fr); gap:0; }
        .acct-menu { position:sticky; top:0; z-index:5; display:flex; gap:4px; margin:0 -18px 12px; padding:8px 18px; overflow-x:auto; background:var(--bg); border-bottom:1px solid var(--line); scrollbar-width:none; }
        .acct-menu::-webkit-scrollbar { display:none; }
        .acct-menu a { flex:0 0 auto; padding:7px 12px; }
        .acct-menu-sep, .acct-menu a.acct-menu-new { display:none; }
        .acct-menu a[aria-current="true"] { box-shadow:inset 0 -2px 0 var(--accent-ink); background:transparent; }
        .acct-overview { grid-template-columns:minmax(0,1fr); }
        .account-hero { padding-bottom:12px; }
      }
      @media (max-width:470px) { .account-card, .account-note, .acct-panel { padding:18px; } .acct-quick .button { flex:1 1 auto; } .identity { align-items:flex-start; } .identity .quiet-button { margin-left:auto; } .identity-copy h2 { font-size:20px; } }