/* Refined is an opt-out presentation layer. Classic retains the original CSS. */
:root[data-appearance="refined"] {
    color-scheme: light;
    --bg: #f3f8fb;
    --surface-0: #fff;
    --surface-1: #fff;
    --surface-2: #edf5f9;
    --surface-3: #e0edf3;
    --border: #d9e7ee;
    --border-strong: #b8c9d3;
    --text: #202a30;
    --text-muted: #586873;
    --text-dim: #6b7a84;
    --brand-500: #087c9d;
    --brand-400: #0b8da9;
    --brand-600: #066580;
    --brand-glow: rgba(8,124,157,.12);
    --brand-glow-soft: #e3f3fa;
    --success: #237848;
    --success-bg: #e9f4ec;
    --warning: #98641c;
    --warning-bg: #fff3df;
    --danger: #b33f4d;
    --danger-bg: #fcecef;
    --info: #3b6b96;
    --info-bg: #eaf1f8;
    --mp: #087c9d;
    --mp-bg: #e3f3fa;
    --r-xs: 4px;
    --r-sm: 7px;
    --r-md: 10px;
    --r-lg: 14px;
    --r-xl: 18px;
    --shadow-sm: 0 2px 4px rgba(29,43,50,.025);
    --shadow-md: 0 6px 22px rgba(29,43,50,.06);
    --shadow-lg: 0 18px 60px rgba(29,43,50,.16);
    --shadow-brand: 0 3px 10px rgba(8,124,157,.12);
    --surface-gradient: var(--surface-1);
    --grain: none;
}
:root[data-appearance="refined"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #14191d;
    --surface-0: #1b2328;
    --surface-1: #1e282e;
    --surface-2: #27343c;
    --surface-3: #33444e;
    --border: #33434c;
    --border-strong: #576c79;
    --text: #edf4f8;
    --text-muted: #b3c6d1;
    --text-dim: #92aab9;
    --brand-500: #80c7e3;
    --brand-400: #a4dded;
    --brand-600: #54adcd;
    --brand-glow: rgba(128,199,227,.10);
    --brand-glow-soft: #203b4a;
    --success: #94d7a9;
    --success-bg: #203d2a;
    --warning: #edc07f;
    --warning-bg: #3d3221;
    --danger: #f5a1a9;
    --danger-bg: #40272d;
    --info: #a5c9eb;
    --info-bg: #253645;
    --mp: #80c7e3;
    --mp-bg: #203b4a;
    --shadow-sm: 0 2px 4px rgba(0,0,0,.07);
    --shadow-md: 0 8px 24px rgba(0,0,0,.13);
    --shadow-lg: 0 20px 65px rgba(0,0,0,.35);
}

/* The rollback switch remains reachable in either appearance. */
.ap-appearance-control { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 6px;font:500 11px/1.4 var(--font-display);color:var(--text-muted); }
.ap-appearance-control select { width:auto;min-width:84px;padding:5px 22px 5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface-1);color:var(--text);font:500 11px/1.4 var(--font-display);cursor:pointer; }
html:not([data-appearance="refined"]) .ap-refined-only { display:none !important; }

html[data-appearance="refined"] body { background-image:none; }
html[data-appearance="refined"] .app-sidebar { width:220px;background:var(--surface-0); }
html[data-appearance="refined"] .app-sidebar::before,
html[data-appearance="refined"] .sidebar-section-label::after,
html[data-appearance="refined"] .sidebar-icon.active::before,
html[data-appearance="refined"] .main-header::after,
html[data-appearance="refined"] .stat-card::after,
html[data-appearance="refined"] .stat-card::before,
html[data-appearance="refined"] .vehicle-card::before { display:none; }
html[data-appearance="refined"] .sidebar-brand { min-height:84px;padding:20px 18px;gap:10px; }
html[data-appearance="refined"] .sidebar-brand-name { font-size:14px;line-height:1.35;font-weight:700; }
html[data-appearance="refined"] .sidebar-brand-version { position:absolute;left:63px;bottom:10px;border:0;padding:0;background:transparent;font-size:9px; }
html[data-appearance="refined"] .sidebar-brand-mark svg { box-shadow:none; }
html[data-appearance="refined"] .sidebar-nav { padding:6px 12px 8px; }
html[data-appearance="refined"] .sidebar-section-label { font-family:var(--font-display);font-size:10px;font-weight:650;letter-spacing:.08em;padding:12px 10px 6px;color:var(--text-dim); }
html[data-appearance="refined"] .sidebar-icon { min-height:32px;margin:1px 0;padding:6px 10px;font-size:12.5px;gap:12px;text-decoration:none; }
html[data-appearance="refined"] .sidebar-icon.active { background:var(--brand-glow-soft);color:var(--brand-500);box-shadow:none;font-weight:650; }
html[data-appearance="refined"] .sidebar-icon .nav-icon { width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;opacity:.85; }
html[data-appearance="refined"] .nav-icon svg { width:17px;height:17px; }
html[data-appearance="refined"] .sidebar-icon .nav-badge { background:var(--surface-2);color:var(--text-muted);box-shadow:none;font:600 10px var(--font-display); }
html[data-appearance="refined"] .sidebar-footer { padding:10px 12px;gap:5px;background:var(--surface-0); }
html[data-appearance="refined"] .sidebar-footer .btn-primary { font-size:12px;min-height:38px; }
html[data-appearance="refined"] .main-header { min-height:84px;padding:18px 30px;align-items:center;background:var(--surface-0);backdrop-filter:none; }
html[data-appearance="refined"] .main-header-title h1 { font-size:25px;font-weight:650;letter-spacing:-.04em;background:none;-webkit-text-fill-color:var(--text); }
html[data-appearance="refined"] .main-header-title p { font-size:12px;color:var(--text-muted);margin-top:3px; }
html[data-appearance="refined"] .main-content { padding:20px 30px 40px;scroll-padding-top:20px;background:var(--bg); }
html[data-appearance="refined"] :is(.theme-toggle,.demo-live-pill,.next-post-pill) { box-shadow:none; }
html[data-appearance="refined"] .demo-live-pill { font-size:10px;letter-spacing:.04em;padding:7px 11px; }
html[data-appearance="refined"] .container { max-width:1600px;margin:0 auto; }
html[data-appearance="refined"] :is(button,input,select,textarea,a):focus-visible { outline:2px solid var(--brand-500);outline-offset:3px; }
html[data-appearance="refined"] :is(.btn,.theme-toggle,.feature-chip,.view-toggle button) { transition:background .15s,color .15s,border-color .15s; }
html[data-appearance="refined"] .btn { min-height:35px;box-shadow:none;letter-spacing:0; }
html[data-appearance="refined"] .btn-sm { min-height:31px;padding:6px 11px;font-size:12px; }
html[data-appearance="refined"] .btn-primary { background:var(--brand-500);color:#fff;border:1px solid transparent;box-shadow:none; }
html[data-appearance="refined"][data-theme="dark"] .btn-primary { color:#142630; }
html[data-appearance="refined"] .btn-primary:hover:not(:disabled) { background:var(--brand-600);box-shadow:none;filter:none; }
html[data-appearance="refined"] .btn-secondary { background:var(--surface-0); }
html[data-appearance="refined"] .btn-ghost { background:transparent;color:var(--text-muted); }
html[data-appearance="refined"] .btn-marketplace-selenium { background:var(--brand-glow-soft);color:var(--brand-500);border:1px solid var(--border); }
html[data-appearance="refined"] :is(.sort-filter-bar select,.search-input,input[type="text"],textarea) { box-shadow:none; }
html[data-appearance="refined"] :is(input,textarea) { accent-color:var(--brand-500); }
html[data-appearance="refined"] input::placeholder,
html[data-appearance="refined"] textarea::placeholder { color:var(--text-dim);opacity:.85; }

/* Daily work stays above the fold; operational controls remain one click away.
   Condensed, the bar is a live one-line summary of the same tiles (painted by
   app-appearance.js from what csPaintInbox/csPaintAuto already rendered). Only
   the page-level strip collapses: the copy moved into Messages → Reply setup →
   Tools & activity always shows. A forced reason (a car to check on Facebook,
   an open auto-price confirmation, auto-post being switched on) keeps it open. */
html[data-appearance="refined"] .ap-activity-toggle { width:100%;display:flex;align-items:center;gap:12px;padding:9px 14px;margin:0 0 14px;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-display);text-align:left;cursor:pointer;color:var(--text);min-width:0; }
html[data-appearance="refined"] .ap-activity-title { flex:none;font-size:12px;font-weight:650; }
html[data-appearance="refined"] .ap-activity-summary { display:flex;flex:1;min-width:0;gap:0;overflow:hidden;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums; }
html[data-appearance="refined"] .ap-activity-seg { flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
html[data-appearance="refined"] .ap-activity-seg + .ap-activity-seg { margin-left:12px;padding-left:12px;border-left:1px solid var(--border); }
html[data-appearance="refined"] .ap-activity-seg[data-attention="true"] { color:var(--warning);font-weight:600; }
html[data-appearance="refined"] .ap-activity-toggle[data-attention="true"] { border-color:color-mix(in srgb,var(--warning) 45%,var(--border));box-shadow:inset 3px 0 var(--warning); }
html[data-appearance="refined"] .ap-activity-action { flex:none;margin-left:auto;font-size:11px;color:var(--brand-500);font-weight:600;white-space:nowrap; }
html[data-appearance="refined"][data-activity="condensed"]:not([data-activity-forced]) .main-content > #commandStrip { display:none !important; }
html[data-appearance="refined"] #commandStrip .cmd-tile { box-shadow:none;background:var(--surface-0); }
html[data-appearance="refined"] .main-content:not(:has(#vehicles.active,#unposted.active,#hidden.active,#delisted.active)) .stats { display:none; }
html[data-appearance="refined"] .stats { display:flex;gap:0;margin-bottom:20px;padding:16px 0;background:transparent;border-bottom:1px solid var(--border); }
html[data-appearance="refined"] .stat-card { display:flex;align-items:baseline;gap:10px;background:none;border:0;box-shadow:none;border-radius:0;padding:0 24px;flex:0 1 auto; }
html[data-appearance="refined"] .stat-card:first-child { padding-left:0; }
html[data-appearance="refined"] .stat-card + .stat-card { border-left:1px solid var(--border); }
html[data-appearance="refined"] .stat-card:hover { transform:none;box-shadow:none; }
html[data-appearance="refined"] .stat-card:has(#localClock) { margin-left:auto;border-left:0;padding-right:0; }
html[data-appearance="refined"] .stat-value { font-family:var(--font-display);font-size:29px;font-weight:650;letter-spacing:-.04em;line-height:1.2;color:var(--text);text-shadow:none;background:none;-webkit-text-fill-color:var(--text);margin-bottom:0; }
html[data-appearance="refined"] #localClock { font-size:13px;font-weight:500;letter-spacing:0; }
html[data-appearance="refined"] .stat-label { font-family:var(--font-display);font-size:11px;text-transform:none;letter-spacing:0;color:var(--text-muted); }
html[data-appearance="refined"] .feature-strip { border:0;background:transparent;padding:0 0 10px;gap:8px; }
html[data-appearance="refined"] .feature-strip-label { font-size:10px;letter-spacing:.025em; }
html[data-appearance="refined"] .feature-strip-hint { font-size:11px;max-width:350px; }
html[data-appearance="refined"] .ai-action-row { margin:0 0 14px;gap:8px; }
html[data-appearance="refined"] #aiPhotosOpenBtn { background:var(--surface-0);color:var(--text);border:1px solid var(--border); }
html[data-appearance="refined"] .sort-filter-bar { gap:10px;padding:14px;background:var(--surface-0);box-shadow:none; }
html[data-appearance="refined"] .search-input { min-width:160px;flex:1;max-width:none;background:var(--surface-0); }
html[data-appearance="refined"] .sort-filter-bar select { background:var(--surface-0);font-size:12px; }
html[data-appearance="refined"] .filter-checkboxes { gap:9px 16px;padding:12px 0 0 !important;margin:0 !important; }
html[data-appearance="refined"] .filter-checkboxes label { font-size:11px; }
.inventory-photo-hint { flex-basis:100%;margin:2px 4px 0;font-size:11px;line-height:1.55;color:var(--text-muted); }
.inventory-photo-badge { text-transform:none;letter-spacing:0;white-space:normal; }
.filter-checkboxes label:has(#fReady:disabled) { color:var(--text-muted);cursor:default; }
html[data-appearance="refined"] .view-toggle { background:var(--surface-2);padding:3px;border-radius:8px; }
html[data-appearance="refined"] .view-toggle button.active { background:var(--surface-0);color:var(--text);box-shadow:var(--shadow-sm); }

/* Inventory: quieter actions, readable facts, consistently proportioned photos. */
html[data-appearance="refined"] .vehicles-list { gap:9px; }
html[data-appearance="refined"] .list-item { grid-template-columns:auto 76px minmax(150px,1fr) auto auto auto;padding:13px 14px;gap:12px;box-shadow:var(--shadow-sm); }
html[data-appearance="refined"] .list-item:hover { background:var(--surface-0);border-color:var(--border-strong); }
html[data-appearance="refined"] .list-thumb { width:76px;height:56px;border-radius:7px;object-fit:contain;background:var(--surface-2); }
html[data-appearance="refined"] .list-title { font-size:14px;font-weight:650;letter-spacing:-.02em; }
html[data-appearance="refined"] .list-meta { margin-top:5px;font-size:11px;gap:3px 9px; }
html[data-appearance="refined"] .list-price { font:650 16px var(--font-display);color:var(--text); }
html[data-appearance="refined"] .list-actions { gap:5px;flex-wrap:wrap;justify-content:flex-end; }
html[data-appearance="refined"] .list-actions .btn { font-size:11px;padding:5px 9px;min-height:29px; }
html[data-appearance="refined"] .list-actions .btn-primary { background:var(--surface-2);color:var(--text);border:1px solid var(--border); }
html[data-appearance="refined"] .vehicle-card { box-shadow:var(--shadow-sm);background:var(--surface-0); }
html[data-appearance="refined"] .vehicle-card:hover { transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong); }
html[data-appearance="refined"] .vehicle-image { object-fit:contain;background:var(--surface-2); }
html[data-appearance="refined"] .vehicle-title { font-size:16px;font-weight:650; }
html[data-appearance="refined"] .vehicle-price { font-family:var(--font-display);font-weight:650;color:var(--text);text-shadow:none; }
html[data-appearance="refined"] .badge { border-radius:5px;font-size:10px;letter-spacing:.01em; }

/* Settings, photos, queue and message composition share one visual language. */
html[data-appearance="refined"] .settings-section { padding:22px;background:var(--surface-0);box-shadow:var(--shadow-sm);margin-bottom:16px;scroll-margin-top:18px; }
html[data-appearance="refined"] .settings-section :is(h2,h3) { letter-spacing:-.025em; }
html[data-appearance="refined"] .ap-settings-jump { display:flex;gap:5px;flex-wrap:wrap;padding:10px;margin-bottom:18px;background:var(--surface-0);border:1px solid var(--border);border-radius:12px; }
html[data-appearance="refined"] .ap-settings-jump .btn { font-size:11px;border:1px solid var(--border); }
html[data-appearance="refined"] :is(.modal-content,.pm-panel,.caption-studio) { box-shadow:var(--shadow-lg);border-color:var(--border); }
html[data-appearance="refined"] .modal-header { background:var(--surface-0);border-bottom:1px solid var(--border); }
html[data-appearance="refined"] :is(.pm-header,.pm-footer,.pm-toolbar) { background:var(--surface-0); }
html[data-appearance="refined"] .modal-overlay { backdrop-filter:blur(5px); }
html[data-appearance="refined"] table { font-size:12px; }
html[data-appearance="refined"] th { font-family:var(--font-display);font-size:11px;letter-spacing:.02em; }
html[data-appearance="refined"] #messages .messages-command { padding:16px 18px;background:var(--surface-0);box-shadow:none; }
html[data-appearance="refined"] .messages-command-title { font-size:16px;letter-spacing:-.025em; }
html[data-appearance="refined"] .messages-command-sub { font-size:12px; }
html[data-appearance="refined"] .messages-command-help { font-size:11px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border); }
html[data-appearance="refined"] .chat-wrap { grid-template-columns:280px minmax(0,1fr);gap:14px;min-height:400px; }
html[data-appearance="refined"] .chat-rail { grid-column:1;grid-row:1;border-radius:14px;background:var(--surface-0);max-height:320px; }
html[data-appearance="refined"] .chat-main { grid-column:2;grid-row:1 / span 2;border-radius:14px;min-height:340px;height:clamp(340px,calc(100vh - 470px),640px);max-height:none;background:var(--surface-0);min-width:0; }
html[data-appearance="refined"] #aiDraftsFooter { grid-column:1;grid-row:2;min-width:0; }
html[data-appearance="refined"] .chat-row { padding:15px 14px;gap:5px; }
html[data-appearance="refined"] .chat-row.active { background:var(--brand-glow-soft);box-shadow:inset 3px 0 var(--brand-500); }
html[data-appearance="refined"] .chat-row .meta { font-family:var(--font-display);letter-spacing:0;font-size:10px;text-transform:none; }
html[data-appearance="refined"] .chat-head { padding:15px 16px; }
html[data-appearance="refined"] .chat-msgs { padding:20px;gap:12px;background:var(--bg); }
html[data-appearance="refined"] .bubble { padding:11px 14px;font-size:13px;line-height:1.65;max-width:84%; }
html[data-appearance="refined"] .bubble.buyer { background:var(--surface-0);border:1px solid var(--border); }
html[data-appearance="refined"] .bubble.seller { background:var(--brand-glow-soft);color:var(--text); }
html[data-appearance="refined"] .chat-compose { padding:14px; }
html[data-appearance="refined"] .chat-compose textarea { min-height:85px;background:var(--surface-0);padding:12px; }
html[data-appearance="refined"] #ap-demo-banner { background:var(--warning-bg) !important;color:var(--warning) !important;border:1px solid color-mix(in srgb,var(--warning) 24%,transparent);box-shadow:none !important;font-size:12px !important;line-height:1.5; }
/* The banner is pale in light mode: inherit its warning ink instead of the
   white link color used by the unrefined amber banner. */
#ap-demo-banner .ap-demo-banner-link { color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px; }
#ap-demo-banner .ap-demo-banner-link:focus-visible { outline:2px solid currentColor;outline-offset:3px;border-radius:2px; }
html[data-appearance="refined"] :is(#playbookCard,#autoReplyCard) { box-shadow:none;border-color:var(--border); }
html[data-appearance="refined"] #playbookCard > summary { font-weight:600; }

/* Compact popup follows the same appearance and theme preferences. */
html[data-appearance="refined"] body:has(#loginView) { --ink-0:var(--bg);--ink-1:var(--surface-0);--ink-2:var(--surface-2);--ink-3:var(--surface-3);--line:var(--border);--line-2:var(--border-strong);--t0:var(--text);--t1:var(--text-muted);--t2:var(--text-dim);--cyan:var(--brand-500);--cyan-dim:var(--brand-glow-soft);--mint:var(--success);--amber:var(--warning);--red:var(--danger); }
html[data-appearance="refined"] body:has(#loginView) :is(.grid,.halo) { display:none; }
html[data-appearance="refined"] body:has(#loginView) .spec { font-family:var(--sans);letter-spacing:.045em; }
html[data-appearance="refined"] body:has(#loginView) .mark { box-shadow:none; }
html[data-appearance="refined"] body:has(#loginView) :is(.post-btn,.btn-main,.btn-cyan) { background:var(--brand-500);color:#fff;box-shadow:none; }
html[data-appearance="refined"][data-theme="dark"] body:has(#loginView) :is(.post-btn,.btn-main,.btn-cyan) { color:#142630; }
html[data-appearance="refined"] body:has(#loginView) :is(.post-btn,.btn-main,.btn-cyan):hover:not(:disabled) { background:var(--brand-600);filter:none; }
html[data-appearance="refined"] body:has(#loginView) .link:hover { color:var(--brand-400); }
html[data-appearance="refined"] body:has(#loginView) .err { color:var(--danger);background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 30%,transparent); }
html[data-appearance="refined"] body:has(#loginView) :is(.role-badge.owner,.btn-solid) { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-500) 35%,transparent); }
html[data-appearance="refined"] body:has(#loginView) :is(.chip:hover,.btn-mini.solid,.act-renew:hover:not(:disabled)) { border-color:color-mix(in srgb,var(--brand-500) 45%,transparent); }
html[data-appearance="refined"] body:has(#loginView) :is(.auto-head input:checked + .sw,.btn-ghost:hover:not(:disabled)) { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-500) 50%,transparent); }

@media(max-width:1200px) {
    html[data-appearance="refined"] .app-sidebar { width:202px; }
    html[data-appearance="refined"] .main-content { padding:18px 22px 32px; }
    html[data-appearance="refined"] .list-item { grid-template-columns:auto 68px minmax(140px,1fr) auto; }
    html[data-appearance="refined"] .list-thumb { width:68px;height:51px; }
    html[data-appearance="refined"] :is(.list-actions,.list-badges) { grid-column:3 / -1; }
    html[data-appearance="refined"] .list-badges:empty { display:none; }
    html[data-appearance="refined"] .list-actions { justify-content:flex-start; }
}
@media(max-width:900px) {
    html[data-appearance="refined"] .main-header { padding:16px 20px; }
    html[data-appearance="refined"] .main-header-title h1 { font-size:22px; }
    html[data-appearance="refined"] .chat-wrap { grid-template-columns:minmax(0,1fr); }
    html[data-appearance="refined"] .chat-rail { grid-column:1;grid-row:1;max-height:220px; }
    html[data-appearance="refined"] .chat-main { grid-column:1;grid-row:2; }
    html[data-appearance="refined"] #aiDraftsFooter { grid-column:1;grid-row:3; }
    html[data-appearance="refined"] .stats { flex-wrap:wrap;gap:12px; }
    html[data-appearance="refined"] .stat-card { padding:0 14px; }
    html[data-appearance="refined"] .stat-card:has(#localClock) { display:none; }
    html[data-appearance="refined"] .ap-activity-title { display:none; }
}
@media(max-width:680px) {
    html[data-appearance="refined"] .app-sidebar { width:170px; }
    html[data-appearance="refined"] .sidebar-nav { padding:6px; }
    html[data-appearance="refined"] .sidebar-icon { font-size:11px;gap:8px;padding:9px; }
    html[data-appearance="refined"] .sidebar-brand-name { font-size:12px; }
    html[data-appearance="refined"] .main-header { align-items:flex-start;flex-direction:column;gap:10px; }
    html[data-appearance="refined"] .main-content { padding:14px; }
    html[data-appearance="refined"] .list-item { grid-template-columns:auto 55px minmax(0,1fr);gap:8px; }
    html[data-appearance="refined"] .list-thumb { width:55px;height:44px; }
    html[data-appearance="refined"] .list-price { grid-column:3; }
    html[data-appearance="refined"] .list-actions { grid-column:1 / -1; }
    /* One short line per tile instead of one clipped line for all three. */
    html[data-appearance="refined"] .ap-activity-toggle { align-items:flex-start; }
    html[data-appearance="refined"] .ap-activity-summary { flex-direction:column;gap:2px; }
    html[data-appearance="refined"] .ap-activity-seg + .ap-activity-seg { margin-left:0;padding-left:0;border-left:0; }
}
@media(prefers-reduced-motion:reduce) {
    html[data-appearance="refined"] *,html[data-appearance="refined"] *::before,html[data-appearance="refined"] *::after { animation:none !important;transition:none !important;scroll-behavior:auto !important; }
}

/* Command strip: the AI images button sits beside the auto-post switch; locked
   (non-Studio) keeps it clickable so the pitch can explain, but reads inert. */
.cmd-ai-images { margin-right: 10px; }
.cmd-ai-images.is-locked { opacity: .45; cursor: not-allowed; filter: grayscale(1); }

/* A functional notice in both Classic and Refined: the app's daily allowance
   must be clear before someone starts their first queue. */
.posting-allowance-banner { display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--info-bg);border:1px solid var(--border-strong);border-left:3px solid var(--brand-500);border-radius:10px;padding:10px 14px;margin:0 0 12px;color:var(--text); }
.posting-allowance-banner[hidden] { display:none; }
.posting-allowance-banner[data-state="warmup"],.posting-allowance-banner[data-state="reached"] { background:var(--warning-bg);border-left-color:var(--warning); }
.posting-allowance-banner__copy { flex:1;min-width:min(260px,100%); }
.posting-allowance-banner__copy strong { display:block;font-size:13px; }
.posting-allowance-banner__copy p { margin:3px 0 0;line-height:1.4;font-size:12px;color:var(--text-muted); }
.posting-limit-setting { border-radius:10px;scroll-margin:100px 0; }
.posting-limit-setting--highlighted { outline:3px solid var(--brand-500);outline-offset:8px; }
.posting-limit-setting > small,.posting-limit-settings-hint { color:var(--text-muted);font-size:12px;line-height:1.5; }
.posting-limit-settings-hint { margin:10px 0 0;padding:10px;background:var(--info-bg);border-radius:8px; }
.posting-limit-settings-hint[hidden] { display:none; }

/* Timer bypass controls deliberately remain conspicuous while enabled. */
.posting-timer-policy-toggle { white-space:nowrap; }
.posting-timer-policy-toggle--on { background:var(--warning-bg) !important;border:2px solid var(--warning) !important;color:var(--warning) !important;font-weight:750; }
.posting-timer-warning { display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 16px;padding:16px;border:2px solid var(--warning);border-radius:12px;background:var(--warning-bg);color:var(--text); }
.posting-timer-warning[hidden] { display:none; }
.posting-timer-warning > div:first-child { flex:1;min-width:min(270px,100%); }
.posting-timer-warning strong { font-size:14px; }
.posting-timer-warning p { margin:6px 0 0;font-size:12px;line-height:1.6; }
.posting-timer-warning__actions { display:flex;flex-wrap:wrap;gap:8px; }
.posting-timer-warning--persistent { border-left-width:6px; }
.posting-timer-warning button:disabled,.posting-timer-policy-toggle:disabled { opacity:.55;cursor:not-allowed; }