:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;--page-plane: #f9f9f7;--surface-1: #fcfcfb;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--gridline: #e1e0d9;--border: rgba(11, 11, 11, .1);--series-mail: #2a78d6;--series-teams: #1baf7a;--status-warning: #fab219;--status-warning-ink: #6b4a00}@media (prefers-color-scheme: dark){:root{--page-plane: #0d0d0d;--surface-1: #1a1a19;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--gridline: #2c2c2a;--border: rgba(255, 255, 255, .1);--series-mail: #3987e5;--series-teams: #199e70;--status-warning: #fab219;--status-warning-ink: #ffe8ad}}body{margin:0;padding:2rem;max-width:960px;margin-inline:auto;background:var(--page-plane);color:var(--text-primary)}header{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}h1{margin:0}h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin:0 0 .75rem}.mock-banner{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--status-warning-ink);padding:.25rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--status-warning) 22%,transparent)}.mock-banner-icon{font-size:.9em}.signout{margin-left:auto;font:inherit;font-size:.85rem;color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:6px;padding:.3rem .7rem;cursor:pointer}.signout:hover{color:var(--text-primary);border-color:var(--text-secondary)}.login-screen{min-height:60vh;display:flex;align-items:center;justify-content:center}.login-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:.9rem;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:2rem}.login-form h1{font-size:1.3rem}.login-sub{margin:-.5rem 0 0;color:var(--text-secondary);font-size:.9rem}.login-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-secondary)}.login-form input{font:inherit;padding:.5rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--page-plane);color:var(--text-primary)}.login-form button{font:inherit;font-weight:600;padding:.6rem;border-radius:6px;border:none;background:var(--series-mail);color:#fff;cursor:pointer}.login-form button:disabled{opacity:.6;cursor:default}.error{color:#d03b3b}.stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem;border-top:3px solid var(--text-muted)}.stat-tile.tone-attention{border-top-color:var(--status-warning)}.stat-tile.tone-mail{border-top-color:var(--series-mail)}.stat-tile.tone-teams{border-top-color:var(--series-teams)}.stat-value{font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-label{font-size:.8rem;color:var(--text-secondary)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 640px){.stat-tiles,.two-col{grid-template-columns:1fr}}.attention-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.attention-item{display:flex;align-items:baseline;gap:.75rem;padding:.6rem .8rem;border-radius:8px;background:var(--surface-1);border:1px solid var(--border)}.badge{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px;flex-shrink:0;color:#fff}.attention-item.kind-mail .badge{background:var(--series-mail)}.attention-item.kind-teams .badge{background:var(--series-teams)}.attention-title{font-weight:600}.attention-meta{font-size:.8rem;color:var(--text-secondary)}.panel-table{width:100%;border-collapse:collapse}.panel-table td{padding:.5rem .4rem;border-bottom:1px solid var(--gridline);font-size:.9rem;vertical-align:top}.panel-table tr.unread .subject{font-weight:700}.panel-table .when{white-space:nowrap;color:var(--text-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.panel-table .from{color:var(--text-secondary)}.context{font-size:.75rem;color:var(--text-muted)}.empty{color:var(--text-secondary)}
