/* Shared semantic status tokens. Business states and their wording are unchanged. */
:root{--status-pending-bg:#fff4df;--status-pending-fg:#82500b;--status-progress-bg:#eaf2ff;--status-progress-fg:#2354a0;--status-success-bg:#e8f5ee;--status-success-fg:#216641;--status-danger-bg:#fcecec;--status-danger-fg:#a63742;--status-review-bg:#f1ecfb;--status-review-fg:#694391;--status-neutral-bg:#edf1f6;--status-neutral-fg:#526175}
html[data-theme="dark"]{--status-pending-bg:#342b1d;--status-pending-fg:#f0c979;--status-progress-bg:#192e4b;--status-progress-fg:#a7cbff;--status-success-bg:#19352d;--status-success-fg:#9dd8b9;--status-danger-bg:#3d242d;--status-danger-fg:#f3adb6;--status-review-bg:#302744;--status-review-fg:#d3b6f2;--status-neutral-bg:#263245;--status-neutral-fg:#c3ccdb}
body [data-status-tone]{--status-bg:var(--status-neutral-bg);--status-fg:var(--status-neutral-fg);display:inline-flex;align-items:center;gap:.45em;max-width:100%;padding:.38em .75em;border:1px solid color-mix(in srgb,var(--status-fg) 18%,transparent);border-radius:999px;background:var(--status-bg);color:var(--status-fg);font-size:12px;font-weight:650;line-height:1.45;white-space:normal;overflow-wrap:anywhere;vertical-align:middle;letter-spacing:normal}
body [data-status-tone="pending"]{--status-bg:var(--status-pending-bg);--status-fg:var(--status-pending-fg)}body [data-status-tone="progress"]{--status-bg:var(--status-progress-bg);--status-fg:var(--status-progress-fg)}body [data-status-tone="success"]{--status-bg:var(--status-success-bg);--status-fg:var(--status-success-fg)}body [data-status-tone="danger"]{--status-bg:var(--status-danger-bg);--status-fg:var(--status-danger-fg)}body [data-status-tone="review"]{--status-bg:var(--status-review-bg);--status-fg:var(--status-review-fg)}
body [data-status-tone]::before{content:"";width:.48em;height:.48em;border-radius:50%;background:currentColor;flex:none}
body .important-alert-wrap{width:100%;max-width:100%;margin:0 0 20px;padding:0}
body main>.important-alert-wrap{width:min(1180px,calc(100% - 40px));margin:24px auto}
body .important-alert{--alert-fg:var(--status-progress-fg);--alert-bg:var(--status-progress-bg);background:var(--alert-bg);color:var(--lg-text);border:1px solid color-mix(in srgb,var(--alert-fg) 25%,transparent);border-radius:16px;padding:18px;box-shadow:none;animation:none;gap:13px;overflow:visible}
body .important-alert--warning{--alert-fg:var(--status-pending-fg);--alert-bg:var(--status-pending-bg)}body .important-alert--error{--alert-fg:var(--status-danger-fg);--alert-bg:var(--status-danger-bg)}
body .important-alert::before{display:none}body .important-alert .feedback-icon{width:30px;height:30px;border-radius:10px;color:var(--alert-fg);background:color-mix(in srgb,var(--alert-fg) 10%,transparent);font-weight:700;font-size:18px;line-height:1;flex:none}
body .important-alert>div{padding:0;min-width:0}body .important-alert strong{color:var(--alert-fg);font-size:15px;line-height:1.45}body .important-alert p{color:var(--lg-text);font-size:14px;line-height:1.65;margin:7px 0 0;overflow-wrap:anywhere}
body .important-alert-action{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:6px;color:var(--alert-fg);font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
body .important-alert :is(a,button):focus-visible,body .feedback-close:focus-visible{outline:3px solid var(--alert-fg,var(--lg-primary));outline-offset:3px}
body .feedback-floating .feedback-card{background:var(--lg-card,#fff);color:var(--lg-text)}body .feedback-floating .feedback-card strong{color:var(--lg-text)}body .feedback-floating .feedback-card p{font-size:14px;color:var(--lg-muted)}
body .auth-content>.important-alert-wrap,body .auth-form>.important-alert-wrap{grid-column:1/-1}
body [data-google-error][hidden]{display:none}body [data-google-error]{margin-top:12px}
/* Match the specificity of the existing dark palette, without changing it. */
:root[data-theme] body [data-status-tone][data-status-state]{background:var(--status-bg);color:var(--status-fg);border-color:color-mix(in srgb,var(--status-fg) 18%,transparent)}
:root[data-theme] body .feedback-card.important-alert{background:var(--alert-bg);color:var(--lg-text);border-color:color-mix(in srgb,var(--alert-fg) 25%,transparent);box-shadow:none}
:root[data-theme] body .important-alert strong{color:var(--alert-fg)}:root[data-theme] body .important-alert p{color:var(--lg-text)}
@media(prefers-reduced-motion:reduce){body .feedback-card{animation:none}}
@media(max-width:600px){body .important-alert{padding:15px;gap:10px}body .important-alert p{font-size:14px}body [data-status-tone]{font-size:12px}body main>.important-alert-wrap{width:calc(100% - 28px)}}