:root {
  color-scheme: light;
  --bg:#f2f1e9;--bg-deep:#ebece2;--bg-soft:#f5f7ef;--card:#fbfcf7;--card-solid:#fbfcf7;
  --border:#dce2d3;--border-soft:#e4e8dc;--text:#24372e;--muted:#64725e;
  --emerald:#293e2e;--emerald-soft:#3e5740;--emerald-deep:#1c322b;--gold:#526d45;--gold-soft:#e8efdc;--gold-deep:#83965f;
  --accent:#293e2e;--accent-2:#526d45;--green:#2e6946;--red:#a3342c;--amber:#795921;
  --radius:18px;--radius-sm:10px;--shadow:0 18px 44px #1d302014;--shadow-soft:0 5px 20px #1d302009;--ring:0 0 0 3px #83965f35;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;
  --font-sans:'Segoe UI',system-ui,-apple-system,sans-serif;--font-body:14px;--font-small:12px;--font-heading:clamp(26px,2.5vw,36px);
}
html { scroll-padding-top:80px; }
body:not(.login-page) { background:radial-gradient(ellipse at 85% 0%,#e8eddf80,transparent 60%),var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--font-body); }
body [hidden] { display:none!important; }
body:not(.login-page) :is(h1,h2,h3,h4,b,strong) { color:inherit; }
h1,h2,h3,h4 { overflow-wrap:anywhere; }
body:not(.login-page) h1 { font-size:var(--font-heading);letter-spacing:-1px;font-weight:650;line-height:1.2; }
body:not(.login-page) h2 { font-size:20px;font-weight:650;letter-spacing:-.4px; }
body:not(.login-page) a { color:var(--accent);text-underline-offset:4px; }
body:not(.login-page) :is(p,small,.muted,.hint,.empty) { line-height:1.7; }
body:not(.login-page) :is(.main,.player-content) { max-width:1480px;min-width:0;padding:24px clamp(20px,3.5vw,52px) 40px; }
.layout,.player-layout { align-items:flex-start; }
body:not(.login-page) :is(.card,.player-panel,.player-card,.player-stat,.am-card,.calendar-day) { background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);color:var(--text);padding:24px; }
body:not(.login-page) .card { margin-bottom:20px; }
body:not(.login-page) .cards { gap:16px;margin:20px 0;grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); }
body:not(.login-page) .cards .card { margin:0;min-height:104px; }
body:not(.login-page) :is(.card .v,.player-stat strong) { font-family:var(--font-sans);font-size:30px;letter-spacing:-1px;font-weight:650;color:var(--text); }
body:not(.login-page) :is(.card .l,.player-stat small) { color:var(--muted);font-size:12px; }
body:not(.login-page) :is(button,.btn),.account-page .login-panel button { min-height:42px;background:var(--accent);color:#f4f7e8;border:1px solid var(--accent);border-radius:9px;padding:10px 16px;font-family:var(--font-sans);font-size:13px;font-weight:600;box-shadow:0 3px 10px #293e2e0c;transition:background .15s,border-color .15s,box-shadow .15s;line-height:1.4; }
body:not(.login-page) :is(button,.btn):hover,.account-page .login-panel button:hover { background:#3e5740;box-shadow:0 4px 12px #293e2e12;transform:none; }
body:not(.login-page) :is(button.secondary,.btn-secondary,.icon-btn),.account-page .login-panel button.secondary { background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:none; }
body:not(.login-page) :is(button.secondary,.btn-secondary):hover { background:#eef1e7;border-color:#a7b797; }
body:not(.login-page) :is(button.ghost,.btn-ghost) { background:transparent;color:var(--muted);border-color:transparent;box-shadow:none; }
body:not(.login-page) :is(button.danger,.btn-danger) { background:#fff1ee;color:#a3342c;border:1px solid #eac4bd;box-shadow:none; }
body:not(.login-page) :is(button.danger,.btn-danger):hover { background:#fbe1db; }
body:not(.login-page) :is(button.success,button.gold,.btn-gold) { background:#e8efdc;color:#293e2e;border:1px solid #bccba6;box-shadow:none; }
body button:disabled,body .btn[aria-disabled=true] { opacity:.55;cursor:not-allowed;transform:none; }
body button[aria-busy=true] { cursor:progress; }
body button[aria-busy=true]::after { content:' ◌';display:inline-block;animation:interface-spin 1s linear infinite; }
body:not(.login-page) :is(input,select,textarea) { min-height:44px;background:#fff;color:#25382b;border:1px solid var(--border);border-radius:9px;padding:11px 13px;font-family:var(--font-sans);font-size:14px;box-shadow:none;max-width:100%; }
body:not(.login-page) textarea { line-height:1.65; }
body:not(.login-page) label { color:#52624e;font-size:12px;line-height:1.6; }
body :is(input,textarea,select):focus { outline:0;border-color:#7a966d;box-shadow:var(--ring); }
body :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible { outline:3px solid #83965f;outline-offset:3px; }
body input[type=checkbox],body input[type=radio] { width:18px;min-height:18px;height:18px;accent-color:#293e2e;vertical-align:middle;flex:none; }
body:not(.login-page) .badge { color:#52624e;background:#edf1e5;border:1px solid #dce2d3;font-weight:600;font-size:11px;line-height:1.5; }
body:not(.login-page) :is(.badge.green,.badge.success) { background:#e7f0e5;color:#275b37;border-color:#c6dcc2; }
body:not(.login-page) :is(.badge.red,.badge.danger) { background:#fff1ee;color:#a3342c;border-color:#eac4bd; }
body:not(.login-page) :is(.badge.amber,.badge.gold,.badge.warning) { background:#f4f0dc;color:#795921;border-color:#ded3a5; }
body:not(.login-page) :is(table,th,td) { color:var(--text);background:var(--card);border-color:var(--border); }
body:not(.login-page) table { border:1px solid var(--border);box-shadow:none; }
body:not(.login-page) th { background:#eef1e7;color:#52624e;white-space:nowrap;font-size:11px;letter-spacing:.5px;padding:14px; }
body:not(.login-page) td { padding:14px;font-size:13px; }
body:not(.login-page) tr:hover td { background:#f2f5eb; }
.table-scroll { width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:12px;border:1px solid var(--border);margin:12px 0; }
.table-scroll table { margin:0;border:0;min-width:560px; }
.ui-filtered-row { display:none!important; }
body:not(.login-page) .mail-ticket { max-width:100%;margin:0;padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--card);font-family:var(--font-sans);box-shadow:var(--shadow-soft); }body:not(.login-page) .mail-ticket :is(h1,h2) { text-align:left;color:var(--text);border-bottom:1px solid var(--border);letter-spacing:-.4px; }.mail-ticket hr { border-color:var(--border); }
.table-tools { display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:16px 0 8px; }
.table-tools input { width:min(100%,280px);margin:0; }.table-tools small { color:var(--muted); }
th button.table-sort { padding:0!important;min-height:30px!important;background:transparent!important;border:0!important;color:inherit!important;box-shadow:none!important;text-align:left; }
body:not(.login-page) :is(.modal,dialog) { background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);max-height:90dvh;overflow-y:auto;padding:28px; }
.modal-backdrop,dialog::backdrop { background:#172a2499;backdrop-filter:blur(6px); }
body:not(.login-page) :is(.preview-box,.preview-box pre,.preview-box code,.copy-box,.player-card pre) { background:#eef1e7;color:#354a39;border-color:var(--border); }
body:not(.login-page) .preview-box h3 { color:var(--text); }
body #toast { color:#f4f7e8;background:#293e2e;border:1px solid #526d45;border-radius:12px;box-shadow:var(--shadow);z-index:250; }
.ui-topbar { min-height:54px;display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:26px;border-bottom:1px solid var(--border);padding:0 0 16px;color:var(--muted);font-size:12px; }
.ui-breadcrumb { display:flex;gap:10px;align-items:center;min-width:0;flex-wrap:wrap; }.ui-breadcrumb [aria-current] { color:var(--text);font-weight:600; }
.ui-utilities { display:flex;gap:18px;align-items:center;white-space:nowrap; }.ui-utilities a { text-decoration:none;font-size:12px;display:inline-flex;gap:6px;align-items:center; }
.ui-icon { width:19px;height:19px;flex:0 0 19px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle; }
.ui-icon-button { display:inline-flex;align-items:center;justify-content:center;gap:8px; }.ui-icon-button .ui-icon { width:16px;height:16px;flex-basis:16px; }.module-credit { text-align:center;font-size:11px;color:var(--muted);padding:24px 0;border-top:1px solid var(--border);margin-top:28px; }
.ui-actions-menu { position:relative; }.ui-actions-menu>summary { list-style:none;cursor:pointer;background:#fff;border:1px solid var(--border);border-radius:9px;padding:11px 16px;font-size:13px;min-height:42px; }.ui-actions-menu>summary::after { content:' ⌄'; }.ui-actions-content { position:absolute;right:0;top:calc(100% + 8px);padding:10px;min-width:220px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);z-index:45;display:grid;gap:8px; }.ui-actions-content button { width:100%; }.ui-field-label { display:block;margin:12px 0 6px; }
body:not(.login-page) .sidebar.staff-navigation { display:flex;padding:0; }.ui-api-error { margin-bottom:22px; }
body:not(.login-page) :is(.sidebar,.player-sidebar) { width:280px;flex:0 0 280px;background:radial-gradient(ellipse at 15% 0%,#355341,#1c322b 55%,#172a24);border:0;color:#edf0d9;height:100dvh;position:sticky;top:0;padding:24px 16px;box-shadow:none; }
body:not(.login-page) :is(.sidebar,.player-sidebar) :is(a,h2,p,small,label,.user,.nav-eyebrow,.tagline) { color:#becdb5; }
body:not(.login-page) :is(.sidebar,.player-sidebar) :is(.brand h2,.player-brand) { color:#f4f7e8; }
body:not(.login-page) :is(.sidebar,.player-sidebar) input { color:#edf0d9;background:#ffffff08;border:1px solid #ffffff20;font-size:12px; }
body:not(.login-page) :is(.sidebar,.player-sidebar) input::placeholder { color:#b0c0ab; }
body:not(.login-page) :is(.staff-nav-group summary,.player-nav-group h2) { color:#b0c0ab;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;padding:12px 8px 8px; }
body:not(.login-page) .staff-nav-group { border:0;margin-bottom:8px; }
body:not(.login-page) :is(.sidebar nav a,.player-sidebar nav a) { color:#c8d3bf;background:transparent;border:1px solid transparent;padding:11px 12px;border-radius:9px;font-size:12px;display:flex;align-items:center;gap:10px;margin:2px 0;transform:none; }
body:not(.login-page) :is(.sidebar nav a,.player-sidebar nav a):hover { background:#d5e6aa10;color:#f4f7e8; }
body:not(.login-page) :is(.sidebar nav a.active,.player-sidebar nav a.active) { color:#e8f1d5;background:#d5e6aa18;border-color:#d5e6aa20;box-shadow:inset 3px 0 #d5e6aa; }
.staff-nav-group nav i { display:flex;align-items:center;justify-content:center;font-style:normal; }
body:not(.login-page) :is(.staff-nav-footer,.player-sidebar-footer) { border-top:1px solid #d5e6aa20;padding-top:18px; }
body:not(.login-page) :is(.sidebar,.player-sidebar) :is(button,.level-badge,.nav-count) { background:#d5e6aa12;border-color:#d5e6aa24;color:#d5e6aa;box-shadow:none; }
body:not(.login-page) .sidebar.collapsed { width:76px;flex-basis:76px; }.sidebar.collapsed .ui-icon { display:block; }.sidebar.collapsed nav a { padding:12px; }
body:not(.login-page) .hero { background:radial-gradient(ellipse at 90% 50%,#355341,#1c322b 70%);border:1px solid #293e2e;border-radius:22px;padding:30px;color:#edf0d9;gap:20px;align-items:center; }
body:not(.login-page) .hero :is(h1,h2,strong) { color:#f4f7e8; }.hero p { color:#b8c9b9; }.hero .eyebrow { color:#d5e6aa;letter-spacing:1.5px;font-size:10px; }
.hero-copy { flex:1; }.hero-actions { display:flex;gap:10px;flex-wrap:wrap; }.hero-actions a { text-decoration:none;background:#d5e6aa;color:#24372e!important;border-radius:9px;padding:12px 16px;font-weight:600;font-size:12px; }.hero-actions a.secondary { background:#ffffff0a;border:1px solid #d5e6aa40;color:#edf0d9!important; }
.section-heading { display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin:28px 0 16px; }.section-heading h2 { margin:0; }.section-heading p { color:var(--muted);font-size:12px;margin:0; }
.staff-workspace { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:20px;align-items:start; }.staff-workspace .card { margin:0; }.staff-workspace .span-full { grid-column:1/-1; }
.priority-list { display:grid;gap:10px; }.priority-item { display:flex;align-items:center;gap:14px;padding:16px;background:#f2f5eb;border:1px solid var(--border);border-radius:12px;text-decoration:none; }.priority-item strong { font-size:26px;min-width:40px; }.priority-item span { flex:1;font-size:13px; }.priority-item small { display:block;color:var(--muted);font-size:11px; }.priority-item::after { content:'→'; }
body:not(.login-page) .note { background:#f2f5eb;border-left:3px solid #83965f;padding:16px;border-radius:0 10px 10px 0; }.note small { color:var(--muted); }
body:not(.login-page) .quick-grid a { background:#fff;color:var(--text);padding:18px;text-align:left;border-radius:12px;border:1px solid var(--border);font-weight:600;display:flex;align-items:center;gap:12px; }.quick-grid a:hover { background:#edf1e5!important;transform:none!important; }
body:not(.login-page) :is(.player-notice,.alert,.warning-box) { color:#52624e;background:#edf1df;border:1px solid #cbd6b6;border-radius:12px;line-height:1.8; }
.player-header h1,.player-panel h2,.player-card h2 { font-family:var(--font-sans)!important; }.player-header .player-eyebrow { color:#64725e!important; }.player-header p { color:var(--muted)!important; }.player-sidebar .player-brand small { color:#b0c0ab!important; }.player-sidebar-footer { margin-top:20px; }.player-sidebar-footer a { display:block; }
.player-shortcuts { display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0; }.player-shortcuts a { background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;text-decoration:none;font-size:13px;font-weight:600; }.player-priority { border-left:4px solid #83965f!important; }
.player-priority .priority-item { margin-top:10px; }.player-calendar-link { display:inline-flex;margin-top:12px; }.player-columns { align-items:start; }.player-record { border-color:var(--border)!important; }
.page-head { display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-bottom:24px; }.page-head p { color:var(--muted);max-width:700px; }.page-head h1 { margin-top:0; }.toolbar,.toolbar-row { gap:10px;align-items:center; }
.form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px; }.form-grid>.full { grid-column:1/-1; }.form-grid>div { min-width:0; }
@media(max-width:600px) { .form-grid { grid-template-columns:1fr!important; } }
.tabs { gap:6px;padding:6px;border:1px solid var(--border);background:#edf1e5;border-radius:12px; }.tabs button.on,.tabs button.active { background:#fff!important;color:#293e2e!important;outline:0!important;border-color:var(--border)!important; }
.ui-skip { position:fixed;top:-100px;left:20px;z-index:300;background:var(--card);padding:14px;border-radius:9px; }.ui-skip:focus { top:10px; }
.skeleton { border-radius:10px;background:linear-gradient(90deg,#e8ede0,#f7f9f1,#e8ede0);background-size:200% 100%;animation:interface-shimmer 1.5s ease infinite;min-height:80px; }.ui-loading { display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px; }
.ui-empty,.ui-error { padding:28px;border:1px dashed var(--border);border-radius:14px;background:var(--card);text-align:center;color:var(--muted); }.ui-error { border-style:solid;color:#a3342c; }.ui-error button { margin-top:12px; }
.account-page .login-panel form { margin:20px 0; }.account-page .login-panel form>button { width:100%;margin-top:16px; }.account-page .login-panel>a:not(.discord-login) { display:block;margin:18px 0;font-size:12px;color:#526d45; }.account-page .login-panel select { width:100%;min-height:46px;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:9px; }.account-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px; }.account-steps { list-style:none;padding:0;display:grid;gap:10px;font-size:12px;color:#526d45; }.account-page .check-label { display:flex;align-items:center;gap:10px;font-weight:400; }.account-page .check-label input { width:18px;min-height:18px; }.account-section { border-top:1px solid var(--border);padding-top:20px;margin:24px 0; }.session-row { border-bottom:1px solid var(--border);padding:14px 0;overflow-wrap:anywhere; }.session-row p { font-size:11px; }.account-page small { font-size:11px;color:var(--muted); }.account-page .login-panel p { font-size:12px;line-height:1.8; }#account-message:not(:empty) { padding:14px;background:#edf1e5;border:1px solid var(--border);border-radius:10px; }
@keyframes interface-spin { to { transform:rotate(360deg); } }@keyframes interface-shimmer { to { background-position:-200% 0; } }
@media(min-width:901px) { .player-menu-toggle { display:none; }.player-sidebar.collapsed { width:84px!important;flex-basis:84px!important; }.player-sidebar.collapsed :is(.player-brand span,.player-search,.player-sidebar-footer,.player-nav-group h2,.nav-label) { display:none; }.player-sidebar.collapsed .player-brand img { width:44px;height:44px; }.player-sidebar.collapsed nav a { justify-content:center;padding:12px; }.player-sidebar .player-collapse { margin-bottom:16px; } }
@media(max-width:1100px) { .staff-workspace { grid-template-columns:1fr; }.hero { flex-wrap:wrap; }.hero-actions { width:100%; }.ui-utilities { gap:12px; } }
@media(max-width:900px) { body:not(.login-page) :is(.sidebar,.player-sidebar) { position:fixed;inset:0 auto 0 0;width:290px;max-width:calc(100vw - 48px);height:100dvh;z-index:180;transform:translateX(-100%);transition:transform .2s;overflow:auto;display:block; }.sidebar.open,.player-sidebar.open { transform:translateX(0)!important;box-shadow:20px 0 80px #172a2440!important; }.player-layout { display:block; }.player-sidebar nav { display:block; }.player-nav-group { width:auto; }.player-collapse { display:none; }.nav-burger,.player-menu-toggle { display:block!important;position:fixed;left:12px;top:12px;z-index:210;min-width:44px; }.ui-topbar { padding-left:46px;min-height:50px; }.ui-breadcrumb { font-size:11px; }.ui-utilities a { font-size:11px; }.ui-utilities .utility-label { display:none; }body:not(.login-page) :is(.main,.player-content) { padding:16px 20px 30px; }.player-header { margin-top:24px; }.player-sidebar-footer { display:grid; }.sidebar.collapsed { width:290px!important; } }
@media(max-width:600px) { body:not(.login-page) :is(.card,.player-panel,.player-card,.player-stat) { padding:18px; }.grid-2,.am-grid-2,.field-grid,.account-grid { grid-template-columns:1fr!important; }.player-stats,.cards { grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important; }.player-columns { grid-template-columns:1fr; }.hero { padding:24px!important; }.hero img { width:48px;height:48px; }.hero h1 { font-size:25px!important; }.hero-actions a { flex:1;text-align:center; }.section-heading { align-items:flex-start;flex-direction:column;gap:6px; }.ui-utilities { gap:10px; }.toolbar button,.toolbar-row button { flex-grow:1; }.toolbar { width:100%; }.modal { padding:20px!important;max-width:100%!important; }.player-header { flex-wrap:wrap; }.player-shortcuts { grid-template-columns:1fr 1fr; }.account-page .landing-story h1 { font-size:34px; }.account-page .login-panel { padding:26px 22px; }.table-tools input { width:100%; }.ui-topbar { margin-bottom:20px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { animation:none!important;transition:none!important; } }

/* Shared staff identity card: navigation and authentication stay unchanged. */
.sidebar.staff-navigation .staff-nav-footer { flex-shrink:0;padding:12px;background:transparent;border-top:1px solid #d5e6aa20; }
.staff-profile-card { display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border-radius:16px;background:linear-gradient(135deg,#35534188,#1c322bcc);border:1px solid #c7dba72b;box-shadow:0 8px 24px #0000000f;transition:border-color .2s,background .2s; }
.staff-profile-card:hover { border-color:#c7dba75c;background:linear-gradient(135deg,#355341b0,#1c322b); }
.staff-profile-avatar { position:relative;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0!important;border:1px solid #c7dba75c!important;border-radius:50%!important;background:#293e2e!important;color:#d5e6aa!important;box-shadow:none!important;display:grid;place-items:center;overflow:visible!important; }
#staff-avatar { display:grid;place-items:center;width:42px;height:42px;border-radius:50%;overflow:hidden;font-size:20px;font-weight:600; }#staff-avatar img { width:100%;height:100%;object-fit:cover; }
.staff-online { position:absolute;right:-1px;bottom:0;width:10px;height:10px;background:#a8c788;border:2px solid #1c322b;border-radius:50%; }
.staff-profile-content { min-width:0;flex:1;color:#edf0d9; }.staff-profile-content #staff-user { display:block;font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere; }.staff-profile-role { display:block;font-size:11px;color:#c0d0b8;margin-top:4px;line-height:1.6; }.staff-profile-logout { display:flex;align-items:center;gap:7px;background:transparent!important;border:0!important;box-shadow:none!important;color:#b8c9b9!important;font-size:11px!important;min-height:30px!important;padding:5px 0!important;margin-top:8px; }.staff-profile-logout:hover { color:#edf0d9!important;text-decoration:underline; }
.sidebar.staff-navigation.collapsed .staff-nav-footer { display:block;padding:10px 8px; }.staff-navigation.collapsed .staff-profile-card { padding:8px;justify-content:center;border-color:transparent;background:transparent;box-shadow:none; }.staff-navigation.collapsed .staff-profile-content { display:none; }.staff-navigation.collapsed .staff-profile-card.profile-open .staff-profile-content { display:block;position:fixed;left:var(--profile-popover-x);top:var(--profile-popover-y);width:230px;max-width:calc(100vw - 100px);padding:18px;border:1px solid #c7dba75c;background:#1c322b;border-radius:14px;box-shadow:0 16px 40px #0003;z-index:250; }
@media(max-width:900px) { .sidebar.staff-navigation.collapsed .staff-profile-card { justify-content:flex-start;padding:14px;background:linear-gradient(135deg,#35534188,#1c322bcc);border-color:#c7dba72b; }.staff-navigation.collapsed .staff-profile-content { display:block; }.staff-profile-logout { min-height:44px!important; }.staff-profile-card { padding:12px; } }

.staff-profile-content.staff-profile-popover { display:block;position:fixed;width:230px;max-width:calc(100vw - 100px);padding:18px;border:1px solid #c7dba75c;background:#1c322b;border-radius:14px;box-shadow:0 16px 40px #0003;z-index:250; }

/* Shared notices, deliberately independent of the legacy #toast container. */
#toast{display:none!important}.notice-stack{position:fixed;z-index:2500;top:80px;right:clamp(16px,3vw,40px);width:min(410px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px;pointer-events:none;max-height:calc(100dvh - 104px);overflow-y:auto;padding:4px}
.notice{--notice-color:var(--green,#2e6946);--notice-bg:#f0f6ee;display:grid;grid-template-columns:30px minmax(0,1fr) 28px;align-items:start;gap:12px;padding:18px;background:var(--notice-bg);border:1px solid color-mix(in srgb,var(--notice-color) 24%,white);border-left:3px solid var(--notice-color);border-radius:14px;color:var(--text,#24372e);box-shadow:0 12px 36px #1d302020;pointer-events:auto;animation:notice-in .22s ease-out;overflow-wrap:anywhere;font:13px/1.5 var(--font-sans,'Segoe UI',sans-serif)}
.notice-warning{--notice-color:var(--amber,#795921);--notice-bg:#fcf5e7}.notice-error{--notice-color:var(--red,#a3342c);--notice-bg:#fcf0ed}.notice-info{--notice-color:#36627b;--notice-bg:#eef5f8}
.notice-icon{display:grid;place-items:center;border:1.7px solid currentColor;border-radius:50%;width:27px;height:27px;color:var(--notice-color);font-weight:750;font-size:18px}.notice-warning .notice-icon{border-radius:6px;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--notice-color);color:white;border:0;line-height:2;padding-top:4px}.notice-copy strong{display:block;font-size:14px}.notice-copy p{margin:4px 0 0;line-height:1.6!important;color:var(--muted,#64725e)}
body .notice .notice-close{min-height:28px;width:28px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--muted);font-size:20px;line-height:1}.notice-close:hover{background:#ffffff90!important;color:var(--text)!important}body .notice .notice-action{min-height:32px;padding:5px 10px;margin-top:10px;background:transparent;border:1px solid var(--notice-color);color:var(--notice-color);box-shadow:none;font-size:12px}.notice :is(button):focus-visible{outline:3px solid var(--notice-color);outline-offset:3px}.notice-leaving{animation:notice-out .18s ease-in forwards}
@keyframes notice-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes notice-out{to{opacity:0;transform:translateX(12px)}}
@media(max-width:650px){.notice-stack{top:72px;right:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 90px)}.notice{padding:14px;gap:10px}}
@media(prefers-reduced-motion:reduce){.notice,.notice-leaving{animation:none!important}}