[data-theme=dark],:root{--bg:#0c0f14;--bg-soft:#0f1319;--surface:#161c27;--surface-strong:#121620;--border:#252d3a;--border-strong:#334155;--text:#e8edf4;--text-muted:#8b97a8;--primary:#38bdf8;--primary-soft:#38bdf81f;--danger:#f87171;--warning:#fbbf24;--success:#34d399;--shadow:0 8px 32px #00000059;--overlay:#0000008c;--bg-app:var(--bg);--bg-elevated:var(--surface-strong);--bg-surface:var(--surface);--bg-sidebar:var(--bg-soft);--accent:var(--primary);--accent-hover:#7dd3fc;--accent-dim:var(--primary-soft);--emerald:var(--success);--emerald-dim:#34d39926;--danger-dim:#f871711f;--warning-dim:#fbbf241f;--error-text:#fecaca;--surface-soft:var(--bg-elevated)}[data-theme=light]{--bg:#f4f6f9;--bg-soft:#eef1f6;--surface:#fff;--surface-strong:#f8fafc;--border:#dde3ec;--border-strong:#c5ced9;--text:#0f172a;--text-muted:#5c6b7e;--primary:#0284c7;--primary-soft:#0284c71a;--danger:#dc2626;--warning:#d97706;--success:#059669;--shadow:0 8px 32px #0f172a14;--overlay:#0f172a59;--bg-app:var(--bg);--bg-elevated:var(--surface-strong);--bg-surface:var(--surface);--bg-sidebar:var(--bg-soft);--accent:var(--primary);--accent-hover:#0369a1;--accent-dim:var(--primary-soft);--emerald:var(--success);--emerald-dim:#0596691f;--danger-dim:#dc26261a;--warning-dim:#d977061f;--error-text:#991b1b;--surface-soft:var(--surface-strong)}:root{--radius:10px;--radius-sm:6px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--topbar-h:56px;--sidebar-w:252px;--sidebar-w-collapsed:72px;--focus-ring:0 0 0 2px var(--bg-app), 0 0 0 4px var(--accent);--ease:cubic-bezier(.4, 0, .2, 1);--transition-fast:.15s var(--ease);--transition-med:.22s var(--ease)}*,:before,:after{box-sizing:border-box}*{margin:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font);background:var(--bg-app);color:var(--text);min-height:100vh;transition:background-color var(--transition-med), color var(--transition-med);line-height:1.5}#root{min-height:100vh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.font-mono{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.9em}.btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--text);background:var(--bg-elevated);border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:.28rem .65rem;font-size:.8125rem}.btn--primary{background:var(--accent);color:#0a0c10;border-color:#0000}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg-surface);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){border-color:var(--text-muted)}.btn--ghost{border-color:var(--border);color:var(--text-muted);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.form-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}.form-hint{color:var(--text-muted);margin-top:.35rem;font-size:.8125rem}.form-select{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-app);width:100%;max-width:420px;color:var(--text);padding:.5rem .75rem;font-size:.9rem}.form-select:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.form-row{margin-bottom:1rem}.badge{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;max-width:100%;padding:.12rem .45rem;font-size:.7rem;font-weight:600;display:inline-flex;overflow:hidden}.badge--neutral{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.badge--info{background:var(--accent-dim);color:var(--accent)}.badge--success{background:var(--emerald-dim);color:var(--emerald)}.badge--warning{background:var(--warning-dim);color:var(--warning)}.badge--danger{background:var(--danger-dim);color:var(--danger)}.badge--muted{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-surface);box-shadow:var(--shadow);padding:2.5rem 1.25rem}.empty-state__icon{background:var(--accent-dim);width:3rem;height:3rem;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .75rem;display:inline-flex}.empty-state__title{margin-bottom:.35rem;font-size:1rem;font-weight:600}.empty-state__desc{color:var(--text-muted);max-width:360px;margin:0 auto;font-size:.875rem}.empty-state__action{margin-top:1rem}.loading-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.loading-state__spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state__label{font-size:.875rem}.error-state{border-radius:var(--radius-sm);background:var(--danger-dim);border:1px solid #f8717159;padding:1rem 1.25rem}.error-state__title{color:var(--danger);margin-bottom:.25rem;font-size:.9rem}.error-state__message{color:var(--error-text);font-size:.85rem}.app-shell{background:var(--bg-app);flex-direction:row;align-items:stretch;min-height:100vh;display:flex}.app-shell__sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:40;transition:transform var(--transition-med), width var(--transition-med);flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-shell--sidebar-collapsed .app-shell__sidebar{width:var(--sidebar-w-collapsed)}.app-shell__sidebar--open{transform:translate(0)}.app-shell__overlay{background:var(--overlay);z-index:30;opacity:0;transition:opacity var(--transition-med);pointer-events:none;display:none;position:fixed;inset:0}.app-shell__overlay--visible{opacity:1;pointer-events:auto}.app-shell__main{flex-direction:column;flex:1;width:100%;min-width:0;margin-left:0;display:flex}.app-shell__content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:1rem 1.25rem 2rem}@media (width>=960px){.app-shell__sidebar{position:relative;transform:none}.app-shell__overlay{display:none!important}.app-shell__main{margin-left:0}}@media (width<=959px){.app-shell__overlay{display:block}.app-shell--sidebar-collapsed .app-shell__sidebar{width:var(--sidebar-w)}.sidebar__collapse-btn{display:none}}.sidebar__inner{flex-direction:column;flex:1;height:100%;padding:1rem .65rem;display:flex;overflow-y:auto}.sidebar__brand{align-items:center;gap:.6rem;min-height:2.5rem;padding:.35rem .6rem 1rem;display:flex}.sidebar__brand-mark{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), var(--emerald));color:#0a0c10;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.95rem;font-weight:800;display:inline-flex}.sidebar__brand-text{letter-spacing:.02em;white-space:nowrap;font-size:.9rem;font-weight:700}.sidebar__footer{border-top:1px solid var(--border);margin-top:auto;padding-top:.75rem}.sidebar__collapse-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-size:.78rem;display:flex}.sidebar__collapse-btn:hover{color:var(--text);border-color:var(--border-strong)}.sidebar__collapse-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.sidebar__section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.5rem;padding:0 .75rem;font-size:.65rem}.sidebar__nav{flex-direction:column;gap:.2rem;display:flex}.sidebar__link{border-radius:var(--radius-sm);color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);flex-direction:row;align-items:center;gap:.65rem;padding:.55rem .65rem;text-decoration:none;display:flex}.sidebar__link--collapsed{justify-content:center;padding:.55rem}.sidebar__link-icon{opacity:.85;flex-shrink:0;display:inline-flex}.sidebar__link--active .sidebar__link-icon{opacity:1}.sidebar__link-body{flex-direction:column;align-items:flex-start;gap:.05rem;min-width:0;display:flex}.sidebar__link:hover{background:var(--bg-surface);color:var(--text)}.sidebar__link:focus-visible{box-shadow:var(--focus-ring);outline:none}.sidebar__link--active{background:var(--accent-dim);color:var(--accent)}.sidebar__link-title{font-size:.875rem;font-weight:600}.sidebar__link-hint{opacity:.85;font-size:.68rem}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 .75rem 0 .5rem;display:flex}.topbar__left{align-items:center;gap:.35rem;min-width:0;display:flex}.topbar__crumb-sep{color:var(--text-muted);opacity:.5;margin:0 .15rem;display:none}.topbar__section{color:var(--text-muted);font-size:.875rem;font-weight:600;display:none}@media (width>=640px){.topbar__crumb-sep,.topbar__section{display:inline}}.topbar__logout span{display:none}@media (width>=768px){.topbar__logout span{display:inline}}.icon-btn{width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-surface);border-color:var(--border)}.icon-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.topbar__menu-btn{display:flex}.topbar__menu-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (width>=960px){.topbar__menu-btn{display:none}}.topbar__brand{align-items:baseline;gap:.35rem;margin-left:.15rem;display:flex}.topbar__brand-main{letter-spacing:.06em;font-size:1rem;font-weight:800}.topbar__brand-sub{color:var(--accent);font-size:1rem;font-weight:500}.topbar__env{letter-spacing:.08em;color:var(--warning);border:1px solid #fbbf2459;border-radius:4px;margin-left:.5rem;padding:.15rem .4rem;font-size:.62rem;font-weight:700}.topbar__right{align-items:center;gap:.65rem;min-width:0;display:flex}.topbar__user{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.78rem;display:none;overflow:hidden}@media (width>=640px){.topbar__user{display:block}}.login-page{background:var(--bg-app);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-page__glow{pointer-events:none;background:radial-gradient(900px 480px at 15% -5%, color-mix(in srgb, var(--accent) 14%, transparent), transparent), radial-gradient(700px 380px at 95% 100%, color-mix(in srgb, var(--emerald) 10%, transparent), transparent);position:absolute;inset:0}.login-page__theme{z-index:2;position:absolute;top:1rem;right:1rem}.login-container{background:var(--bg-app);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);width:100%;max-width:400px;box-shadow:var(--shadow);z-index:1;animation:page-fade-in .35s var(--ease);padding:2.25rem 2rem;position:relative}.login-card--wide{max-width:440px}.login-brand{text-align:center;margin-bottom:1.75rem}.login-wordmark{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.35rem;display:inline-flex}.login-wordmark__mark{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), var(--emerald));color:#0a0c10;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;font-weight:800;display:inline-flex}.login-wordmark__main{letter-spacing:.14em;font-size:1.35rem;font-weight:800}.login-wordmark__mail{color:var(--accent);font-size:1.35rem;font-weight:500}.login-tagline,.login-subtitle{color:var(--text-muted);font-size:.9rem}.login-steps{justify-content:center;align-items:center;gap:.35rem;margin:1rem 0 .5rem;display:flex}.login-step{background:var(--bg-app);border:1px solid var(--border-strong);width:28px;height:28px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.login-step--active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.login-step-connector{background:var(--border-strong);width:32px;height:1px}.login-hint{color:var(--text-muted);margin-bottom:.25rem;font-size:.8rem}.login-hint--center{text-align:center;margin-top:.25rem}.login-form{flex-direction:column;gap:.5rem;display:flex}.login-form input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-app);width:100%;color:var(--text);padding:.7rem .85rem;font-size:.9rem}.login-form input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.login-form input::placeholder{color:#64748b}.login-form button[type=submit]{border-radius:var(--radius-sm);background:var(--accent);color:#0a0c10;cursor:pointer;border:none;margin-top:.5rem;padding:.75rem;font-size:.9rem;font-weight:600}.login-form button[type=submit]:hover:not(:disabled){background:var(--accent-hover)}.login-form button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.login-form button[type=submit]:focus-visible{box-shadow:var(--focus-ring);outline:none}.login-error{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--danger) 40%, var(--border));background:var(--danger-dim);color:var(--error-text);padding:.55rem .65rem;font-size:.8rem}.login-link{width:100%;color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:1rem;font-size:.82rem}.login-link:hover{text-decoration:underline}.login-link:focus-visible{box-shadow:var(--focus-ring);border-radius:4px;outline:none}.page-enter{animation:page-fade-in .28s var(--ease)}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:1.25rem}.page-header--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-title{letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.page-title--icon{align-items:center;gap:.5rem;display:flex}.page-subtitle{color:var(--text-muted);max-width:640px;margin-top:.25rem;font-size:.875rem}.section-title{margin-bottom:1rem;font-size:1rem;font-weight:600}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.card--pad{padding:1.15rem 1.25rem}.inbox-page{min-height:calc(100vh - var(--topbar-h) - 3rem);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);gap:0;margin:-.25rem -.25rem 0;display:grid;overflow:hidden}@media (width>=960px){.inbox-page{grid-template-columns:200px minmax(300px,400px) minmax(280px,1fr)}}@media (width<=959px){.inbox-page{grid-template-columns:1fr}.inbox-page--mobile-detail .inbox-webmail-nav,.inbox-page--mobile-detail .inbox-list-panel,.inbox-page:not(.inbox-page--mobile-detail) .inbox-detail-panel{display:none}.inbox-page--mobile-detail .inbox-detail-panel{min-height:calc(100vh - var(--topbar-h) - 2rem);flex-direction:column;display:flex}}.inbox-webmail-nav{background:var(--bg-sidebar);border-bottom:1px solid var(--border);flex-direction:column;min-height:0;padding:.85rem .65rem;display:none}@media (width>=960px){.inbox-webmail-nav{border-bottom:none;border-right:1px solid var(--border);display:flex}}.inbox-compose-btn{background:var(--accent);color:#0a0c10;cursor:pointer;width:100%;transition:background var(--transition-fast), transform var(--transition-fast);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;margin-bottom:.85rem;padding:.65rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.inbox-compose-btn:hover{background:var(--accent-hover)}.inbox-compose-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.inbox-compose-btn--toolbar{border-radius:var(--radius-sm);flex-shrink:0;width:auto;margin-bottom:0;padding:.5rem .85rem;font-size:.85rem;display:none}@media (width<=959px){.inbox-compose-btn--toolbar{display:inline-flex}.inbox-webmail-nav .inbox-compose-btn:first-child{display:none}}.inbox-compose-fab{z-index:50;background:var(--accent);color:#0a0c10;width:56px;height:56px;box-shadow:var(--shadow);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed;bottom:1.25rem;right:1.25rem}@media (width<=959px){.inbox-compose-fab{display:inline-flex}.inbox-page--mobile-detail .inbox-compose-fab{display:none}}.inbox-nav-views{flex-direction:column;flex:1;gap:.15rem;min-height:0;display:flex;overflow-y:auto}.inbox-nav-item{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);text-align:left;cursor:pointer;min-height:40px;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;gap:.55rem;padding:.5rem .65rem;font-size:.85rem;display:flex}.inbox-nav-item:hover:not(:disabled){background:var(--bg-surface);color:var(--text)}.inbox-nav-item--active{background:var(--accent-dim);color:var(--accent);font-weight:600}.inbox-nav-item--disabled{opacity:.55;cursor:not-allowed}.inbox-nav-item__label{flex:1}.inbox-nav-item__count{background:var(--accent-dim);color:var(--accent);border-radius:999px;padding:.1rem .4rem;font-size:.72rem;font-weight:600}.inbox-nav-item__soon{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.62rem}.inbox-nav-mailbox{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.inbox-nav-mailbox__select{max-width:100%;font-size:.8rem}.inbox-mobile-views{-webkit-overflow-scrolling:touch;gap:.35rem;padding-bottom:.35rem;display:flex;overflow-x:auto}@media (width>=960px){.inbox-mobile-views{display:none}}.inbox-mobile-view-chip{border:1px solid var(--border);background:var(--bg-app);color:var(--text-muted);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;min-height:36px;padding:.35rem .65rem;font-size:.75rem;display:inline-flex}.inbox-mobile-view-chip--active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.inbox-mailboxes__title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:0 1rem .5rem;font-size:.65rem}.inbox-mailboxes__list{padding:0 .5rem;list-style:none}.inbox-mailbox-btn{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:.1rem;padding:.45rem .65rem;font-size:.8125rem}.inbox-mailbox-btn:hover{background:var(--bg-surface);color:var(--text)}.inbox-mailbox-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.inbox-mailbox-btn--active{background:var(--accent-dim);color:var(--accent);font-weight:600}.inbox-mailboxes__hint{color:var(--text-muted);padding:0 1rem .65rem;font-size:.72rem;line-height:1.45}.inbox-list-panel{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-direction:column;min-height:0;display:flex}@media (width>=960px){.inbox-list-panel{border-bottom:none;border-right:1px solid var(--border)}}.inbox-toolbar{border-bottom:1px solid var(--border);background:var(--bg-surface);padding:.75rem}.inbox-view-tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem;display:flex}.inbox-view-tab{border:1px solid var(--border);background:var(--bg-app);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;min-height:40px;padding:.4rem .75rem;font-size:.8rem;font-weight:500}.inbox-view-tab:hover{border-color:var(--text-muted);color:var(--text)}.inbox-view-tab:focus-visible{box-shadow:var(--focus-ring);outline:none}.inbox-view-tab--active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.inbox-toolbar__row{flex-wrap:wrap;gap:.5rem;margin-bottom:.65rem;display:flex}.inbox-search-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-app);min-width:160px;color:var(--text-muted);flex:1;padding:.45rem .65rem;font-size:.85rem}.inbox-filters{flex-wrap:wrap;gap:.35rem;display:flex}.inbox-filter-chip{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.25rem .6rem;font-size:.75rem}.inbox-filter-chip:hover{border-color:var(--text-muted);color:var(--text)}.inbox-filter-chip:focus-visible{box-shadow:var(--focus-ring);outline:none}.inbox-filter-chip--active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.inbox-inline-error{padding:.75rem}.inbox-message-list{flex:1;max-height:min(70vh,720px);list-style:none;overflow-y:auto}@media (width>=960px){.inbox-message-list{max-height:calc(100vh - var(--topbar-h) - 220px)}}.inbox-message-row{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:inherit;cursor:pointer;background:0 0;padding:.65rem .85rem;display:block}.inbox-message-row:hover{background:var(--primary-soft)}.inbox-message-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.inbox-message-row--unread .inbox-message-row__from,.inbox-message-row--unread .inbox-message-row__subject{font-weight:650}.inbox-message-row--selected{background:var(--accent-dim)}.inbox-message-row--archived{opacity:.88}.inbox-message-row__row-head{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.2rem;display:flex}.inbox-message-row__from{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:.35rem;min-width:0;font-size:.85rem;display:flex;overflow:hidden}.inbox-message-row__dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.inbox-message-row__meta-right{align-items:center;gap:.35rem;display:flex}.inbox-row-badge{max-width:7rem;font-size:.62rem!important}.inbox-message-row__date{color:var(--text-muted);font-size:.72rem}.inbox-message-row__att{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.62rem}.inbox-message-row__subject{color:var(--text);margin:.1rem 0;font-size:.875rem;line-height:1.35}.inbox-message-row__preview{color:var(--text-muted);margin-bottom:.35rem;font-size:.78rem;line-height:1.35}.inbox-message-row__badges{flex-wrap:wrap;gap:.35rem;display:flex}.inbox-load-more{text-align:center;border-top:1px solid var(--border);padding:1rem}.inbox-detail-panel{background:var(--bg-app);padding:.75rem;overflow-y:auto}@media (width>=960px){.inbox-detail-panel{max-height:calc(100vh - var(--topbar-h) - 2rem)}}.message-detail__back{margin-bottom:.75rem}.message-detail__heading-row{margin-bottom:.5rem}.message-detail__subject{margin-bottom:0;font-size:1.15rem;font-weight:650;line-height:1.3}.message-detail__actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.message-detail__action-status{color:var(--text-muted);font-size:.8rem}.message-detail__action-error{color:#fecaca;background:var(--danger-dim);border-radius:var(--radius-sm);border:1px solid #f8717159;margin-bottom:1rem;padding:.5rem .65rem;font-size:.82rem}.btn--touch{min-height:44px;padding-left:1rem;padding-right:1rem}.message-detail__meta{gap:.5rem;margin-bottom:1rem;font-size:.85rem;display:grid}@media (width>=640px){.message-detail__meta{grid-template-columns:1fr 1fr}}.message-detail__meta-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.65rem;display:block}.message-detail__meta-value{color:var(--text);word-break:break-word}.message-detail__badges{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.message-detail__verdicts{color:var(--text-muted);flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.message-detail__tags{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem}.message-detail__body{white-space:pre-wrap;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);margin-bottom:1.25rem;padding:1rem;font-size:.85rem;line-height:1.55}.message-detail__attachments-title{margin-bottom:.65rem;font-size:.9rem}.message-detail__attachment-list{list-style:none}.message-detail__attachment-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.5rem 0;display:flex}.message-detail__att-name{flex:1;min-width:120px;font-size:.85rem}.message-detail__att-meta{color:var(--text-muted);font-size:.75rem}.security-page{padding-bottom:2rem}.security-controls{margin-bottom:1rem}.security-range{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.insight-banner{border-color:var(--border);background:var(--bg-surface);box-shadow:var(--shadow);margin-bottom:1rem}.insight-banner--highlight{background:linear-gradient(135deg, var(--primary-soft), var(--bg-surface))}.insight-banner__text{color:var(--text);font-size:.9rem}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem;margin-bottom:1rem;display:grid}.kpi-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);text-align:center;padding:.85rem}.kpi-card__value{color:var(--text);font-size:1.35rem;font-weight:700}.kpi-card__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:.25rem;font-size:.72rem}.kpi-card--danger .kpi-card__value{color:var(--danger)}.kpi-card--warning .kpi-card__value{color:var(--warning)}.kpi-card--success .kpi-card__value{color:var(--emerald)}.kpi-card--info .kpi-card__value{color:var(--accent)}.dns-readiness{border-radius:var(--radius);border:1px solid var(--border);margin-bottom:1rem;padding:1.15rem 1.25rem}.dns-readiness--success{background:var(--emerald-dim);border-color:#34d3994d}.dns-readiness--warning{background:var(--warning-dim);border-color:#fbbf2459}.dns-readiness--danger{background:var(--danger-dim);border-color:#f8717159}.dns-readiness__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.dns-readiness__title{font-size:1rem;font-weight:650}.dns-readiness__domain{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem}.dns-readiness__flags{flex-wrap:wrap;gap:1rem;font-size:.82rem;display:flex}.dns-readiness__details{margin-top:.75rem}.dns-readiness__details summary{cursor:pointer;color:var(--accent);font-size:.8rem}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.82rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .65rem}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.data-table--compact td{padding:.35rem .5rem}.data-table__icon{width:1.5rem;color:var(--text-muted)}.report-card-list{flex-direction:column;gap:.5rem;display:flex}.report-card{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-app);width:100%;color:inherit;cursor:pointer;padding:.75rem 1rem}.report-card:hover{border-color:var(--border-strong)}.report-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.report-card--active{border-color:var(--accent);background:var(--accent-dim)}.report-card__row{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.35rem;display:flex}.report-card__date{color:var(--text-muted);margin-right:auto;font-size:.78rem}.report-card__org{font-size:.88rem;font-weight:500}.report-card__id{color:var(--text-muted);word-break:break-all;margin-top:.25rem;font-size:.72rem}.detail-drawer-backdrop{z-index:100;background:var(--overlay);justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=720px){.detail-drawer-backdrop{align-items:center;padding:1.5rem}}.detail-drawer{border-radius:var(--radius) var(--radius) 0 0;border:1px solid var(--border);background:var(--bg-surface);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow);padding:1rem 1.25rem 1.5rem;overflow-y:auto}@media (width>=720px){.detail-drawer{border-radius:var(--radius);box-shadow:var(--shadow)}}.detail-drawer__head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.detail-drawer__title{font-size:1.05rem}.report-detail-dl{grid-template-columns:minmax(100px,140px) 1fr;gap:.35rem 1rem;font-size:.85rem;display:grid}.report-detail-dl dt{color:var(--text-muted)}.report-detail-dl dd{word-break:break-word}.report-detail-raw{margin-top:1rem}.report-detail-raw summary{cursor:pointer;color:var(--accent);font-size:.85rem}.report-detail-pre{border-radius:var(--radius-sm);background:var(--bg-app);border:1px solid var(--border);max-height:240px;margin-top:.5rem;padding:.75rem;font-size:.72rem;overflow:auto}.settings-card{margin-bottom:1rem}.settings-hint-block{max-width:52rem;margin-bottom:.65rem;line-height:1.55}.settings-hint-block--muted{color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-soft);padding:.65rem .85rem;font-size:.8125rem}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-app);width:100%;max-width:420px;color:var(--text);padding:.5rem .75rem;font-size:.9rem}.form-input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.form-input::placeholder{color:var(--text-muted);opacity:.7}.form-textarea{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-app);width:100%;max-width:420px;color:var(--text);resize:vertical;min-height:60px;padding:.5rem .75rem;font-size:.9rem}.form-textarea:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.form-textarea::placeholder{color:var(--text-muted);opacity:.7}.as-table{border-collapse:collapse;width:100%;font-size:.875rem}.as-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.75rem;font-weight:600}.as-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.5rem .75rem}.as-table tr:last-child td{border-bottom:none}.as-card-list{flex-direction:column;gap:.75rem;display:flex}.as-card-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem}.as-card-item__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.as-card-item__meta{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem}.as-msg{border-radius:var(--radius-sm);margin-bottom:.75rem;padding:.5rem .75rem;font-size:.8125rem}.as-msg--success{background:var(--emerald-dim);color:var(--emerald)}.as-msg--error{background:var(--danger-dim);color:var(--danger)}.as-msg--warning{background:var(--warning-dim);color:var(--warning)}.as-confirm{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);margin-bottom:.75rem;padding:.75rem 1rem}.as-confirm__actions{gap:.5rem;margin-top:.5rem;display:flex}@media (width<=768px){.as-table-wrap{display:none}.as-mobile-list{display:block}.form-input,.form-select,.form-textarea{max-width:100%}}@media (width>=769px){.as-mobile-list{display:none}}.placeholder-page{padding-bottom:2rem}@media (width>=960px){.app-shell__content{padding-left:1.5rem;padding-right:1.5rem}}.insight-banner__head{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.insight-banner__title{color:var(--text);font-size:.95rem}.insight-banner__findings{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.insight-finding{border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border);color:var(--text);border-left-style:solid;border-left-width:3px;padding:.35rem .65rem;font-size:.8rem}.insight-finding--info{border-left-color:var(--success);background:var(--emerald-dim)}.insight-finding--low{border-left-color:var(--text-muted)}.insight-finding--medium{border-left-color:var(--warning);background:var(--warning-dim)}.insight-finding--high{border-left-color:var(--danger);background:var(--danger-dim)}.insight-banner__details{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.insight-banner__details summary{cursor:pointer;color:var(--accent);font-weight:500}.insight-banner__recs{color:var(--text);margin-top:.25rem;padding-left:1rem}.insight-banner__recs li{margin-bottom:.25rem}.message-detail__badge-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.message-detail__links{margin-top:.75rem;font-size:.8rem}.message-detail__links summary{cursor:pointer;color:var(--accent)}.message-detail__links ul{margin-top:.25rem;padding-left:1rem}.message-detail__links li{margin-bottom:.2rem}.message-detail__link{color:var(--accent);text-decoration:none}.message-detail__link:hover{text-decoration:underline}.message-detail__link-text{color:var(--text-muted);font-size:.75rem}.message-detail__safety-warning{background:var(--warning-dim);border:1px solid color-mix(in srgb, var(--warning) 45%, var(--border));border-radius:var(--radius-sm);color:var(--text);margin-bottom:.5rem;padding:.6rem .8rem;font-size:.8rem}.message-detail__safety-warning ul{margin:.3rem 0 0 1rem;padding:0}.message-detail__safety-warning li{margin-bottom:.15rem}.badge--sm{padding:.1rem .4rem;font-size:.65rem}.badge--inline-gap{vertical-align:middle;margin-left:.35rem}.message-detail__positive-signals{color:var(--success);margin-top:.5rem;font-size:.8rem}.message-detail__auth-signals{color:var(--text-muted);margin-top:.35rem;font-size:.78rem}.message-detail__safety-banner{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-surface);box-shadow:var(--shadow);margin-bottom:1rem;padding:1rem 1.1rem}.message-detail__safety-banner--danger{border-color:color-mix(in srgb, var(--danger) 40%, var(--border));background:var(--danger-dim)}.message-detail__safety-banner--warning{border-color:color-mix(in srgb, var(--warning) 35%, var(--border));background:var(--warning-dim)}.message-detail__safety-head{align-items:flex-start;gap:.65rem;margin-bottom:.65rem;display:flex}.message-detail__safety-icon{color:var(--warning);flex-shrink:0}.message-detail__safety-banner--danger .message-detail__safety-icon{color:var(--danger)}.message-detail__safety-title{font-size:.92rem;font-weight:600;line-height:1.4}.message-detail__safety-section{border-top:1px solid var(--border);margin-top:.65rem;padding-top:.65rem}.message-detail__safety-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.35rem;font-size:.68rem;font-weight:700}.message-detail__safety-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.domain-health-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin:1.25rem 0;display:grid}.domain-health-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);transition:border-color var(--transition-fast), transform var(--transition-fast);padding:1.1rem 1.15rem}.domain-health-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.domain-health-card__icon{color:var(--accent);margin-bottom:.5rem}.domain-health-card__title{margin-bottom:.25rem;font-size:.9rem;font-weight:600}.domain-health-card__desc{color:var(--text-muted);font-size:.8rem}.domain-health-page{padding-bottom:2rem}.domain-health-controls{margin-bottom:1rem}.domain-health-grid--summary{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.domain-health-card__head{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.domain-health-card__icon-wrap{border-radius:var(--radius-sm);background:var(--primary-soft);width:2.25rem;height:2.25rem;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.domain-health-card__head-text{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.domain-health-card__summary{color:var(--text);margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.domain-health-card__list{color:var(--text-muted);margin:0;padding:0;font-size:.8125rem;list-style:none}.domain-health-card__list li{flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:.35rem;display:flex}.domain-health-card__list--mono li{color:var(--text)}.domain-health-card__more{font-size:.75rem;color:var(--text-muted)!important}.domain-health-card__actions{border-top:1px solid var(--border);margin-top:.85rem;padding-top:.75rem}.domain-health-card__link{color:var(--accent);align-items:center;gap:.2rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.domain-health-card__link:hover{text-decoration:underline}.domain-health-quick-actions{flex-wrap:wrap;gap:.5rem;display:flex}.as-card-item{background:var(--bg-surface)}.kpi-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.kpi-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.inbox-message-row{transition:background var(--transition-fast)}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-surface) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.2s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.webmail-toolbar{border-bottom:1px solid var(--border);background:var(--bg-surface);padding:.75rem}.webmail-toolbar__primary{flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.webmail-toolbar__search{flex:1;min-width:160px}.webmail-toolbar__refresh{flex-shrink:0;margin-top:.15rem}.search-input-wrap{width:100%;position:relative}.search-input__icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.search-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-app);width:100%;color:var(--text);min-height:40px;padding:.5rem 2.25rem .5rem 2.35rem;font-size:.875rem}.search-input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.search-input__clear{position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.search-input__hint{color:var(--text-muted);margin-top:.25rem;font-size:.72rem}.inbox-toolbar-mailbox{margin-bottom:.5rem}.inbox-toolbar-mailbox .form-select{max-width:100%;font-size:.85rem}@media (width>=960px){.inbox-toolbar-mailbox{display:none}}.inbox-filters-details{margin-top:.25rem}.inbox-filters-details__summary{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.78rem}.inbox-filters-details[open] .inbox-filters{margin-top:.5rem}.modal-backdrop{z-index:200;background:var(--overlay);animation:page-fade-in .2s var(--ease);justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);padding:1.25rem 1.35rem}.modal-card__head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.65rem;display:flex}.modal-card__title{font-size:1.05rem;font-weight:650}.modal-card__close{flex-shrink:0}.modal-card__desc{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem;line-height:1.55}.icon-action-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-app);color:var(--text);cursor:pointer;min-height:40px;transition:background var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.78rem;font-weight:500;display:inline-flex}.icon-action-btn:hover:not(:disabled){background:var(--surface-soft);border-color:var(--border-strong)}.icon-action-btn:disabled{opacity:.5;cursor:not-allowed}.icon-action-btn--primary{background:var(--accent-dim);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));color:var(--accent)}.icon-action-btn--icon-only{padding:.4rem}.icon-action-btn--icon-only .icon-action-btn__label{display:none}.icon-spin{animation:.7s linear infinite spin}.message-detail__toolbar-top{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.message-detail__toolbar-actions{flex-wrap:wrap;gap:.35rem;display:flex}.message-detail__header-meta{gap:.35rem;margin:.65rem 0;font-size:.85rem;display:grid}.message-detail__notices{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.notice-chip{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;display:inline-flex}.notice-chip--warn{background:var(--warning-dim);border-color:color-mix(in srgb, var(--warning) 30%, var(--border));color:var(--text)}.inbox-message-row__chip{background:var(--surface-soft);color:var(--text-muted);border-radius:4px;align-items:center;gap:.2rem;padding:.12rem .4rem;font-size:.68rem;display:inline-flex}.inbox-message-row__chip--warn{background:var(--warning-dim);color:var(--text)}.inbox-message-row__chip--danger{background:var(--danger-dim);color:var(--danger)}@media (width<=959px){.message-detail__back{display:inline-flex!important}}@media (width>=960px){.message-detail__back{display:none}}