:root{--tool-input:#081321}.tool-notice{margin:0 0 18px}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-grid>.dashboard-card{margin:0;min-width:0}.stack-form{display:grid;gap:10px;margin-top:16px}.stack-form label{display:grid;gap:6px;color:var(--muted);font-size:12px}.stack-form .check{display:flex}.stack-form input:not([type=checkbox]),.stack-form select,.inline-tool-form input,.support-form input,.support-form select,.support-form textarea{width:100%;min-width:0;background:var(--tool-input);color:var(--text);border:1px solid #2a3d59;border-radius:11px;padding:11px}.inline-tool-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:14px 0}.tool-list{display:grid;gap:8px;margin-top:14px;max-height:360px;overflow:auto;color:var(--muted)}.tool-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#091625}.tool-list article p{grid-column:1/-1;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0;color:#c6d4e2}.tool-list small{display:block;color:var(--muted);margin-top:4px}.support-form{max-width:820px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.support-form textarea,.support-form #supportSubject,.support-form .notice{grid-column:1/-1}.support-form textarea{min-height:150px;resize:vertical}.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}.support-form .button{justify-self:start}.status-pill.paused{color:#ffd978;background:#493713}.settings-card,.dashboard-card{overflow-wrap:anywhere}
.maintenance-banner{position:sticky;top:0;z-index:40;padding:10px 18px;text-align:center;background:#5b4210;color:#ffe6a2;border-bottom:1px solid #8b681c}.focus-card-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.focus-card-editor textarea,.focus-card-editor .check,.focus-card-editor button{grid-column:1/-1}.focus-card-canvas{display:grid;gap:10px;margin-top:16px}.focus-card-canvas article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:#091625}.focus-card-canvas small{display:block;color:var(--muted);margin-top:4px}.privacy-permissions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#091625}.privacy-permissions label{display:flex;align-items:center;gap:8px}.privacy-note{font-size:12px;color:var(--muted)}.mail-header,.mail-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.mail-tabs{display:flex;padding:4px;background:#091625;border:1px solid var(--line);border-radius:12px}.mail-tabs button{border:0;background:transparent;color:var(--muted);padding:9px 13px;border-radius:9px}.mail-tabs button.selected{background:#183854;color:#fff}.mail-layout{display:grid;grid-template-columns:150px minmax(220px,.7fr) minmax(260px,1.3fr);min-height:380px;margin-top:14px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.mail-layout>aside{display:flex;flex-direction:column;gap:5px;padding:10px;background:#081321;border-right:1px solid var(--line)}.mail-layout>aside button{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:10px;text-align:left}.mail-layout>aside button.selected{background:#15304a;color:#fff}.mailbox-list{padding:10px;border-right:1px solid var(--line);overflow:auto}.mailbox-list article{display:grid;gap:8px;padding:11px;border-bottom:1px solid var(--line)}.mailbox-list small{display:block;color:var(--muted)}.mail-message-pane{padding:16px;overflow:auto}.mail-message-pane article{padding:12px 0;border-bottom:1px solid var(--line)}.mail-message-pane small{display:block;color:var(--muted);margin:5px 0}.mail-message-pane p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:900px){.tool-grid{grid-template-columns:1fr}.support-form{grid-template-columns:1fr}.support-form>*{grid-column:1!important}.mail-layout{grid-template-columns:1fr}.mail-layout>aside{display:none}.mailbox-list{border-right:0;border-bottom:1px solid var(--line);max-height:280px}}
@media(max-width:480px){.app-main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.button-row{flex-wrap:wrap}.inline-tool-form,.tool-list article,.focus-card-editor,.privacy-permissions,.focus-card-canvas article{grid-template-columns:1fr}.tool-list article .button,.focus-card-canvas .button{width:100%}.hero h1{font-size:clamp(38px,13vw,50px)}.summary-grid{gap:10px}.dashboard-card{padding:16px}.delete-form>*{width:100%;min-width:0}.mail-header,.mail-actions{align-items:stretch;flex-direction:column}.mail-tabs{width:100%}.mail-tabs button{flex:1}}
@media(min-width:1500px){.app-main>section,.app-topbar{max-width:1440px;margin-left:auto;margin-right:auto}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-height:520px) and (orientation:landscape){#appSidebar{overflow-y:auto}.app-topbar{position:relative}.dashboard-card{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 3.1.4: full-height mail workspace and clearer account activation. */
.auth-resend{display:block;margin:10px auto 2px;color:#76dcca}.single-tool-view .mail-app{min-height:calc(100dvh - 170px);display:flex;flex-direction:column}.single-tool-view .mail-layout{flex:1;min-height:520px;grid-template-columns:190px minmax(280px,.8fr) minmax(360px,1.4fr)}.mail-header{padding-bottom:14px;border-bottom:1px solid var(--line)}.mail-actions{padding:14px 0}.mailbox-list article{border:1px solid transparent;border-radius:12px;margin-bottom:6px;cursor:pointer;transition:.15s ease}.mailbox-list article:hover{background:#10263a;border-color:#26445f}.mail-message-pane{background:linear-gradient(145deg,#091625,#07111e)}
@media(max-width:900px){.single-tool-view .mail-app{min-height:calc(100dvh - 130px)}.single-tool-view .mail-layout{grid-template-columns:1fr;min-height:620px}.mail-layout>aside{display:flex;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.mail-layout>aside button{white-space:nowrap}.mailbox-list{max-height:230px}}

/* 3.1.5: Gmail-like mail workspace. */
.mail-topline{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:14px 0 4px}.mail-account-picker{display:grid;gap:6px;min-width:min(420px,100%)}.mail-account-picker span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mail-account-picker select{min-height:42px;background:#081321;color:#edf5ff;border:1px solid #28445f;border-radius:12px;padding:0 12px}.mail-quota{padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:#081321;color:#9db4cc;font-size:12px;white-space:nowrap}.gmail-layout{grid-template-columns:190px minmax(290px,.85fr) minmax(420px,1.35fr)}.mail-folders{gap:6px}.mail-folders button{display:flex!important;justify-content:space-between;align-items:center;font-weight:700}.mail-folders span{min-width:22px;text-align:center;border-radius:999px;background:#203a57;color:#9fe8ff}.mail-empty{display:grid;gap:6px;padding:18px;color:#9db4cc}.mail-address-card,.mail-message-row{border:1px solid transparent;border-radius:14px;margin-bottom:8px;background:#081321}.mail-address-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.mail-address-card.selected,.mail-message-row:hover{background:#10263a;border-color:#2d506d}.mail-message-row{padding:14px!important}.mail-message-row b{font-size:15px}.mail-message-row p{margin:12px 0 0;line-height:1.55;max-height:260px;overflow:auto}.mail-compose{display:grid;gap:12px;max-width:760px}.mail-compose small{color:#7fdcc8}.mail-compose input,.mail-compose textarea{width:100%;background:#07111e;color:#edf5ff;border:1px solid #28445f;border-radius:12px;padding:12px}.mail-compose textarea{min-height:300px;resize:vertical}.mail-compose button{justify-self:start}
@media(max-width:1100px){.gmail-layout{grid-template-columns:160px minmax(240px,.8fr) minmax(320px,1.2fr)}}
@media(max-width:900px){.mail-topline{align-items:stretch;flex-direction:column}.mail-quota{white-space:normal}.gmail-layout{grid-template-columns:1fr}.mail-address-card{grid-template-columns:1fr}.mail-address-card .button{width:100%}}