/* AgentEmail identity. Layout, controls and interaction states remain owned by the existing site. */
:root{
 --ae-ink:#1c2038;--ae-canvas:#fbf8f1;--ae-surface:#fffdfa;--ae-muted:#606277;
 --ae-blue:#4944b5;--ae-blue-hover:#39358d;--ae-periwinkle:#817bff;--ae-pale:#eeebff;
 --ae-rule:#dddce6;--ae-hover:#f1eef9;--ae-focus:#4944b5;
 --canvas:var(--ae-canvas);--surface:var(--ae-surface);--ink:var(--ae-ink);--muted:var(--ae-muted);
 --rule:var(--ae-rule);--forest:var(--ae-blue);--forest-deep:var(--ae-ink);--accent:var(--ae-pale);
 --soft:var(--ae-hover);--focus:var(--ae-focus);--cream:var(--ae-canvas);
 --code:var(--ae-ink);--code-text:#f4f0ff;--code-muted:#c1bee0;--gold:#766021;
 background:var(--ae-canvas);color:var(--ae-ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif
}
body{background:var(--ae-canvas);color:var(--ae-ink)}
.brand{color:var(--ae-ink);letter-spacing:-.6px;font-weight:650;min-width:0;flex-shrink:0}
.ae-brand-symbol{display:block;flex-shrink:0;width:36px;height:36px;object-fit:contain}
.brand-row .ae-brand-symbol{width:32px;height:32px}
.brand small{color:var(--ae-muted)}
.brand .mark,.brand .brand-mark{background:transparent;padding:0;letter-spacing:0}
:is(a,button,input,select,summary,pre):focus-visible{outline:3px solid var(--ae-focus);outline-offset:3px}
.nav a,.docs-nav a,.docs-sidebar a{color:var(--ae-muted)}
.nav a:hover,.docs-nav a:hover,.docs-nav a[aria-current=page],.docs-sidebar a[aria-current=page]{color:var(--ae-blue)}
.nav a.button,.button:not(.secondary):not(.button-secondary):not(.close-mailbox-button){background:var(--ae-blue);border-color:var(--ae-blue);color:#fffdfa}
.nav a.button:hover,.button.primary:hover,.button-primary:hover{background:var(--ae-blue-hover)}
.button.secondary,.button-secondary{background:var(--ae-surface);color:var(--ae-blue);border-color:var(--ae-rule);box-shadow:inset 0 0 0 1px var(--ae-rule)}
.eyebrow,.lead,.note,.card p,.code-panel p,.doc p,.doc li,.preview-row p,.preview-row small,.preview-label{color:var(--ae-muted)}
.preview,.card,.doc{background:var(--ae-surface);border-color:var(--ae-rule);box-shadow:none}
.preview-top,.preview-row,.doc th,.doc td,.footer,.site-footer,.workspace-footer{border-color:var(--ae-rule)}
.code-panel{background:var(--ae-pale)}
.code-panel pre,.doc pre{background:var(--ae-ink);color:#f4f0ff}
.callout,.notice{background:var(--ae-pale);border-color:var(--ae-blue)}
.footer,.site-footer,.workspace-footer{color:var(--ae-muted)}
.footer a,.site-footer a,.doc a,.card a{color:var(--ae-blue)}
.sidebar{background:var(--ae-canvas)}
.nav-button{color:var(--ae-muted)}
.nav-button.selected{background:var(--ae-pale);color:var(--ae-blue)}
.nav-button:hover,.icon-button:hover,.text-button:hover{background:var(--ae-hover)}
.icon-button,.text-button{color:var(--ae-muted)}
.avatar,.sender-avatar{background:var(--ae-pale);color:var(--ae-blue)}
.search-field{background:#efecf3;color:var(--ae-ink)}
.search-field:focus-within{background:var(--ae-surface);box-shadow:0 1px 5px #1c203826}
.status-strip{background:var(--ae-pale);border-color:var(--ae-rule)}
.status-strip p,.status-icon{color:var(--ae-muted);border-color:var(--ae-rule)}
.sample-banner{background:var(--ae-pale);color:var(--ae-blue)}
.inbox-section{color:var(--ae-blue);border-bottom-color:var(--ae-blue)}
.inbox-section h1{color:var(--ae-blue)}
.mail-workspace{background:var(--ae-surface);box-shadow:none}
.message-row{background:var(--ae-surface);border-bottom-color:var(--ae-rule)}
.message-row:hover{background:var(--ae-hover);box-shadow:inset 0 1px var(--ae-rule),inset 0 -1px var(--ae-rule)}
.message-row[aria-current=true]{background:var(--ae-pale);border-left-color:var(--ae-blue)}
.row-subject,.message-body{color:var(--ae-ink)}
.row-preview,.reader-note,.reader-placeholder .eyebrow{color:var(--ae-muted)}
.reader-note,.quoted-original{background:var(--ae-hover)}
.quoted-original{border-left-color:#c8c3ed}
.quoted-original summary{color:var(--ae-blue)}
.quoted-original-text{color:var(--ae-muted)}
.row-tag,.pill{background:var(--ae-pale);border-color:var(--ae-rule);color:var(--ae-blue)}
.empty-envelope,.title-dot{color:var(--ae-blue)}
.paper-illustration{background:var(--ae-hover);border-color:var(--ae-rule);box-shadow:9px 8px 0 var(--ae-pale)}
.paper-illustration span{color:var(--ae-blue)}
.paper-illustration i{background:#c8c3ed}
.forest-card{background:var(--ae-pale);color:var(--ae-ink);border-color:var(--ae-rule)}
.forest-card p,.forest-card .step-label{color:var(--ae-muted)}
.terminal-card pre{color:var(--ae-ink)}
.skip:focus,.skip-link{background:var(--ae-ink);color:var(--ae-canvas)}
@media(max-width:760px){.brand-row .ae-brand-symbol{width:30px;height:30px}}
@media(max-width:390px){.header .brand{font-size:19px;gap:8px}.header .ae-brand-symbol{width:30px;height:30px}}