:root{--ink:#15263f;--muted:#62738b;--surface:#f4f7fb;--line:#dce4ef;--brand:#315adc}body{background:var(--surface);color:var(--ink);font-family:system-ui,-apple-system,sans-serif}a{color:var(--brand)}.shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:#142640;color:#dce7fa;padding:28px 18px;display:flex;flex-direction:column}.brand{font-size:1.3rem;font-weight:750;letter-spacing:-.04em;color:white;text-decoration:none}.brand span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#94aacb;margin-top:5px}.sidebar nav{margin-top:24px}.sidebar nav a{display:block;color:#c6d4e8;padding:11px 14px;border-radius:8px;text-decoration:none;margin-bottom:5px}.sidebar nav a:hover{background:#263d5e;color:white}.sidebar .identity{margin-top:22px;padding-top:0;flex-shrink:0;font-size:.8rem;overflow-wrap:anywhere}.main{flex:1;min-width:0;padding:36px 42px}.topline{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.13em}h1{font-size:1.9rem;font-weight:720;letter-spacing:-.04em;margin:10px 0 8px}h2{font-size:1.05rem;font-weight:700}.lead-copy{color:var(--muted);margin-bottom:30px}.card{border:1px solid var(--line);box-shadow:0 3px 12px #14264004;border-radius:12px}.card-body{padding:24px}.metric{font-size:2rem;font-weight:720;margin-top:10px}.metric-label{font-size:.8rem;color:var(--muted)}.table{font-size:.88rem}.table th{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}.table td,.table th{padding:13px 12px;vertical-align:middle}.btn{border-radius:7px;font-size:.86rem}.btn-primary{background:var(--brand);border-color:var(--brand)}.badge{font-weight:550;padding:7px 10px}.status-dot{display:inline-block;width:8px;height:8px;background:#21aa78;border-radius:100%;margin-right:7px}.login-wrap{max-width:440px;margin:7vh auto}.login-wrap .brand{color:var(--ink)}.login-wrap .brand span{color:var(--muted)}.login-card{margin-top:35px;padding:32px}.form-label{font-size:.85rem;font-weight:600}.muted{color:var(--muted)}.token-value{overflow-wrap:anywhere;white-space:pre-wrap;background:#eff3fc;padding:20px;border-radius:8px}textarea.code{font-family:ui-monospace,monospace;font-size:.85rem;min-height:590px}.demo-banner{font-size:.8rem;background:#e9f1ff;color:#174782;padding:9px 16px;text-align:center}.danger-zone{border-color:#eccbd0}.permissions{display:flex;gap:8px;flex-wrap:wrap}.empty{padding:24px;color:var(--muted)}.pagination-bar{display:flex;gap:15px;align-items:center;margin-top:20px}.security-note{font-size:.83rem;color:var(--muted)}@media(max-width:800px){.shell{display:block}.sidebar{position:static;height:auto;width:auto;padding:15px}.sidebar nav{display:flex;flex-wrap:wrap;margin-top:15px;overflow:visible}.sidebar nav a{padding:7px 10px}.sidebar .identity{padding-top:8px}.main{padding:24px 16px}}[data-bs-theme=dark]{--ink:#dbe7f7;--muted:#9cafc7;--surface:#101c2d;--line:#304159;--brand:#8aa4ff}[data-bs-theme=dark] .card{background:#192a40}[data-bs-theme=dark] .token-value{background:#233a58}

/* Overview owns its grid so the statistics stay in columns on wider screens. */
.overview{width:100%;max-width:1600px;margin:0 auto}
.overview-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.overview-metric{min-width:0;height:100%}
.overview-metric .card-body{display:flex;flex-direction:column;justify-content:space-between;min-height:126px}
.overview-metric .metric-label{line-height:1.4;overflow-wrap:break-word}
.overview-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;align-items:stretch}
.overview-panels>.card{min-width:0}
.overview-health{margin:22px 0}
.overview-health>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}
.overview-health dt{font-weight:500;color:var(--muted)}
.overview-health dd{margin:0;font-weight:650}
.overview-panels .security-note{margin-bottom:18px}
@media(min-width:1200px){.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1600px){.overview-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.overview-panels{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.overview-metrics{grid-template-columns:minmax(0,1fr);gap:12px}.overview-metric .card-body{min-height:105px}}

.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:36px;padding:7px}
.theme-toggle svg{display:block;width:21px;height:21px}
.theme-toggle [hidden]{display:none}
.server-editor>summary{padding:20px 24px;font-weight:650;cursor:pointer}
.server-editor>summary .badge{margin-left:12px}
.server-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.server-delete-confirm{max-width:360px}
@media(max-width:650px){.server-fields{grid-template-columns:minmax(0,1fr)}}

/* Toyburg Mail MCP — blue, white and red */
:root{--ink:#102a5c;--muted:#5d6e87;--surface:#f4f7fc;--line:#dbe4f1;--brand:#175cc4}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:-.04em}
.brand>img{flex:none;border-radius:12px}
.brand .brand-wordmark{display:block;margin:0;color:inherit;font-size:1.5rem;line-height:1.1;font-weight:750;text-transform:none;letter-spacing:-.04em}
.brand .brand-wordmark small{display:block;margin-top:6px;font-size:.7rem;line-height:1;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff}
.login-brand .brand-wordmark{font-size:2rem}.login-brand .brand-wordmark small{color:var(--brand);font-size:.8rem}
.login-wrap{max-width:460px;margin:6vh auto}.login-card{margin-top:28px;padding:32px}
.sidebar{background:#102a5c}.sidebar nav a:hover{background:#21477e}
.btn-primary{--bs-btn-bg:#175cc4;--bs-btn-border-color:#175cc4;--bs-btn-hover-bg:#124a9e;--bs-btn-hover-border-color:#124a9e;--bs-btn-active-bg:#103f87;--bs-btn-active-border-color:#103f87;color:#fff}
.btn-outline-primary{--bs-btn-color:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:#175cc4;--bs-btn-hover-border-color:#175cc4;--bs-btn-active-bg:#124a9e;--bs-btn-active-border-color:#124a9e}
.version-note{text-align:center;font-size:.75rem;color:var(--muted);margin-top:28px}
[data-bs-theme=dark]{--ink:#e5ebf4;--muted:#a8b5c6;--surface:#122036;--line:#35455d;--brand:#8bbcff}
[data-bs-theme=dark] .btn-primary{background:#175cc4;color:#fff}
[data-bs-theme=dark] .login-brand .brand-wordmark small{color:#8bbcff}

.setup-steps,.mail-folders{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.setup-steps a,.mail-folders a{padding:10px 16px;border:1px solid var(--line);border-radius:8px;text-decoration:none}
.setup-steps .current,.mail-folders .current{background:var(--brand);color:#fff;border-color:var(--brand)}
.mail-reader{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:20px}
.mail-reader>.card{min-width:0}.mail-item{display:block;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;overflow-wrap:anywhere}
.mail-item span{display:block;font-size:.8rem;color:var(--muted);margin-top:6px}.mail-item.current{font-weight:700}
.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:.95rem;line-height:1.65}
.readiness-row{position:relative;padding:16px 0;border-bottom:1px solid var(--line)}.readiness-row h2{display:inline-block;margin-right:12px}
@media(max-width:850px){.mail-reader{grid-template-columns:minmax(0,1fr)}}

.brand{flex-shrink:0}.demo-banner{border-bottom:3px solid #d52b3b}.danger-zone{border-color:#d52b3b}.sidebar nav a:focus-visible{outline:2px solid white;outline-offset:-2px}

.demo-banner{position:sticky;top:0;z-index:20;height:40px;display:flex;align-items:center;justify-content:center}
[data-bs-theme=dark] .setup-steps .current,[data-bs-theme=dark] .mail-folders .current{background:#175cc4;border-color:#175cc4}

.token-create{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.token-create>input{flex:1;min-width:180px}.token-lifetime{max-width:360px}.activity-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.activity-controls .form-control,.activity-controls .form-select{width:auto;max-width:120px}

.ai-selector{max-width:540px}.ai-selector .form-select{flex:1;min-width:220px}.guide-step{margin-top:28px}.guide-step pre{overflow-wrap:anywhere;white-space:pre-wrap}.guide-checks{display:flex;gap:12px;flex-wrap:wrap}