:root{--ink:#17212b;--muted:#77818b;--soft:#a0aab0;--line:#e7ebee;--paper:#fff;--canvas:#f6f8f8;--mint:#c9f3e5;--mint-strong:#24b783;--blue:#3867e8;--blue-dark:#274fc4;--orange:#ef9c56;--red:#e97e78;--shadow:0 20px 50px rgba(38,54,63,.055)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font-family:"DM Sans",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c9eee2;outline-offset:2px}.app-shell{min-height:100vh;display:flex}.sidebar{width:238px;min-height:100vh;background:#fff;border-right:1px solid var(--line);padding:28px 16px 19px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;margin-bottom:60px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--ink);font:700 21px "Space Grotesk",sans-serif;transform:rotate(-7deg)}.brand strong,.brand span{display:block}.brand strong{font:700 17px "Space Grotesk",sans-serif;letter-spacing:-.5px}.brand span{color:#a4adb4;font-size:10px;margin-top:2px;letter-spacing:.8px;text-transform:uppercase}.nav-list{display:grid;gap:7px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:12px;width:100%;color:#859099;border-radius:10px;padding:12px;font-size:13px;text-align:left;transition:.2s}.nav-item:hover{background:#f5f7f8;color:var(--ink)}.nav-item.active{color:var(--ink);background:#eef9f5;font-weight:600}.nav-icon{width:17px;color:#9ba6ad;font-size:16px;text-align:center}.nav-item.active .nav-icon{color:var(--mint-strong)}.nav-count{margin-left:auto;color:#a8b0b6;font-size:11px}.sidebar-footer{margin-top:auto;padding:0 12px}.storage-label{display:flex;justify-content:space-between;color:#8b969d;font-size:11px;margin-bottom:8px}.storage-label strong{color:var(--ink);font-weight:600}.storage-bar{height:5px;background:#edf0f1;border-radius:9px;overflow:hidden}.storage-bar span{display:block;width:18%;height:100%;background:var(--mint-strong);border-radius:9px}.sidebar-footer p{color:#a4adb3;font-size:10px;margin:9px 0 24px}.profile{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:0;text-align:left;color:var(--ink);width:100%}.avatar{display:grid;place-items:center;width:29px;height:29px;color:#266950;background:var(--mint);border-radius:50%;font-size:12px;font-weight:700}.profile strong,.profile small{display:block}.profile strong{font-size:11px}.profile small{color:#a1aab0;font-size:9px;margin-top:2px}.more{margin-left:auto;color:#a9b1b6;letter-spacing:1px}.main-content{flex:1;min-width:0}.topbar{height:80px;padding:0 6.5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.52)}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#abb3b8;font-size:12px}.breadcrumbs b{color:#d0d5d8;font-weight:400}.breadcrumbs strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:24px}.icon-button{position:relative;border:0;background:transparent;color:#849098;font-size:19px}.notification-dot{position:absolute;top:-2px;right:-2px;width:5px;height:5px;border-radius:50%;background:#f18e78}.status-pill{display:flex;align-items:center;gap:8px;color:#77838a;font-size:11px}.status-pill span{width:7px;height:7px;border-radius:50%;background:var(--mint-strong);box-shadow:0 0 0 4px #e3f8f0}.mobile-menu{display:none;border:0;background:none;color:var(--ink);font-size:20px}.content{max-width:1220px;margin:0 auto;padding:50px 6.5% 54px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.eyebrow{margin:0 0 12px;color:var(--mint-strong);font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:11px;font:700 37px/1.12 "Space Grotesk",sans-serif;letter-spacing:-1.5px}h2{margin-bottom:0;font:600 17px "Space Grotesk",sans-serif;letter-spacing:-.4px}h3{margin-bottom:0;font:600 14px "Space Grotesk",sans-serif}.intro-copy{max-width:590px;color:var(--muted);font-size:13px;line-height:1.7}.intro-actions{display:flex;gap:10px}.button{border:0;border-radius:8px;padding:11px 15px;font-size:11px;font-weight:600}.button.primary{color:#fff;background:var(--blue);box-shadow:0 7px 14px rgba(56,103,232,.17)}.button.primary:hover{background:var(--blue-dark)}.button.ghost{color:var(--ink);border:1px solid var(--line);background:#fff}.button.ghost:hover{border-color:#9ddbc5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card,.card{background:var(--paper);border:1px solid #edf0f1;border-radius:15px;box-shadow:var(--shadow)}.stat-card{padding:17px 19px}.stat-card span,.stat-card strong{display:block}.stat-card span{color:#99a3aa;font-size:10px;margin-bottom:10px}.stat-card strong{font:600 24px "Space Grotesk",sans-serif}.stat-foot{display:flex;align-items:center;gap:5px;color:#79a293;font-size:9px;margin-top:8px}.stat-foot.warn{color:#ca9969}.dot{width:5px;height:5px;border-radius:50%;background:var(--mint-strong)}.dot.warn{background:var(--orange)}.toolbar{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#fff;margin-bottom:14px}.search-field{display:flex;align-items:center;gap:8px;flex:1;max-width:420px}.search-field span{color:#9ca6ac;font-size:16px}.search-field input{border:0;outline:0;width:100%;color:var(--ink);background:transparent;font-size:12px}.select{border:1px solid #edf0f1;border-radius:7px;color:#6f7c83;background:#fafbfb;padding:8px 10px;font-size:10px}.segmented{display:flex;gap:3px;padding:3px;border-radius:7px;background:#f4f6f6}.segmented button{border:0;border-radius:5px;color:#98a2a8;background:transparent;padding:7px 10px;font-size:10px}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 1px 5px rgba(30,45,53,.08);font-weight:600}.domain-table{overflow:hidden}.table-head,.domain-row{display:grid;grid-template-columns:2.15fr 1.1fr 1fr 1fr 1.25fr 32px;align-items:center;gap:14px;padding:12px 18px}.table-head{color:#9ca6ac;background:#fafbfb;border-bottom:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.7px}.domain-row{min-height:80px;border-bottom:1px solid #f0f2f3;background:#fff;transition:.2s}.domain-row:last-child{border-bottom:0}.domain-row:hover{background:#fbfdfc}.domain-name{display:flex;align-items:center;gap:11px}.domain-badge{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#378b6e;background:#e3f7ef;font:600 13px "Space Grotesk",sans-serif}.domain-badge.pending{color:#b98247;background:#fff1e3}.domain-name strong{display:block;font-size:12px}.domain-name small{display:block;color:#a0aab0;font-size:9px;margin-top:3px}.status{display:inline-flex;align-items:center;gap:6px;color:#5e9983;font-size:10px}.status.pending{color:#bc8956}.status.error{color:#cf7771}.status .dot{width:6px;height:6px}.status.pending .dot{background:var(--orange)}.status.error .dot{background:var(--red)}.muted-number{color:#53616a;font-size:11px}.domain-row small{display:block;color:#a0aab0;font-size:9px;margin-top:3px}.row-arrow{border:0;background:transparent;color:#a1abb1;font-size:17px}.row-arrow:hover{color:var(--blue)}.empty-state{text-align:center;padding:48px 20px;color:var(--muted);font-size:12px}.empty-state strong{display:block;color:var(--ink);font:600 16px "Space Grotesk",sans-serif;margin-bottom:7px}.domain-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.domain-title{display:flex;align-items:center;gap:13px}.domain-title .domain-badge{width:42px;height:42px;font-size:16px}.domain-title h1{font-size:28px;margin:0}.domain-title small{display:block;color:#93a0a6;font-size:10px;margin-top:5px}.domain-tabs{display:flex;gap:6px;padding:4px;border-radius:9px;background:#eef2f1;margin-bottom:20px;width:max-content}.domain-tabs button{border:0;border-radius:6px;background:transparent;color:#829097;padding:9px 13px;font-size:10px}.domain-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 1px 5px rgba(30,45,53,.08);font-weight:600}.mail-toolbar{display:flex;gap:9px;align-items:center;margin-bottom:14px}.mail-toolbar .search-field{height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.mail-toolbar .select{height:38px;background:#fff}.mail-list{overflow:hidden}.mail-row{display:grid;grid-template-columns:8px 1.3fr 1.7fr 125px 20px;gap:12px;align-items:center;padding:16px 19px;border-bottom:1px solid #f0f2f3;background:#fff;cursor:pointer;transition:.15s}.mail-row:hover{background:#fbfdfc}.mail-row:last-child{border-bottom:0}.mail-row.unread .mail-subject,.mail-row.unread .mail-from{font-weight:700;color:var(--ink)}.mail-dot{width:6px;height:6px;border-radius:50%;background:#cbded7}.mail-row.unread .mail-dot{background:var(--mint-strong);box-shadow:0 0 0 4px #e8f8f2}.mail-from,.mail-subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.mail-to,.mail-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#98a2a8;font-size:10px;margin-top:4px}.mail-date{color:#8e999f;font-size:10px;text-align:right}.mail-star{border:0;background:transparent;color:#bdc6ca;font-size:16px}.mail-star.active{color:#e8a45c}.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 3px;color:#9ca6ac;font-size:10px}.pagination button{border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fff;padding:7px 10px;font-size:10px}.address-table{overflow:hidden}.address-row{display:grid;grid-template-columns:2.2fr 1fr 1.1fr 1fr 32px;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid #f0f2f3;background:#fff}.address-row:last-child{border-bottom:0}.address-row strong{font-size:11px}.address-row small{display:block;color:#a0aab0;font-size:9px;margin-top:4px}.address-status{font-size:10px}.address-status.pinned{color:#4c9e82}.address-status.catchall{color:#9ba5ab}.icon-action{border:0;background:transparent;color:#9ca7ad;font-size:16px}.unique-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(400px,1.2fr);gap:20px}.generator-card,.preview-card{padding:25px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.step{display:block;color:var(--mint-strong);font:700 10px "Space Grotesk",sans-serif;letter-spacing:1px;margin-bottom:8px}.live-badge{padding:5px 8px;color:#439475;background:#e9f8f2;border-radius:5px;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.field-label{display:block;color:#6d7880;font-size:11px;font-weight:600;margin-bottom:8px}.email-field,.count-field{display:flex;align-items:center;border:1px solid #dfe5e7;border-radius:9px;height:47px;transition:.2s}.email-field:focus-within,.count-field:focus-within{border-color:#86d9bd;box-shadow:0 0 0 3px #edf9f5}.email-prefix{width:39px;color:var(--mint-strong);border-right:1px solid #eef1f2;text-align:center;font-size:18px}.email-field input,.count-field input{border:0;outline:0;width:100%;color:var(--ink);background:transparent;font-size:13px;padding:0 13px}.count-field{width:138px;padding:0 12px}.count-field input{padding:0}.count-field span{color:#a2abb1;font-size:11px}.field-hint{min-height:16px;color:#a0aab0;font-size:10px;line-height:1.5;margin:8px 0 24px}.stats-row{display:grid;grid-template-columns:1fr 1.45fr;gap:9px;margin:23px 0 24px}.stat{background:#f8fafa;border-radius:8px;padding:11px 12px}.stat span,.stat strong{display:block}.stat span{color:#9da7ad;font-size:9px;margin-bottom:5px}.stat strong{font:600 16px "Space Grotesk",sans-serif}.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;height:45px;border:0;border-radius:8px;padding:0 15px;color:#fff;background:var(--blue);font-size:12px;font-weight:600;box-shadow:0 7px 14px rgba(56,103,232,.17)}.primary-button:hover{background:var(--blue-dark)}.primary-button b{font-size:17px;font-weight:400}.result-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef1f2;padding-bottom:15px}.tool-button{display:flex;align-items:center;gap:7px;border:0;color:#77838a;background:transparent;font-size:10px;padding:0}.tool-button:hover{color:var(--blue)}.download-menu{position:relative}.download-options{display:none;position:absolute;right:0;top:24px;z-index:2;width:130px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px rgba(30,45,53,.12)}.download-options.open{display:block}.download-options button{display:block;border:0;background:transparent;border-radius:5px;width:100%;padding:8px 7px;color:var(--ink);font-size:10px;text-align:left}.address-list{height:320px;overflow:auto;padding:7px 0;scrollbar-width:thin}.address-list .address-item{display:flex;align-items:center;gap:10px;padding:11px 7px;border-bottom:1px solid #f1f3f4}.address-list input{width:14px;height:14px;accent-color:var(--blue)}.address-item .address-dot{width:5px;height:5px;border-radius:50%;background:#bfeede}.address-item span:last-child{font-size:11px}.list-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;color:#9aa4aa;font-size:10px}.list-footer button{border:0;background:transparent;color:var(--blue);font-size:10px}.info-strip{display:flex;align-items:center;gap:12px;margin-top:24px;padding:14px 17px;border:1px solid #deeee9;border-radius:10px;background:#effaf6}.info-icon{display:grid;place-items:center;flex:0 0 auto;width:17px;height:17px;border:1px solid #8ed5bc;border-radius:50%;color:#4baf8d;font-size:10px}.info-strip p{margin:0;color:#749288;font-size:10px;line-height:1.6}.info-strip strong{color:#4e7569}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{padding:22px}.settings-card h3{margin-bottom:8px}.settings-card p{color:#8e999f;font-size:11px;line-height:1.6}.setting-line{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #f0f2f3;font-size:11px}.toggle{position:relative;width:34px;height:19px;border:0;border-radius:20px;background:#dce4e1}.toggle.on{background:var(--mint-strong)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;transition:.2s}.toggle.on:after{left:18px}.drawer-backdrop{position:fixed;z-index:5;inset:0;background:rgba(23,33,43,.22);opacity:0;pointer-events:none;transition:.2s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.mail-drawer{position:absolute;right:0;top:0;height:100%;width:min(560px,100%);background:#fff;box-shadow:-18px 0 40px rgba(30,45,53,.15);transform:translateX(100%);transition:.25s;overflow:auto}.drawer-backdrop.open .mail-drawer{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;gap:18px;padding:24px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:19px}.drawer-close{border:0;background:transparent;color:#8d989e;font-size:20px}.drawer-meta{padding:20px 24px;border-bottom:1px solid var(--line)}.meta-line{display:flex;gap:16px;margin-bottom:10px;font-size:11px}.meta-line span{width:65px;color:#9ba5aa}.meta-line strong{font-weight:500;word-break:break-word}.security-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.security-chip{padding:5px 8px;border-radius:5px;color:#4c957e;background:#ebf8f3;font-size:9px}.drawer-body{padding:24px}.message-copy{color:#68757d;font-size:12px;line-height:1.75;white-space:pre-line}.html-preview{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fbfcfc;color:#637178;font-size:11px}.attachment{display:flex;align-items:center;gap:9px;margin-top:20px;padding:10px;border:1px solid var(--line);border-radius:7px;color:#5f6c74;font-size:10px}.attachment .icon-action{margin-left:auto}.toast{position:fixed;z-index:9;right:28px;bottom:25px;padding:12px 16px;color:#fff;background:var(--ink);border-radius:8px;box-shadow:0 12px 35px rgba(23,33,43,.2);font-size:11px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.reveal{animation:rise .45s ease both}@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:920px){.sidebar{width:204px}.content{padding-left:4%;padding-right:4%}.topbar{padding-left:4%;padding-right:4%}.table-head,.domain-row{grid-template-columns:2fr 1fr 1fr 32px}.table-head span:nth-child(4),.domain-row>div:nth-child(4),.table-head span:nth-child(5),.domain-row>div:nth-child(5){display:none}.unique-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:720px){.sidebar{position:fixed;z-index:7;left:-245px;transition:left .25s;box-shadow:10px 0 30px rgba(30,45,53,.08)}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{height:65px;gap:15px}.breadcrumbs{font-size:11px}.breadcrumbs span,.breadcrumbs b{display:none}.status-pill{display:none}.content{padding:38px 20px 42px}.intro{align-items:flex-start;gap:18px;flex-direction:column}h1{font-size:31px}.intro-actions{width:100%}.intro-actions .button{flex:1}.stats-grid{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.search-field{flex-basis:100%;max-width:none}.table-head{display:none}.domain-row{grid-template-columns:1fr 28px;padding:16px}.domain-row>div:nth-child(n+2){display:none}.domain-tabs{width:100%;overflow:auto}.domain-tabs button{white-space:nowrap}.mail-toolbar{flex-wrap:wrap}.mail-toolbar .search-field{flex-basis:100%}.mail-row{grid-template-columns:8px 1fr 75px 18px;padding:14px 12px}.mail-row .mail-to{display:none}.mail-date{font-size:9px}.mail-from,.mail-subject{font-size:10px}.address-row{grid-template-columns:1fr 80px 25px;padding:14px 12px}.address-row>div:nth-child(3),.address-row>div:nth-child(4){display:none}.settings-grid{grid-template-columns:1fr}.drawer-head,.drawer-meta,.drawer-body{padding:20px}}
.dashboard-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:20px;margin-bottom:20px}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.chart-card,.health-card{padding:23px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.section-head .eyebrow{margin-bottom:8px}.trend{padding:5px 8px;border-radius:5px;color:#48977e;background:#eaf8f3;font-size:9px}.chart-bars{height:190px;display:flex;align-items:flex-end;gap:14px;padding:20px 14px 23px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 45px,#f2f4f4 46px)}.chart-bars i{position:relative;display:block;flex:1;min-width:13px;border-radius:5px 5px 0 0;background:#cdeee1}.chart-bars i.today{background:var(--mint-strong)}.chart-bars b{position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);color:#a0aab0;font-size:9px;font-weight:400;font-style:normal}.health-ring{display:grid;place-items:center;width:49px;height:49px;border:5px solid #d9f4e9;border-top-color:var(--mint-strong);border-radius:50%;color:#4b997e;font:600 10px "Space Grotesk",sans-serif}.health-ring.small{width:38px;height:38px;font-size:9px}.health-line{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #f0f2f3;color:#8b969d;font-size:10px}.health-line strong{color:#55967e;font-weight:600}.compact-mails{display:grid}.compact-mail,.domain-meter{display:flex;align-items:center;gap:10px;width:100%;border:0;border-top:1px solid #f0f2f3;background:transparent;padding:12px 0;text-align:left}.compact-mail:hover,.domain-meter:hover{background:#fbfdfc}.compact-mail>span:nth-child(2){min-width:0;flex:1}.compact-mail strong,.compact-mail small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-mail strong{color:var(--ink);font-size:10px;font-weight:600}.compact-mail small{color:#9ba5aa;font-size:9px;margin-top:4px}.compact-mail time{color:#98a2a8;font-size:9px}.link-button{border:0;background:transparent;color:var(--blue);font-size:10px}.domain-meter span{width:110px;color:#69767e;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain-meter i{height:6px;flex:1;border-radius:10px;background:#edf0f0;overflow:hidden}.domain-meter i b{display:block;height:100%;border-radius:10px;background:var(--mint-strong)}.domain-meter strong{width:25px;color:#718088;font-size:10px;text-align:right}.api-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid #f0f2f3}.api-row code{color:#62717a;font-size:9px}.full-button{width:100%;margin-top:14px}.backup-status{display:flex;align-items:center;gap:12px;padding:10px 0 16px}.backup-status strong,.backup-status small{display:block}.backup-status strong{font-size:10px}.backup-status small{color:#9ba5aa;font-size:9px;margin-top:4px}.backup-status .health-ring{flex:0 0 auto}
@media(max-width:720px){.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.chart-bars{gap:8px}.mail-toolbar .select{flex:1}.api-row{gap:10px;flex-wrap:wrap}}
/* Extra controls for triage, setup and operations. */
.mail-row{grid-template-columns:17px 8px 1.3fr 1.7fr 125px 20px}.mail-check{width:14px;height:14px;accent-color:var(--blue)}.mini-tag{padding:3px 5px;border-radius:4px;color:#5a9b83;background:#eaf8f3;font-size:8px;font-weight:500;vertical-align:2px}.bulk-bar{display:flex;align-items:center;gap:14px;margin:-3px 0 10px;padding:9px 13px;border:1px solid #e5f0ec;border-radius:8px;color:#77868d;background:#f3faf7;font-size:10px}.bulk-bar label{display:flex;align-items:center;gap:5px}.bulk-bar span{margin-right:auto}.bulk-bar button{border:0;background:transparent;color:var(--blue);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:20px;margin-bottom:20px}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.chart-card,.health-card{padding:23px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.section-head .eyebrow{margin-bottom:8px}.trend{padding:5px 8px;border-radius:5px;color:#48977e;background:#eaf8f3;font-size:9px}.chart-bars{height:190px;display:flex;align-items:flex-end;gap:14px;padding:20px 14px 23px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 45px,#f2f4f4 46px)}.chart-bars i{position:relative;display:block;flex:1;min-width:13px;border-radius:5px 5px 0 0;background:#cdeee1}.chart-bars i.today{background:var(--mint-strong)}.chart-bars b{position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);color:#a0aab0;font-size:9px;font-weight:400;font-style:normal}.health-ring{display:grid;place-items:center;width:49px;height:49px;border:5px solid #d9f4e9;border-top-color:var(--mint-strong);border-radius:50%;color:#4b997e;font:600 10px "Space Grotesk",sans-serif}.health-ring.small{width:38px;height:38px;font-size:9px}.health-line{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #f0f2f3;color:#8b969d;font-size:10px}.health-line strong{color:#55967e;font-weight:600}.compact-mails{display:grid}.compact-mail,.domain-meter{display:flex;align-items:center;gap:10px;width:100%;border:0;border-top:1px solid #f0f2f3;background:transparent;padding:12px 0;text-align:left}.compact-mail:hover,.domain-meter:hover{background:#fbfdfc}.compact-mail>span:nth-child(2){min-width:0;flex:1}.compact-mail strong,.compact-mail small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-mail strong{color:var(--ink);font-size:10px;font-weight:600}.compact-mail small{color:#9ba5aa;font-size:9px;margin-top:4px}.compact-mail time{color:#98a2a8;font-size:9px}.link-button{border:0;background:transparent;color:var(--blue);font-size:10px}.domain-meter span{width:110px;color:#69767e;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain-meter i{height:6px;flex:1;border-radius:10px;background:#edf0f0;overflow:hidden}.domain-meter i b{display:block;height:100%;border-radius:10px;background:var(--mint-strong)}.domain-meter strong{width:25px;color:#718088;font-size:10px;text-align:right}.api-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid #f0f2f3}.api-row code{color:#62717a;font-size:9px}.full-button{width:100%;margin-top:14px}.backup-status{display:flex;align-items:center;gap:12px;padding:10px 0 16px}.backup-status strong,.backup-status small{display:block}.backup-status strong{font-size:10px}.backup-status small{color:#9ba5aa;font-size:9px;margin-top:4px}.backup-status .health-ring{flex:0 0 auto}.compact{padding:8px 11px}.modal-card{position:absolute;top:50%;left:50%;width:min(560px,calc(100% - 32px));transform:translate(-50%,-50%);padding:26px;background:#fff;border-radius:15px;box-shadow:0 20px 60px rgba(23,33,43,.2)}.modal-card h2{font-size:20px;margin-bottom:8px}.modal-card p{color:#7c888f;font-size:11px;line-height:1.6}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-close{border:0;background:transparent;color:#96a1a7;font-size:22px}.modal-input{width:100%;height:43px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--ink);outline:0;margin:8px 0 15px}.dns-list{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:17px 0}.dns-record{display:grid;grid-template-columns:55px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid #f0f2f3;font-size:10px}.dns-record:last-child{border-bottom:0}.dns-record span{color:#8f9aa0}.dns-record code{color:#526169;font-size:9px;word-break:break-all}.dns-record button{border:0;color:var(--blue);background:transparent;font-size:9px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:720px){.mail-row{grid-template-columns:17px 8px 1fr 70px 18px;padding:14px 12px}.mail-row .mail-to{display:none}.bulk-bar{gap:8px;flex-wrap:wrap}.bulk-bar span{margin-right:0}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.chart-bars{gap:8px}.modal-card{padding:20px}}

/* Compact workspace styling: keep the inbox dense and action-focused. */
:root{--canvas:#f7f8fa;--paper:#fff;--ink:#17212b;--muted:#6b7680;--line:#e5e7eb;--blue:#2563eb;--blue-dark:#1d4ed8;--mint-strong:#2563eb;--shadow:none}
body{background:var(--canvas);color:var(--ink)}
button,input,select{font-family:"DM Sans",sans-serif}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.sidebar{width:216px;padding:20px 12px 16px;box-shadow:none}
.brand{padding:0 10px;margin-bottom:34px}
.brand-mark{width:30px;height:30px;border-radius:7px;transform:none;background:var(--ink);font-size:18px}
.brand strong{font-size:16px}
.brand span{display:none}
.nav-list{gap:2px}
.nav-item{gap:10px;border-radius:7px;padding:10px;font-size:12px}
.nav-item.active{background:#eef3ff;color:var(--blue)}
.nav-item.active .nav-icon{color:var(--blue)}
.nav-icon{font-size:14px}
.sidebar-footer{padding:0 10px}
.profile{padding-top:14px;border-top:1px solid var(--line)}
.avatar{width:28px;height:28px;color:var(--blue);background:#eef3ff}
.topbar{height:64px;padding:0 5%;background:#fff}
.status-pill{color:var(--muted);font-size:10px}
.status-pill span{background:var(--blue);box-shadow:none}
.content{padding:32px 5% 40px}
.intro{margin-bottom:22px}
.eyebrow{color:var(--blue);font-size:9px;letter-spacing:1.1px;margin-bottom:8px}
h1{font-size:30px;letter-spacing:-1px;margin-bottom:0}
h2{font-size:15px;letter-spacing:-.2px}
.intro-copy{display:none}
.intro-actions{gap:8px}
.button{border-radius:6px;padding:9px 12px;font-size:11px}
.button.primary,.primary-button{box-shadow:none}
.button.ghost{border-color:var(--line)}
.stats-grid{gap:8px;margin-bottom:16px}
.stat-card,.card{border-color:var(--line);border-radius:7px;box-shadow:none}
.stat-card{padding:13px 14px;text-align:left}
button.stat-card{width:100%;border:1px solid var(--line);cursor:pointer}
button.stat-card:hover{border-color:#b8c7e8;background:#fbfcff}
.stat-card span{font-size:10px;margin-bottom:7px}
.stat-card strong{font-size:21px}
.stat-foot{display:none}
.toolbar{padding:10px 12px;border-radius:6px;margin-bottom:10px}
.select{border-radius:5px;background:#fff}
.segmented{border-radius:5px;background:#f1f3f5}
.segmented button{border-radius:4px}
.table-head,.domain-row{gap:10px;padding:10px 14px}
.table-head{font-size:8px}
.domain-row{min-height:65px}
.domain-badge{width:28px;height:28px;border-radius:6px;color:var(--blue);background:#eef3ff}
.domain-badge.pending{color:#8a5d20;background:#fff7e8}
.domain-name{gap:9px}
.domain-name strong{font-size:11px}
.status{font-size:9px}
.domain-hero{margin-bottom:16px}
.domain-title{gap:10px}
.domain-title .domain-badge{width:34px;height:34px;font-size:13px}
.domain-title h1{font-size:23px}
.domain-tabs{gap:2px;padding:3px;border-radius:6px;background:#eef0f2;margin-bottom:14px}
.domain-tabs button{border-radius:4px;padding:8px 10px;font-size:10px}
.domain-tabs button.active{color:var(--blue);box-shadow:none}
.mail-toolbar{gap:7px;margin-bottom:10px}
.mail-toolbar .search-field{border-radius:6px}
.mail-row{gap:9px;padding:11px 14px}
.mail-row:hover,.domain-row:hover{background:#fafbfc}
.mail-from,.mail-subject{font-size:10px}
.mail-to,.mail-preview,.mail-date{font-size:9px}
.address-row{gap:10px;padding:12px 14px}
.unique-grid,.settings-grid{gap:12px}
.generator-card,.preview-card,.settings-card{padding:17px}
.card-heading{margin-bottom:17px}
.step{color:var(--blue);font-size:9px;margin-bottom:5px}
.live-badge,.security-chip,.trend{color:var(--blue);background:#eef3ff;border-radius:4px}
.email-field,.count-field{height:42px;border-radius:6px}
.email-field:focus-within,.count-field:focus-within{border-color:#9db3ea;box-shadow:0 0 0 2px #eef3ff}
.email-prefix{color:var(--blue)}
.field-hint{margin:6px 0 16px}
.stats-row{margin:16px 0}
.primary-button{height:40px;border-radius:6px}
.info-strip{margin-top:14px;padding:10px 12px;border-color:#dbe3f7;border-radius:6px;background:#f6f8ff}
.info-strip p{color:#61708c}
.settings-card p{display:none}
.setting-line{padding:10px 0;font-size:10px}
.toggle{width:31px;height:18px;background:#d8dde4}
.toggle.on{background:var(--blue)}
.toggle:after{width:12px;height:12px}
.toggle.on:after{left:16px}
.drawer-backdrop{background:rgba(23,33,43,.16)}
.mail-drawer{box-shadow:none;border-left:1px solid var(--line)}
.drawer-head,.drawer-meta,.drawer-body{padding:18px}
.html-preview{border-radius:6px}
.modal-card{border-radius:7px;box-shadow:none;border:1px solid var(--line)}
.toast{right:20px;bottom:20px;border-radius:6px;box-shadow:none}
.reveal{animation:none}
.chart-card,.health-card,.chart-bars,.trend,.health-ring{display:none}
.dashboard-grid.lower{margin-bottom:0}
.section-head{margin-bottom:12px}
.compact-mail,.domain-meter{padding:10px 0}
.domain-meter i{border-radius:2px}
.domain-meter i b{border-radius:2px;background:var(--blue)}
.overview-health{display:flex;align-items:center;gap:7px;padding-top:12px;color:var(--muted);font-size:10px}
.overview-health .dot{background:var(--blue)}
.danger-zone{border-color:#f0caca;border-radius:7px;box-shadow:none}

@media(max-width:920px){.sidebar{width:200px}.content,.topbar{padding-left:4%;padding-right:4%}}
@media(max-width:720px){.sidebar{width:216px}.content{padding:24px 16px 32px}.topbar{padding:0 16px}.stats-grid{gap:6px}.stat-card{padding:11px 12px}.stat-card strong{font-size:18px}.intro{align-items:center;flex-direction:row}.intro h1{font-size:26px}.table-head{display:none}.domain-row{grid-template-columns:1fr 28px;padding:13px 12px}.domain-row>div:nth-child(n+2){display:none}.mail-row{padding:11px 10px}.address-row{padding:12px 10px}.unique-grid{grid-template-columns:1fr}.generator-card,.preview-card,.settings-card{padding:15px}.mail-drawer{width:100%}}

.brand-mark{display:grid;place-items:center;width:30px;height:30px;padding:5px;border-radius:7px;background:#17212b;color:#fff}
.brand-mark svg{display:block;width:100%;height:100%;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.brand-mark svg rect{fill:#17212b}
.brand-mark svg path{stroke:#2563eb;stroke-width:2.2}
.brand strong{font-size:14px;letter-spacing:-.25px;white-space:nowrap}
.empty-page{max-width:720px}
.empty-page .empty-state{display:grid;gap:10px;justify-items:start;padding:28px;text-align:left}
.empty-page .empty-state strong{margin:0}
.empty-page .empty-state span{color:var(--muted);font-size:11px;line-height:1.5}
.access-enabled{color:#15803d;font-size:10px;font-weight:600}
.access-account{padding:11px 0;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}
.access-account strong{color:var(--ink);font-weight:600}
.hidden{display:none!important}.rule-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #f0f2f3}.rule-item strong,.rule-item small{display:block}.rule-item strong{font-size:10px}.rule-item small{color:#9ba5aa;font-size:9px;margin-top:4px}.tag-cloud{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px 0 17px}.tag-cloud span,.tag-cloud button{padding:6px 8px;border:0;border-radius:5px;color:#5c8f7e;background:#eaf8f3;font-size:9px}.tag-cloud span:nth-child(2){color:#9b7f59;background:#fff2e4}.tag-cloud span:nth-child(5){color:#ad6e6e;background:#fff0ef}.tag-cloud button{color:var(--blue);background:#f2f5ff}.danger-zone{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:18px 20px;border:1px solid #f1dfdd;border-radius:12px;background:#fff9f8}.danger-zone strong,.danger-zone small{display:block}.danger-zone strong{color:#b76565;font-size:11px}.danger-zone small{color:#aa9694;font-size:9px;margin-top:5px}

/* Domain connection wizard: keep one predictable action row and contain long DNS values. */
.modal-card{max-height:min(760px,calc(100vh - 32px));overflow:auto}.modal-note{margin:0 0 16px;color:var(--muted);font-size:11px;line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.modal-actions .button{min-height:36px;white-space:nowrap}.wizard-steps{display:flex;gap:6px;margin:-4px 0 20px}.wizard-steps i{height:3px;flex:1;background:#e8ecee;border-radius:2px}.wizard-steps i.active{background:var(--blue)}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:15px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.mode-card:hover,.mode-card.selected{border-color:var(--blue);background:#f8fbff}.mode-card strong{font-size:12px}.mode-card span{color:var(--blue);font-size:9px;font-weight:600}.mode-card small{color:var(--muted);font-size:10px;line-height:1.45}.modal-warning{margin-top:12px;padding:10px 12px;border-left:3px solid #e7a33a;background:#fffaf0;color:#7d673e;font-size:10px;line-height:1.45}
.zone-status{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#fafbfc}.zone-status small{color:var(--muted);font-size:9px;text-align:right}.nameserver-list{display:grid;gap:7px;margin:12px 0}.nameserver-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:6px}.nameserver-list code{min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:11px}.nameserver-list button,.dns-record button{border:0;background:transparent;color:var(--blue);font-size:9px;white-space:nowrap;cursor:pointer}.dns-list{margin:12px 0}.dns-record{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:11px 12px}.dns-record>div{min-width:0}.dns-record code,.dns-record small{display:block;overflow-wrap:anywhere}.dns-record small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}
@media(max-width:720px){.mode-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions .button{width:100%}.zone-status{align-items:flex-start;flex-direction:column}.zone-status small{text-align:left}.dns-record{grid-template-columns:38px minmax(0,1fr);align-items:start}.dns-record button{grid-column:2;justify-self:start;padding:0}}

/* Overview is an operations screen: keep actions and domain state above decoration. */
.overview-intro{align-items:center;margin-bottom:20px}.overview-intro h1{margin-bottom:5px}.last-updated,.section-meta{display:block;color:var(--muted);font-size:10px}.overview-stats{margin-bottom:14px}.overview-stats .stat-card{text-align:left;transition:border-color .15s,background .15s}.overview-stats .stat-card:hover{border-color:#b7c9f2;background:#fbfcff}.attention-card{margin-bottom:14px;padding:15px 18px}.attention-card .section-head{align-items:center;margin-bottom:8px}.attention-list{display:grid}.attention-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1.4fr) auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #f0f2f3}.overview-domain-link{display:block;border:0;background:transparent;color:var(--ink);padding:0;text-align:left}.overview-domain-link strong,.overview-domain-link small{display:block}.overview-domain-link strong{font-size:11px}.overview-domain-link small{margin-top:4px}.overview-check{color:var(--muted);font-size:10px}.overview-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.table-action{border:0;background:transparent;color:var(--blue);font-size:9px;white-space:nowrap}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.overview-panel{min-width:0;padding:15px 18px}.overview-panel .section-head{margin-bottom:5px}.overview-panel .compact-mails{min-height:74px}.overview-domain-list{display:grid}.overview-domain-row{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:12px;width:100%;padding:11px 0;border:0;border-top:1px solid #f0f2f3;background:transparent;color:var(--ink);text-align:left}.overview-domain-row:hover{background:#fbfcff}.overview-domain-row strong,.overview-domain-row small{display:block}.overview-domain-row>span:first-child strong{font-size:11px}.overview-domain-row small{margin-top:3px;color:var(--muted);font-size:9px}.overview-domain-row .status{justify-self:end}.overview-count{font-size:11px;text-align:right}.overview-empty{display:grid;justify-items:start;gap:6px;min-height:74px;padding:14px 0;color:var(--muted);font-size:10px}.overview-empty strong{color:var(--ink);font-size:11px}.overview-empty .button{margin-top:3px}.button.compact{padding:8px 11px;font-size:10px}
.refresh-button:disabled{cursor:wait;opacity:.65}
@media(max-width:720px){.inbox-intro .refresh-button{align-self:stretch}.intro-actions{display:flex;flex-wrap:wrap}.intro-actions .refresh-button,.intro-actions .primary{flex:1;min-width:135px}}
@media(max-width:720px){.attention-row{grid-template-columns:1fr auto;gap:7px}.attention-row .overview-check{grid-column:1}.attention-row .overview-actions{grid-column:2;grid-row:1 / span 2;flex-direction:column;align-items:flex-end}.overview-grid{grid-template-columns:1fr}.overview-panel{padding:13px}.overview-domain-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.overview-domain-row .overview-count{display:none}.overview-domain-row .status{font-size:9px}.overview-intro .button{padding:8px 10px}}

/* Small motion cues keep actions clear without turning the inbox into a presentation. */
.reveal{animation:page-in .2s ease both}
@keyframes page-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.button,.nav-item,.domain-row,.mail-row,.address-row,.stat-card,.mode-card,.drawer-close,.icon-action{transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease,transform .18s ease}
.domain-row:hover,.mail-row:hover,.address-row:hover{transform:translateY(-1px)}
.mail-row:nth-child(1){animation-delay:0ms}.mail-row:nth-child(2){animation-delay:25ms}.mail-row:nth-child(3){animation-delay:50ms}.mail-row:nth-child(4){animation-delay:75ms}
.mail-list .mail-row{animation:row-in .2s ease both}
@keyframes row-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.drawer-backdrop.closing{opacity:0;pointer-events:none}
.drawer-backdrop.closing .mail-drawer{transform:translateX(100%)}
.modal-card{transition:opacity .2s ease,transform .2s ease}
.drawer-backdrop.closing .modal-card{opacity:0;transform:translate(-50%,-50%) scale(.98)}
.drawer-section-label{margin:0 0 8px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.drawer-actions{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.domain-row:hover,.mail-row:hover,.address-row:hover{transform:none}}

/* Keep refresh controls identical and stable while data is loading. */
.refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:92px;height:36px;padding:0 12px;white-space:nowrap;box-shadow:none!important}
.refresh-button:hover{border-color:#b8c7ef;background:#fbfcff}
.refresh-button:focus-visible{border-color:var(--blue);outline:3px solid #dce6ff}
.refresh-icon{display:inline-block;font-size:14px;line-height:1}
.refresh-button.is-loading{cursor:wait;color:#697680}
.refresh-button.is-loading .refresh-icon{animation:refresh-spin .75s linear infinite}
.silent-render{animation:none!important}
@keyframes refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:720px){.refresh-button{min-width:92px;height:36px}.intro-actions .refresh-button{flex:0 0 92px}.inbox-intro .refresh-button{align-self:flex-start}}

.settings-grid-single{grid-template-columns:minmax(0,620px);max-width:620px}
.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.label-list{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.label-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--line);border-radius:5px;background:#f8fafc;color:var(--ink);font-size:10px}.label-chip .icon-action{padding:0}.file-button{position:relative;overflow:hidden;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.button.danger{border-color:#efcaca;background:#fff7f7;color:#b42318}.button.danger:hover{border-color:#e5a9a9;background:#fff0f0}.check-line{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--ink);font-size:11px}
.safe-html-preview{width:100%;min-height:180px;border:0;background:#fff}
.address-select{width:14px;height:14px;accent-color:var(--blue)}
.settings-card .full-button{margin-top:14px}
.break-value{max-width:65%;word-break:break-word;text-align:right;line-height:1.5}
.empty-inline{padding:12px 0;color:var(--muted);font-size:11px}
.switch{position:relative;width:34px;height:20px;padding:0;border:0;border-radius:999px;background:#d7dde3;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}.switch::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .18s ease}.switch.on{background:var(--blue)}.switch.on::after{transform:translateX(14px)}.switch:focus-visible{outline:3px solid #dce6ff}.compact-select{min-width:112px;height:32px}.settings-events{grid-column:1 / -1}.event-line{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid #f0f2f3;font-size:10px}.event-line small{color:var(--muted);white-space:nowrap}.address-table{overflow:hidden}.address-table .address-row{grid-template-columns:minmax(180px,1.4fr) 100px 110px 110px 34px}.address-table .address-row .button{justify-self:start}
@media(max-width:720px){.settings-events{grid-column:auto}.event-line{align-items:flex-start;flex-direction:column;gap:3px}.address-table .table-head{display:none}.address-table .address-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.address-table .address-row>div:nth-child(2),.address-table .address-row>div:nth-child(3){display:none}.address-table .address-row .button{grid-column:1}.address-table .address-row .icon-action{grid-column:2;grid-row:1 / span 2}}
 .mail-row.is-new{background:#f8fcff}.mail-row.is-new:hover{background:#f1f8ff}.quick-filters{display:flex;gap:6px;flex-wrap:wrap;margin:-5px 0 12px}.quick-filter{border:1px solid var(--line);border-radius:999px;background:#fff;color:#7d8990;padding:6px 10px;font-size:10px;transition:.15s}.quick-filter:hover{border-color:#a9bff7;color:var(--blue)}.quick-filter.active{border-color:#b7cafb;background:#eef3ff;color:#245bd2;font-weight:600}

html,body{max-width:100%;overflow-x:hidden}
.mail-toolbar [data-action="bulk-menu"]{display:none!important}
.drawer-backdrop.open{animation:drawer-backdrop-in .2s ease both}.drawer-backdrop.open .mail-drawer{animation:drawer-slide-in .24s cubic-bezier(.22,.75,.25,1) both}.drawer-backdrop.closing{animation:drawer-backdrop-out .2s ease both}.drawer-backdrop.closing .mail-drawer{animation:drawer-slide-out .2s cubic-bezier(.55,.1,.75,.25) both}.drawer-backdrop.open .drawer-head{animation:drawer-content-in .2s ease .06s both}.drawer-backdrop.open .drawer-meta{animation:drawer-content-in .2s ease .1s both}.drawer-backdrop.open .drawer-body{animation:drawer-content-in .2s ease .14s both}@keyframes drawer-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes drawer-backdrop-out{from{opacity:1}to{opacity:0}}@keyframes drawer-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes drawer-slide-out{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes drawer-content-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.drawer-section{padding:18px 0;border-bottom:1px solid var(--line)}.drawer-section:first-child{padding-top:0}.drawer-section h3{margin-bottom:12px;font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.drawer-read-status{display:inline-flex;margin-top:7px;color:#4c957e;font-size:10px}.drawer-meta{padding-top:16px;padding-bottom:16px}.drawer-meta .drawer-section-label{margin-bottom:12px}.drawer-body{padding-top:8px}.message-copy{min-height:44px;color:var(--ink);line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.message-copy.is-empty{color:var(--muted);font-style:italic}.drawer-domain-link{margin-left:8px;padding:0;color:var(--blue);font-size:10px;vertical-align:baseline}.drawer-html{display:grid;gap:10px}.details-toggle{width:max-content;border:0;background:transparent;color:var(--blue);padding:0;font-size:11px}.html-preview{margin-top:0;min-height:42px;padding:12px;color:var(--muted);font-size:10px}.safe-html-preview{display:block;width:100%;height:360px;border:1px solid var(--line);border-radius:7px;background:#fff}.drawer-attachments .attachment{margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}.attachment-name{min-width:0;overflow-wrap:anywhere}.drawer-attachments .attachment small{color:var(--muted);white-space:nowrap}.drawer-attachments .attachment .button{white-space:nowrap}.drawer-security .security-row{margin-top:0}.drawer-details{padding:16px 0 0}.drawer-details summary{cursor:pointer;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.details-list{display:grid;gap:9px;margin-top:14px}.details-list>div{display:grid;grid-template-columns:75px minmax(0,1fr);gap:12px;font-size:10px}.details-list span{color:var(--muted)}.details-list strong{min-width:0;font-weight:500;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:720px){.safe-html-preview{height:280px}.drawer-attachments .attachment{grid-template-columns:minmax(0,1fr) auto}.drawer-attachments .attachment small{grid-column:1}.drawer-attachments .attachment .button{grid-column:2;grid-row:1 / span 2}.details-list>div{grid-template-columns:68px minmax(0,1fr)}}

/* Unified editorial skin: one calm surface system across every workspace. */
:root{--canvas:#f4f6f8;--paper:#fff;--ink:#17212b;--muted:#687681;--soft:#9aa6af;--line:#dfe5ea;--blue:#2f63d9;--blue-dark:#234fb7;--mint-strong:#16886d;--orange:#c47a35;--red:#c65353;--shadow:0 12px 30px rgba(23,33,43,.045);--surface-subtle:#f8fafb;--surface-active:#eef3ff;--focus:#cbdafe}
:root[data-theme="dark"]{--canvas:#121821;--paper:#1b2430;--ink:#f1f5f8;--muted:#a8b5c0;--soft:#82909d;--line:#33404d;--surface-subtle:#202b37;--surface-active:#25365b;--blue:#7da2ff;--blue-dark:#9cb7ff;--mint-strong:#55c6a5;--orange:#e7a666;--red:#ef8585;--focus:#3e5d9d;--shadow:0 14px 34px rgba(0,0,0,.2)}
html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);transition:background-color .18s ease,color .18s ease}.sidebar,.topbar,.card,.stat-card,.toolbar,.mail-row,.domain-row,.address-row,.mail-drawer,.modal-card,.button.ghost,.select,.pagination button,.download-options,.mode-card,.html-preview,.attachment,.quick-filter,.domain-tabs,.segmented{background-color:var(--paper);border-color:var(--line)}.sidebar{box-shadow:1px 0 0 rgba(23,33,43,.02)}.topbar{background:color-mix(in srgb,var(--paper) 86%,transparent)}.nav-item:hover,.domain-row:hover,.mail-row:hover,.address-row:hover{background:var(--surface-subtle)}.nav-item.active,.segmented button.active,.domain-tabs button.active{background:var(--surface-active)}.table-head{background:var(--surface-subtle);border-color:var(--line)}.stat-card,.card{border-radius:9px;box-shadow:var(--shadow)}.button,.primary-button{border-radius:8px}.button.primary,.primary-button{background:var(--blue)}.button.primary:hover,.primary-button:hover{background:var(--blue-dark)}.button.ghost{color:var(--ink)}.button.ghost:hover{border-color:var(--blue);background:var(--surface-active)}.search-field input,.email-field input,.count-field input{color:var(--ink)}.select{color:var(--ink);background:var(--surface-subtle)}.stat,.label-chip{background:var(--surface-subtle);border-color:var(--line)}.info-strip{background:color-mix(in srgb,var(--mint-strong) 10%,var(--paper));border-color:color-mix(in srgb,var(--mint-strong) 35%,var(--line))}.settings-card p,.intro-copy,.field-hint,.empty-inline{color:var(--muted)}.mail-drawer{box-shadow:-18px 0 42px rgba(0,0,0,.2)}.safe-html-preview{background:#fff}.toast{background:var(--ink);color:var(--canvas)}
.content{padding-top:42px}.intro{margin-bottom:24px}.intro-copy{line-height:1.55}.eyebrow{margin-bottom:8px;color:var(--blue);letter-spacing:1.3px}.intro h1{letter-spacing:-1px}.domain-hero{margin-bottom:18px}.domain-tabs{margin-bottom:16px}.domain-tabs button{padding:8px 12px}.toolbar,.mail-toolbar{border-radius:9px;background:var(--paper)}.refresh-button{min-width:104px;height:36px;border-radius:8px}.refresh-icon{font-size:13px}.overview-panel,.attention-card,.generator-card,.preview-card,.settings-card{padding:18px}.section-head{margin-bottom:12px}.drawer-head{padding:22px 24px}.drawer-body{padding:8px 24px 24px}.drawer-section{padding:16px 0}.drawer-section h3{margin-bottom:10px}.message-copy{font-size:13px;color:var(--ink)}.drawer-details{padding-bottom:18px}.details-list{gap:8px}.modal-card{border-radius:12px}.toast{border-radius:9px}
.domain-row,.mail-row,.address-row,.overview-domain-row,.compact-mail,.stat-card,.button,.nav-item,.mode-card,.drawer-close,.icon-action{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.domain-row:hover,.mail-row:hover,.address-row:hover{transform:translateY(-1px)}
@media(max-width:720px){.content{padding-top:28px}.intro{margin-bottom:18px}.intro-actions{gap:7px}.domain-hero{align-items:flex-start;gap:12px}.domain-title{min-width:0}.domain-title h1{font-size:24px;overflow-wrap:anywhere}.domain-tabs{border-radius:8px}.toolbar,.mail-toolbar{gap:7px;padding:10px}.drawer-head,.drawer-meta,.drawer-body{padding-left:18px;padding-right:18px}.drawer-head h2{font-size:18px}.settings-card{padding:16px}}
@media (prefers-reduced-motion: reduce){body{transition:none}.domain-row:hover,.mail-row:hover,.address-row:hover{transform:none}}

/* Command center: one compact place for context, search and real actions. */
.topbar{gap:18px;position:relative;z-index:4}.breadcrumbs{min-width:190px;flex:0 1 auto}.top-search{position:relative;flex:1;max-width:470px;min-width:180px}.global-search-box{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);transition:border-color .18s ease,box-shadow .18s ease}.global-search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}.search-symbol{color:var(--soft);font-size:15px}.global-search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.global-search-box input::placeholder{color:var(--soft)}.global-search-box kbd{padding:3px 5px;border:1px solid var(--line);border-radius:4px;color:var(--soft);font:10px "DM Sans",sans-serif;white-space:nowrap}.search-results{position:absolute;z-index:8;top:43px;left:0;right:0;max-height:410px;overflow:auto;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 18px 45px rgba(23,33,43,.14)}.search-group{display:grid;gap:2px;padding:5px 0}.search-group>span{padding:5px 8px;color:var(--soft);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.search-result{display:grid;gap:3px;width:100%;padding:8px;border:0;border-radius:6px;background:transparent;color:var(--ink);text-align:left}.search-result:hover,.search-result.active{background:var(--surface-active)}.search-result strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.search-result small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px}.search-empty{padding:18px 10px;color:var(--muted);font-size:11px;text-align:center}.top-actions{gap:12px;min-width:max-content}.top-action-group{display:flex;align-items:center;gap:7px}.top-add-domain{height:36px}.issue-center{position:relative}.issue-button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 9px;border:1px solid color-mix(in srgb,var(--orange) 45%,var(--line));border-radius:8px;background:var(--paper);color:var(--ink);font-size:10px}.issue-button:hover{background:var(--surface-subtle);border-color:var(--orange)}.issue-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--orange) 14%,transparent)}.issue-popover{position:absolute;z-index:9;top:43px;right:0;width:min(390px,calc(100vw - 32px));padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 18px 45px rgba(23,33,43,.14)}.issue-popover-head{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 9px;border-bottom:1px solid var(--line);font-size:11px}.issue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 7px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.issue-item:last-child{border-bottom:0}.issue-item>button:first-child{min-width:0;border:0;background:transparent;color:var(--ink);text-align:left}.issue-item strong,.issue-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-item strong{font-size:11px}.issue-item small{margin-top:3px;color:var(--muted);font-size:9px}.issue-item .table-action{font-size:10px}.content .intro-actions .refresh-button,.content .overview-intro>.refresh-button,.content .domain-hero>.refresh-button{display:none}.content .intro-actions [data-action="add-domain"]{display:none}
@media(max-width:920px){.topbar{gap:10px}.breadcrumbs{min-width:140px}.top-search{max-width:none}.status-pill{display:none}.top-add-domain{padding-left:9px;padding-right:9px}}
@media(max-width:720px){.topbar{height:auto;min-height:65px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.breadcrumbs{order:2;min-width:0;flex:1}.top-search{order:3;flex-basis:100%;max-width:none}.top-actions{order:1;margin-left:auto}.top-action-group{gap:5px}.top-add-domain{font-size:9px}.top-actions .refresh-button{min-width:90px}.search-results{top:42px}.issue-popover{right:-8px}.global-search-box kbd{display:none}}

/* Domain settings are ordered by urgency: state, receiving, automation, organization, retention. */
.settings-command-grid{align-items:start;gap:14px}.settings-card{min-width:0}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.settings-kicker{display:block;margin-bottom:5px;color:var(--blue);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.settings-card h3{font-size:15px}.settings-alert{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--orange) 35%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--orange) 8%,var(--paper));font-size:10px}.settings-alert strong{color:var(--orange);white-space:nowrap}.settings-alert span{min-width:0;flex:1;color:var(--muted);overflow-wrap:anywhere}.settings-alert .button{white-space:nowrap}.settings-dns-card details,.settings-events-card details{width:100%}.settings-dns-card summary,.settings-events-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.settings-dns-card summary::-webkit-details-marker,.settings-events-card summary::-webkit-details-marker{display:none}.settings-dns-card summary>span,.settings-events-card summary>span{min-width:0}.settings-dns-card summary small,.settings-events-card summary small{color:var(--blue);font-size:10px;white-space:nowrap}.settings-dns-card details[open] summary small,.settings-events-card details[open] summary small{font-size:0}.settings-dns-card details[open] summary small::after,.settings-events-card details[open] summary small::after{content:'Свернуть';font-size:10px}.settings-details-body{margin-top:14px;padding-top:4px;border-top:1px solid var(--line)}.settings-details-body .setting-line:first-child{border-top:0}.settings-status-card .status{white-space:nowrap}.settings-rules-card,.settings-labels-card,.settings-storage-card,.settings-folders-card{min-height:190px}.settings-events-card{grid-column:1 / -1}.settings-events-card .settings-details-body{max-height:250px;overflow:auto}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}.danger-zone small{max-width:560px}.settings-command-grid .setting-line{min-height:42px}.settings-command-grid .modal-input{min-width:0;flex:1;height:36px}.settings-command-grid .label-list{min-height:28px}.settings-command-grid .full-button{margin-top:14px}
@media(max-width:720px){.settings-alert{align-items:flex-start;flex-direction:column;gap:7px}.settings-alert .button{width:100%}.settings-card-head{align-items:flex-start}.settings-events-card{grid-column:auto}.danger-zone{align-items:stretch;flex-direction:column}.danger-zone .inline-actions{justify-content:stretch}.danger-zone .inline-actions>*{flex:1}.settings-command-grid .setting-line{gap:8px}.settings-command-grid .setting-line>span{min-width:0}.settings-command-grid .setting-line>strong{max-width:58%}}
.address-table .table-head,.address-table .address-row{grid-template-columns:28px minmax(0,1.5fr) 90px 100px 110px 32px;gap:12px;min-width:0}
.address-table .address-row>*{min-width:0}.address-select-cell{display:flex;align-items:center;justify-content:center}.address-cell{min-width:0;overflow:hidden}.address-cell strong{display:block;min-width:0;overflow-wrap:anywhere;word-break:break-word}.address-actions{display:flex;align-items:center;min-width:0}.address-actions .button{max-width:100%;white-space:nowrap}.address-table .muted-number,.address-table .address-status{white-space:nowrap}
.domain-row,.mail-row,.overview-domain-row,.attention-row,.meta-line,.dns-record,.nameserver-list>div{min-width:0}.domain-row>*,.mail-row>*,.overview-domain-row>*,.attention-row>*,.meta-line>*,.dns-record>*,.nameserver-list>div>*{min-width:0}.domain-row strong,.mail-row strong,.overview-domain-row strong,.attention-row strong,.meta-line,.dns-record code,.dns-record small,.nameserver-list code{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:920px){.intro-actions,.inline-actions,.mail-toolbar{flex-wrap:wrap}.intro-actions .button,.inline-actions .button{white-space:nowrap}.mail-toolbar .search-field{min-width:0;flex:1 1 260px}.mail-toolbar .select{flex:0 1 auto;max-width:100%}}
@media(max-width:720px){.address-table .table-head{display:none}.address-table .address-row{grid-template-columns:28px minmax(0,1fr) 68px 88px 28px;gap:8px;padding:14px 12px;align-items:start}.address-table .address-row>div:nth-child(4){display:none}.address-table .address-row .address-select-cell{grid-column:1;grid-row:1 / span 2}.address-table .address-actions{grid-column:4;grid-row:1 / span 2}.address-table .address-actions .button{width:100%;padding:7px 6px;font-size:9px;white-space:normal}.address-table .address-row .icon-action{grid-column:5;grid-row:1 / span 2}.mail-list .mail-row{grid-template-columns:16px 7px minmax(0,1fr) minmax(0,1fr) 64px 22px;gap:8px;min-width:0}.mail-list .mail-row>*{min-width:0}.mail-list .mail-to{display:none}.mail-list .mail-from,.mail-list .mail-subject,.mail-list .mail-preview{min-width:0;overflow:hidden;text-overflow:ellipsis}.mail-list .mail-date{white-space:nowrap}.mail-list .mail-star{justify-self:end}.intro-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.intro-actions .button{flex:1 1 120px;min-width:0}.inline-actions>*{min-width:0;max-width:100%}}

/* Inbox controls stay on the canvas: filters read as compact actions, not a second card. */
.mail-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;padding:0;border:0;background:transparent}
.mail-toolbar .search-field{flex:1 1 300px;min-width:220px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 1px 0 rgba(23,33,43,.02)}
.mail-toolbar .select,.mail-toolbar .button{height:38px;border-radius:8px}
.mail-toolbar .select{padding:0 10px;background:var(--paper);border-color:var(--line)}
.mail-toolbar .button.ghost{background:transparent;border-color:transparent;color:var(--muted)}
.mail-toolbar .button.ghost:hover{background:var(--surface-active);border-color:transparent;color:var(--blue)}
.mail-toolbar .select:hover{border-color:var(--blue);background:var(--paper)}
.filter-reset{height:32px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:10px;white-space:nowrap}
.filter-reset:hover{background:var(--surface-active);color:var(--blue)}
.quick-filters{margin:0 0 12px;padding:0 1px;gap:6px}
.quick-filter{background:transparent;border-color:var(--line)}
.quick-filter.active{background:var(--surface-active);border-color:#b7cafb}
.bulk-bar{margin-top:0;border-radius:8px;background:color-mix(in srgb,var(--mint-strong) 7%,transparent);}
@media(max-width:720px){.mail-toolbar .search-field{flex-basis:100%;min-width:0}.mail-toolbar .select{flex:1 1 125px;min-width:0}.mail-toolbar .button{flex:0 1 auto}.filter-reset{margin-left:auto}}
.new-mail-notice{display:block;margin:0 0 10px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--blue) 7%,transparent);color:var(--blue);font-size:10px;text-align:left;transition:background-color .18s ease,border-color .18s ease}
.new-mail-notice:hover{border-color:var(--blue);background:var(--surface-active)}
.saved-filter-list{display:grid;gap:7px}.saved-filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.saved-filter-row strong{min-width:0;overflow-wrap:anywhere;font-size:11px}.saved-filter-row>span{display:flex;gap:6px;flex:0 0 auto}.saved-filter-row .button{white-space:nowrap}
@media(max-width:520px){.saved-filter-row{align-items:flex-start;flex-direction:column}.saved-filter-row>span{width:100%}.saved-filter-row .button{flex:1}}
.security-empty,.security-meta{display:block;color:var(--muted);font-size:10px;line-height:1.5}.security-meta{margin-top:9px}.security-chip.security-ok{color:#2e8a6f;background:#eaf8f3}.security-chip.security-bad{color:#b34e4e;background:#fff0f0}.security-chip.security-neutral{color:#99723d;background:#fff6e8}
.domain-row .domain-badge,.domain-title .domain-badge{display:none}.domain-name,.domain-title{gap:0}
.auth-recovery-switch{display:block;margin:14px auto 0;border:0;background:transparent;color:var(--blue);font-size:12px}.auth-recovery-switch:hover{text-decoration:underline}

body.auth-mode{overflow:hidden}body.auth-mode .sidebar,body.auth-mode .topbar{display:none}body.auth-mode .main-content{min-height:100vh;margin-left:0}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(circle at top,rgba(37,99,235,.1),transparent 42%),var(--canvas)}.auth-card{width:min(100%,430px);padding:36px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 24px 70px rgba(17,24,39,.1);text-align:center;animation:reveal .2s ease both}.auth-mark{width:44px;height:44px;margin:0 auto 22px;background:var(--ink)}.auth-card h1{margin:6px 0 10px;font-size:28px;letter-spacing:-.03em}.auth-lead{max-width:320px;margin:0 auto 24px;color:var(--muted);line-height:1.55}.auth-label{display:block;margin:18px 0 8px;text-align:left;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.auth-code{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--paper);color:var(--ink);font:600 24px/1 Space Grotesk,sans-serif;letter-spacing:.34em;text-align:center;outline:0}.auth-code:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.14)}.auth-submit{width:100%;min-height:46px;margin-top:18px}.auth-error{margin:14px 0 0;padding:10px 12px;border:1px solid rgba(185,28,28,.2);border-radius:9px;background:rgba(185,28,28,.07);color:var(--red);font-size:13px}.auth-qr{display:block;width:220px;height:220px;margin:18px auto;border-radius:10px;background:#fff;padding:8px}.auth-secret{display:grid;gap:6px;margin:0;color:var(--muted);font-size:12px}.auth-secret code{overflow-wrap:anywhere;color:var(--ink);font-weight:700;letter-spacing:.08em}.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0}.recovery-codes code{padding:10px 6px;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle);color:var(--ink);font-weight:700;letter-spacing:.08em}@media(max-width:520px){.auth-card{padding:28px 20px}.auth-screen{padding:16px}}
.attachment-center-tools{display:flex;gap:8px;margin-bottom:12px}.attachment-center-tools .modal-input{min-width:0;flex:1}.attachment-center-list,.thread-center-list,.thread-message-list{display:grid;gap:7px;max-height:55vh;overflow:auto}.attachment-center-row,.thread-center-row,.thread-message-row{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle);color:var(--ink);text-align:left}.attachment-center-row>div,.thread-center-row>span:first-child,.thread-message-row>span:first-child{min-width:0;flex:1}.attachment-center-row strong,.attachment-center-row small,.thread-center-row strong,.thread-center-row small,.thread-message-row strong,.thread-message-row small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-center-row small,.thread-center-row small,.thread-message-row small{margin-top:3px;color:var(--muted);font-size:9px}.attachment-scan{flex:0 0 auto;font-size:9px;white-space:nowrap}.attachment-scan-ok{color:var(--mint-strong)}.attachment-scan-bad{color:var(--red)}.attachment-scan-neutral{color:var(--orange)}.thread-center-row,.thread-message-row{cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.thread-center-row:hover,.thread-message-row:hover{border-color:var(--blue);background:var(--surface-active)}.thread-message-row{align-items:flex-start;flex-direction:column}.drawer-action-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.drawer-action-row .button{font-size:9px}.drawer-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--red) 35%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--red) 7%,var(--paper));color:var(--red);font-size:10px}.rule-line.is-disabled{opacity:.6}.rule-line>span:first-child{min-width:0}.rule-line>span:first-child small{display:block;margin-top:4px;color:var(--muted);font-size:9px}@media(max-width:520px){.attachment-center-tools{align-items:stretch;flex-direction:column}.attachment-center-row{align-items:flex-start;flex-wrap:wrap}.attachment-center-row .attachment-scan{margin-left:auto}.attachment-center-row .button{flex:1}.drawer-alert{align-items:flex-start;flex-direction:column}.drawer-alert .button{width:100%}}
.smart-label-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.smart-label-actions .button{flex:1 1 110px}
.compose-field{margin-bottom:12px}.compose-text{height:150px;padding:12px;resize:vertical;line-height:1.5}.compose-extra-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compose-extra-fields .field-label{margin-top:0}.compose-attachment-label{display:inline-flex;align-items:center;margin-top:3px;cursor:pointer}.compose-status{margin:0 0 16px;padding:10px 12px;border-radius:8px;font-size:11px}.compose-status.ready{color:var(--mint-strong);background:var(--surface-subtle)}.compose-status.blocked{color:var(--red);background:color-mix(in srgb,var(--red) 7%,var(--paper))}.sent-list{overflow:hidden}.sent-row{display:grid;grid-template-columns:minmax(0,1fr) 135px auto auto;gap:14px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.sent-row:last-child{border-bottom:0}.sent-row>div{min-width:0}.sent-row strong,.sent-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sent-row strong{font-size:12px}.sent-row small{margin-top:5px;color:var(--muted);font-size:10px}.sent-row time{color:var(--muted);font-size:10px;white-space:nowrap}.outbound-status{font-size:10px;white-space:nowrap}.outbound-submitted{color:var(--mint-strong)}.outbound-failed,.outbound-bounced{color:var(--red)}.outbound-temporary_failed,.outbound-sending{color:var(--orange)}@media(max-width:720px){.compose-extra-fields{grid-template-columns:1fr}.sent-row{grid-template-columns:minmax(0,1fr) auto;gap:7px}.sent-row time{grid-column:2;grid-row:1}.sent-row .outbound-status{grid-column:1}.sent-row .button{grid-column:2;grid-row:2}.compose-text{height:130px}}

/* Inbox command surfaces: every important operation is a readable, keyboard-sized control. */
:root{--control-height:40px;--control-radius:9px;--button-font:12px;--workspace:#f8fafc}
:root[data-theme="dark"]{--workspace:#101722}
body{background:var(--workspace);color:var(--ink)}
.button,.select,.filter-reset,.quick-filter,.action-button{min-height:var(--control-height);font-size:var(--button-font);border-radius:var(--control-radius);font-weight:700}
.button.compact{min-height:var(--control-height);padding:0 14px;white-space:nowrap}
.button.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 3px 10px rgba(37,99,235,.16)}
.button.primary:hover{background:color-mix(in srgb,var(--blue) 88%,#000);border-color:color-mix(in srgb,var(--blue) 88%,#000)}
.button.ghost{background:var(--paper);border:1px solid var(--line);color:var(--ink)}
.button.ghost:hover{background:var(--surface-active);border-color:var(--blue);color:var(--blue)}
.button.danger{background:var(--paper);border:1px solid color-mix(in srgb,var(--red) 38%,var(--line));color:var(--red)}
.button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.button:focus-visible,.select:focus-visible,.quick-filter:focus-visible,.filter-reset:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 28%,transparent);outline-offset:1px}
.top-action-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-compose{min-width:120px}.top-add-domain{min-width:132px}.top-action-group .refresh-button{min-width:112px}
.inbox-summary{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 10px;color:var(--muted);font-size:12px}.inbox-summary strong{color:var(--ink);font-size:14px}
.inbox-toolbar-primary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;margin:0 0 8px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.inbox-toolbar-primary .search-field{flex:1 1 310px;min-width:220px;height:40px;background:var(--paper)}.inbox-toolbar-primary .select{min-width:125px;flex:0 1 auto}
.quick-filter-group{display:flex;flex-wrap:wrap;gap:7px;margin-right:auto}.quick-filter{min-height:38px;padding:0 12px;border:1px solid var(--line);background:var(--paper);color:var(--muted);white-space:nowrap}.quick-filter:hover{border-color:var(--blue);color:var(--blue)}.quick-filter.active{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--paper));color:var(--blue)}
.selection-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;margin:0 0 10px;border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--blue) 5%,var(--paper));color:var(--muted);font-size:12px}.selection-toolbar label{display:flex;align-items:center;gap:7px;margin-right:8px}.selection-toolbar>span{margin-right:auto}.selection-toolbar strong{color:var(--ink)}.selection-toolbar .button{min-height:36px}
.modal-summary{display:grid;gap:5px;margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-subtle);color:var(--muted);font-size:11px;line-height:1.45}.modal-summary strong{color:var(--ink);font-size:12px}.saved-filter-row small{display:block;margin-top:5px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.saved-filter-row>div{min-width:0}.saved-filter-row .button{min-height:36px}
:root[data-theme="dark"] .inbox-toolbar-primary,:root[data-theme="dark"] .quick-filter{background:var(--paper)}
@media(max-width:720px){.top-action-group{width:100%;justify-content:flex-end}.top-action-group .button{flex:1 1 112px}.inbox-toolbar-primary{align-items:stretch}.inbox-toolbar-primary .search-field{flex-basis:100%;min-width:0}.inbox-toolbar-primary .select,.inbox-toolbar-primary .button{flex:1 1 135px}.quick-filter-group{width:100%;margin:0}.quick-filter{flex:1 1 120px}.selection-toolbar>span{margin-right:0;flex:1 1 100%}.selection-toolbar .button{flex:1 1 120px}}
@media(max-width:420px){.inbox-summary{gap:8px;font-size:11px}.inbox-toolbar-primary{padding:8px}.inbox-toolbar-primary .select,.inbox-toolbar-primary .button,.quick-filter{flex-basis:100%;width:100%}.selection-toolbar .button{flex-basis:100%}.top-action-group .button{min-width:0;padding:0 9px;font-size:11px}}

/* Semantic action colors keep related controls visually grouped in both themes. */
:root{--action-primary:var(--blue);--action-primary-hover:var(--blue-dark);--action-neutral-bg:var(--paper);--action-neutral-hover:var(--surface-active);--action-state:var(--blue);--action-danger:var(--red);--action-danger-bg:color-mix(in srgb,var(--red) 8%,var(--paper))}
.button.action-primary{background:var(--action-primary);border:1px solid var(--action-primary);color:#fff;box-shadow:0 3px 10px rgba(37,99,235,.16)}
.button.action-primary:hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover)}
.button.action-neutral{background:var(--action-neutral-bg);border:1px solid var(--line);color:var(--ink)}
.button.action-neutral:hover{background:var(--action-neutral-hover);border-color:var(--blue);color:var(--blue)}
.button.action-state{background:color-mix(in srgb,var(--action-state) 8%,var(--paper));border:1px solid color-mix(in srgb,var(--action-state) 30%,var(--line));color:var(--action-state)}
.button.action-state:hover{background:color-mix(in srgb,var(--action-state) 14%,var(--paper));border-color:var(--action-state)}
.button.action-danger{background:var(--action-danger-bg);border:1px solid color-mix(in srgb,var(--action-danger) 48%,var(--line));color:var(--action-danger)}
.button.action-danger:hover{background:color-mix(in srgb,var(--action-danger) 16%,var(--paper));border-color:var(--action-danger)}
.button.action-primary:disabled,.button.action-neutral:disabled,.button.action-state:disabled,.button.action-danger:disabled{background:var(--surface-subtle);border-color:var(--line);color:var(--soft);opacity:.65}
.toolbar-action-group,.bulk-action-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.toolbar-action-group+.toolbar-action-group{padding-left:8px;border-left:1px solid var(--line)}
.selection-toolbar{gap:10px}
.selection-toolbar .bulk-action-group+.bulk-action-group{padding-left:8px;border-left:1px solid color-mix(in srgb,var(--blue) 22%,var(--line))}
.quick-filter.active{background:color-mix(in srgb,var(--blue) 13%,var(--paper));border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 18%,transparent)}
.inbox-filter-actions,.inbox-work-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 12px;margin:0 0 8px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.inbox-filter-actions{background:color-mix(in srgb,var(--blue) 4%,var(--paper))}
.inbox-work-actions{background:var(--surface-subtle)}
.toolbar-section-label{flex:0 0 auto;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.02em}
.inbox-filter-actions .quick-filter-group{margin-right:0}
.inbox-work-actions .toolbar-action-group{gap:8px}
.inbox-work-actions .toolbar-action-group+.toolbar-action-group{padding-left:0;border-left:0}
@media(max-width:720px){.toolbar-action-group,.bulk-action-group{flex:1 1 100%}.toolbar-action-group+.toolbar-action-group,.selection-toolbar .bulk-action-group+.bulk-action-group{padding-left:0;border-left:0;padding-top:8px;border-top:1px solid var(--line)}.toolbar-action-group .button,.bulk-action-group .button{flex:1 1 130px}}
@media(max-width:420px){.toolbar-action-group .button,.bulk-action-group .button{flex-basis:100%}}

@media(max-width:720px){.inbox-filter-actions,.inbox-work-actions{align-items:stretch;gap:9px}.toolbar-section-label{flex-basis:100%}.inbox-filter-actions .quick-filter-group,.inbox-work-actions .toolbar-action-group{width:100%}.inbox-filter-actions .quick-filter{flex:1 1 130px}.inbox-work-actions .button{flex:1 1 135px}}
@media(max-width:420px){.inbox-filter-actions,.inbox-work-actions{padding:9px}.inbox-filter-actions .quick-filter,.inbox-work-actions .button{flex-basis:100%;width:100%}}

/* Inline confirmations replace browser dialogs and stay inside the panel visual language. */
.confirm-modal{width:min(500px,calc(100vw - 32px));padding:4px 0}.confirm-modal.danger .eyebrow{color:var(--red)}
.confirm-modal-message{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.55}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.confirm-modal-actions .button{min-width:112px;min-height:40px}
.modal-input-error{margin-top:6px;color:var(--red);font-size:12px;line-height:1.4}.modal-input-error[hidden]{display:none}
.undo-toast{display:flex!important;align-items:center;gap:14px;padding:10px 12px}.undo-toast span{flex:1}.undo-toast button{min-height:30px;padding:0 11px;border:1px solid currentColor;border-radius:7px;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}.undo-toast button:hover{background:color-mix(in srgb,currentColor 12%,transparent)}
@media(max-width:560px){.confirm-modal{width:100%}.confirm-modal-actions{flex-direction:column-reverse}.confirm-modal-actions .button{width:100%;min-height:44px}.undo-toast{left:12px;right:12px;bottom:12px}}

/* Final readability layer: shared contrast and numeric hierarchy for every view. */
:root{
  --canvas:#f4f7fa;--paper:#ffffff;--surface-subtle:#f7f9fb;--surface-active:#eaf0ff;
  --ink:#17212b;--muted:#53616d;--soft:#71808b;--line:#d6dee6;
  --number:#111a24;--table-row:#ffffff;--table-hover:#f4f8ff;--field:#ffffff;
  --success:#16805f;--warning:#a76218;--danger:#bd403d;--focus:#2d63dc;
  --shadow:0 14px 36px rgba(38,54,63,.08);color-scheme:light;
}
:root[data-theme="dark"]{
  --canvas:#101722;--paper:#1b2633;--surface-subtle:#202b37;--surface-active:#253b69;
  --ink:#f1f5f8;--muted:#b4c0ca;--soft:#91a0ad;--line:#344354;
  --number:#ffffff;--table-row:#1b2633;--table-hover:#243244;--field:#202b37;
  --success:#62d1ae;--warning:#f0b36c;--danger:#ff8f8f;--focus:#8eb0ff;
  --shadow:0 16px 38px rgba(0,0,0,.24);color-scheme:dark;
}

html,body{background:var(--canvas);color:var(--ink)}
body,.main-content{min-width:0}
.sidebar,.topbar,.card,.stat-card,.toolbar,.mail-row,.domain-row,.address-row,.overview-panel,.attention-card,.settings-card,.generator-card,.preview-card,.modal-card,.mail-drawer{background:var(--paper);border-color:var(--line);color:var(--ink)}
.sidebar{box-shadow:1px 0 0 color-mix(in srgb,var(--line) 70%,transparent)}
.topbar{background:color-mix(in srgb,var(--paper) 92%,transparent)}
.brand span,.profile small,.sidebar-footer p,.storage-label,.breadcrumbs,.status-pill,.domain-title small,.domain-row small,.address-row small,.mail-to,.mail-preview,.mail-date,.pagination,.table-head,.field-hint,.empty-inline{color:var(--muted)}
.brand strong,.profile strong,.breadcrumbs strong,.nav-item,.nav-item.active,.domain-name strong,.mail-from,.mail-subject,.address-row strong,.stat-card strong,.stat strong,.empty-state strong,.compact-mail strong,.overview-domain-row strong,.section-head h2,.settings-card h3,.card h2,.card h3{color:var(--ink)}
.nav-item{color:var(--muted)}
.nav-item:hover,.domain-row:hover,.mail-row:hover,.address-row:hover,.compact-mail:hover,.domain-meter:hover{background:var(--table-hover);color:var(--ink)}
.nav-item.active{background:color-mix(in srgb,var(--mint-strong) 12%,var(--paper))}
.nav-count,.more,.soft,.muted-number{color:var(--soft)}
.button.ghost,.pagination button,.icon-action,.row-arrow,.tool-button{color:var(--ink);background:var(--paper);border-color:var(--line)}
.button.ghost:hover,.pagination button:hover{background:var(--surface-active);border-color:var(--focus);color:var(--ink)}
.button:disabled{color:var(--soft)!important;background:color-mix(in srgb,var(--surface-subtle) 78%,var(--paper))!important;border-color:var(--line)!important;opacity:.68;cursor:not-allowed}
.stat-card,.card{box-shadow:var(--shadow)}
.stat-card{min-height:92px;border-width:1px}
.stat-card span,.stat span{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.01em}
.stat-card strong,.stat strong,.overview-count,.muted-number{color:var(--number);font-variant-numeric:tabular-nums;font-weight:700}
.stat-card strong{font-size:26px;line-height:1.1}
.stat-foot{color:var(--success)}.stat-foot.warn{color:var(--warning)}
.stats-grid,.stats-row,.inbox-summary,.overview-stats{font-variant-numeric:tabular-nums}
.table-head{background:var(--surface-subtle);border-color:var(--line);font-weight:700}
.domain-row,.mail-row,.address-row{background:var(--table-row);border-color:var(--line)}
.domain-row small,.address-row small,.mail-to,.mail-preview{font-size:11px}
.domain-row .muted-number,.address-row .muted-number,.overview-count{font-size:13px}
.status{font-weight:600}.status:not(.pending):not(.error){color:var(--success)}.status.pending{color:var(--warning)}.status.error{color:var(--danger)}
.overview-domain-row .status,.address-status{font-weight:600}
.mail-row.unread{background:color-mix(in srgb,var(--blue) 8%,var(--table-row))}
.mail-row.unread .mail-from,.mail-row.unread .mail-subject{color:var(--ink);font-weight:800}
.mail-row.unread .mail-dot{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 20%,transparent)}
.mail-date{font-variant-numeric:tabular-nums}
.mail-star,.drawer-close{color:var(--muted)}.mail-star:hover,.mail-star.active,.drawer-close:hover{color:var(--blue)}
.search-field input,.email-field input,.count-field input,.modal-input,.compose-field,.compose-text,.select{background:var(--field);color:var(--ink);border-color:var(--line)}
.search-field input::placeholder,.modal-input::placeholder,.compose-field::placeholder,.compose-text::placeholder{color:var(--soft);opacity:1}
.search-field span{color:var(--soft)}
.field-label{color:var(--ink);font-size:11px;font-weight:700}
.select{min-height:40px;font-size:12px}.mail-toolbar .select{height:40px}.search-field{min-height:40px}
.segmented,.domain-tabs{background:var(--surface-subtle)}.segmented button,.domain-tabs button{color:var(--muted)}.segmented button.active,.domain-tabs button.active{background:var(--surface-active);color:var(--ink)}
.domain-badge{background:color-mix(in srgb,var(--blue) 14%,var(--paper));color:var(--blue)}.domain-badge.pending{background:color-mix(in srgb,var(--warning) 15%,var(--paper));color:var(--warning)}
.empty-state,.overview-empty{color:var(--muted)}
.empty-state strong,.overview-empty strong{color:var(--ink)}
.drawer-meta,.drawer-section,.setting-line,.event-line,.result-toolbar,.table-head{border-color:var(--line)}
.meta-line span,.details-list span,.drawer-section h3,.drawer-section-label{color:var(--muted)}
.meta-line strong,.details-list strong,.message-copy{color:var(--ink)}
.message-copy.is-empty{color:var(--muted)}
.html-preview,.attachment,.thread-center-row,.thread-message-row,.attachment-center-row{background:var(--surface-subtle);border-color:var(--line);color:var(--ink)}
.safe-html-preview{background:#fff;border-color:var(--line)}
.security-chip{color:var(--success);background:color-mix(in srgb,var(--success) 13%,var(--paper))}
.toast{background:var(--ink);color:var(--canvas)}
.modal-note,.confirm-modal-message,.modal-summary{color:var(--muted)}
.modal-summary{background:var(--surface-subtle);border-color:var(--line)}
.button.primary,.button.action-primary,.primary-button{color:#fff;background:var(--blue);border-color:var(--blue)}
.button.primary:hover,.button.action-primary:hover,.primary-button:hover{background:var(--blue-dark);border-color:var(--blue-dark)}
.button.action-danger,.danger-zone .button{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 55%,var(--line));background:color-mix(in srgb,var(--danger) 10%,var(--paper))}
button:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 22%,transparent)}
code,.details-list strong,.dns-record code,.nameserver-list code{overflow-wrap:anywhere;word-break:break-word}

@media(max-width:720px){
  .content{padding-left:18px;padding-right:18px}
  .stats-grid{gap:10px}.stat-card{min-height:88px;padding:15px}.stat-card strong{font-size:22px}.stat-card span{font-size:11px}
  .domain-row,.mail-row,.address-row{min-height:64px}.mail-from,.mail-subject{font-size:11px}.mail-to,.mail-preview,.domain-row small,.address-row small{font-size:11px}
  .select,.search-field,.mail-toolbar .select{min-height:44px;height:44px}.button{min-height:44px}.field-label{font-size:12px}
  .pagination{font-size:11px}.pagination button{min-width:42px;min-height:42px}
}
@media(max-width:420px){
  .content{padding-left:14px;padding-right:14px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:13px 12px}.stat-card strong{font-size:22px}.stat-card span{font-size:10px}
  .overview-panel,.attention-card,.settings-card,.generator-card,.preview-card{padding:15px 13px}.section-head h2{font-size:16px}
  .mail-list .mail-row{grid-template-columns:14px 6px minmax(0,1fr) 58px 20px;gap:6px;padding:13px 9px}.mail-list .mail-from,.mail-list .mail-subject{font-size:10px}.mail-list .mail-preview{font-size:10px}.mail-list .mail-date{font-size:10px}
  .table-head,.domain-row,.address-row{font-size:11px}.domain-row strong,.address-row strong{font-size:11px}
}

.productivity-card{min-width:0}.productivity-card .field-hint{margin:0 0 12px}.productivity-list{display:grid;gap:7px;margin-bottom:12px}.productivity-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle);min-width:0}.productivity-row>span{min-width:0}.productivity-row strong,.productivity-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.productivity-row small{margin-top:3px;color:var(--muted);font-size:10px}.productivity-form{display:grid;gap:8px}.productivity-form textarea{min-height:82px;resize:vertical}.productivity-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;width:max-content;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-subtle);color:var(--ink);font-size:11px}.productivity-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.list-columns>div>strong{display:block;margin-bottom:8px;color:var(--ink);font-size:12px}.list-columns .inline-actions{align-items:stretch}.list-columns .modal-input{min-width:0;flex:1}.list-columns .button{flex:0 0 auto}@media(max-width:720px){.list-columns{grid-template-columns:1fr;gap:18px}.productivity-card .inline-actions{align-items:stretch}.productivity-card .inline-actions .modal-input{min-width:0;flex:1}}

/* Compose uses the same readable surface in both themes. */
.modal-input,.compose-field,.compose-text{background:var(--surface-subtle);color:var(--ink);border-color:var(--line)}
.modal-input::placeholder,.compose-field::placeholder,.compose-text::placeholder{color:var(--soft)}
.modal-input:focus,.compose-field:focus,.compose-text:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}
.compose-from-row{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:8px;align-items:start}.compose-from-row .compose-field{min-width:0}.compose-hint{display:block;margin:-5px 0 12px;color:var(--muted);font-size:10px}.compose-status[hidden]{display:none}.compose-status.blocked{margin-top:0;color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--paper));border:1px solid color-mix(in srgb,var(--red) 28%,var(--line))}
:root[data-theme="dark"] .modal-input,:root[data-theme="dark"] .compose-field,:root[data-theme="dark"] .compose-text{background:var(--surface-subtle);color:var(--ink)}
@media(max-width:560px){.compose-from-row{grid-template-columns:1fr}.compose-from-row .select{width:100%}}
.compose-modal-card{width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:24px 28px;overflow-y:auto;scrollbar-width:none}.compose-modal-card::-webkit-scrollbar{display:none}.compose-modal-card .modal-head{margin-bottom:14px}.compose-modal-card .field-label{margin-top:8px;margin-bottom:4px}.compose-modal-card .modal-input,.compose-modal-card .compose-field{height:40px;margin:4px 0 8px}.compose-modal-card .compose-text{height:150px;min-height:110px}.compose-modal-card .compose-extra-fields{gap:14px}.compose-modal-card .compose-attachment-label{min-height:38px}.compose-modal-card .modal-actions{margin-top:14px}.compose-modal-card .compose-status{margin:0 0 10px;padding:9px 11px}.compose-modal-card .compose-status[hidden]{display:none}@media(max-width:720px){.compose-modal-card{width:100%;max-width:none;max-height:none;height:100%;padding:20px 18px;border-radius:0}.compose-modal-card .compose-text{height:clamp(110px,24vh,180px)}}
.outbound-details{display:grid;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface-subtle)}.outbound-details>div{display:grid;grid-template-columns:minmax(110px,.45fr) minmax(0,1fr);gap:16px;padding:12px 14px;border-bottom:1px solid var(--line)}.outbound-details>div:last-child{border-bottom:0}.outbound-details span{color:var(--muted);font-size:12px}.outbound-details strong{color:var(--ink);font-size:13px;font-weight:700;overflow-wrap:anywhere}.sent-row[data-action="open-outbound"]{cursor:pointer}.sent-row[data-action="open-outbound"]:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}@media(max-width:640px){.outbound-details>div{grid-template-columns:1fr;gap:4px}.outbound-details strong{font-size:14px}}
body.density-compact .mail-row{min-height:48px;padding-top:8px;padding-bottom:8px}body.density-compact .mail-preview{display:none}body.density-compact .mail-list{gap:4px}.preference-card{animation:rise .24s ease both}.preference-card .compact-select{min-width:170px}.preference-card .setting-line{min-height:48px}
.category-list{display:grid;gap:7px;margin-bottom:12px}.category-row{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle);color:var(--ink)}.category-row strong{flex:1;min-width:0;overflow-wrap:anywhere}.category-swatch{width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:var(--category-color,#3867e8);box-shadow:0 0 0 3px color-mix(in srgb,var(--category-color,#3867e8) 18%,transparent)}.category-color-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.category-form .field-hint{margin:0;font-size:11px}@media(max-width:520px){.category-color-row{grid-template-columns:1fr}.category-color-row .button{width:100%}}
.draft-list{display:grid;gap:8px}.draft-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-subtle);animation:rise .22s ease both}.draft-row strong,.draft-row small{display:block;overflow-wrap:anywhere}.draft-row small,.draft-row time{color:var(--muted);font-size:11px}.draft-row time{white-space:nowrap}.draft-row .inline-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:640px){.draft-row{grid-template-columns:1fr;gap:10px}.draft-row .inline-actions{width:100%}.draft-row .button{flex:1}}

/* Keep older settings and compact lists on the same readable theme tokens. */
.api-row,.health-line,.rule-item,.event-line{border-color:var(--line);color:var(--muted)}
.api-row code,.compact-mail small,.compact-mail time,.domain-meter span,.domain-meter strong,.rule-item small,.backup-status small{color:var(--muted)}
.health-line strong,.status,.backup-status strong{color:var(--success)}
.tag-cloud span,.tag-cloud button{border:1px solid var(--line);background:var(--surface-subtle);color:var(--ink)}
.tag-cloud button{color:var(--blue)}
.danger-zone{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--paper))}
.danger-zone strong{color:var(--danger)}.danger-zone small{color:var(--muted)}
.chart-bars{background:repeating-linear-gradient(to top,transparent 0,transparent 45px,color-mix(in srgb,var(--line) 70%,transparent) 46px)}
.chart-bars i{background:color-mix(in srgb,var(--blue) 22%,var(--paper))}.chart-bars i.today{background:var(--blue)}
.mode-card,.modal-card,.safe-html-preview{color:var(--ink)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.shortcut-list{display:grid;gap:8px}.shortcut-list>div{display:flex;align-items:center;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle);color:var(--ink)}.shortcut-list kbd{min-width:54px;padding:4px 7px;border:1px solid var(--line-strong,var(--line));border-radius:6px;background:var(--paper);color:var(--ink);font:600 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center}.shortcut-list span{font-size:13px}
.api-subsection{display:grid;gap:8px;margin:14px 0}.api-subsection>strong{font-size:12px;color:var(--ink)}.api-row>span{display:grid;gap:3px;min-width:0}.api-row>span strong{font-size:12px;color:var(--ink);overflow-wrap:anywhere}.api-row>span small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.api-scope-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 18px}.api-scope-list label{padding:9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:11px}.api-token-output{min-height:72px;height:auto;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;resize:vertical}.api-row .button{flex:0 0 auto}@media(max-width:520px){.api-scope-list{grid-template-columns:1fr}.api-row{align-items:flex-start}.api-row .button{width:100%}}
.nav-item{text-decoration:none}.nav-icon{font-size:18px;line-height:1}
.docs-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.docs-sidebar{position:sticky;top:24px;display:grid;gap:16px;min-width:0}.docs-sidebar-head h1{margin:5px 0 4px;font:700 24px/1.1 "Space Grotesk",sans-serif;color:var(--ink)}.docs-sidebar-head p{margin:0;color:var(--muted);font-size:12px}.docs-search{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-subtle);color:var(--muted)}.docs-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.docs-search input::placeholder{color:var(--soft)}.docs-nav{display:grid;gap:5px}.docs-nav a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;color:var(--muted);font-size:12px;text-decoration:none}.docs-nav a:hover{background:var(--surface-active);color:var(--ink)}.docs-link-card{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-subtle)}.docs-link-card strong{color:var(--ink);font-size:12px}.docs-link-card a{color:var(--blue);font-size:11px;text-decoration:none}.docs-link-card a:hover{text-decoration:underline}.docs-content{min-width:0}.docs-hero{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:var(--shadow)}.docs-hero h1{margin:4px 0 8px;font:700 30px/1.08 "Space Grotesk",sans-serif;color:var(--ink)}.docs-hero p:not(.eyebrow){max-width:640px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.docs-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.docs-section{display:grid;gap:14px;margin-top:20px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:var(--shadow)}.docs-section[hidden]{display:none}.docs-section-title{display:flex;gap:12px;align-items:flex-start}.docs-section-title h2{margin:0;color:var(--ink);font:700 18px/1.2 "Space Grotesk",sans-serif}.docs-section-title p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.docs-section-emoji{font-size:25px;line-height:1}.docs-endpoint{display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--surface-subtle)}.docs-endpoint-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.docs-endpoint-head code{color:var(--ink);font:600 13px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.docs-method{display:inline-grid;place-items:center;min-width:54px;padding:5px 8px;border-radius:6px;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.docs-method-get{background:color-mix(in srgb,var(--success) 14%,var(--paper));color:var(--success)}.docs-method-post{background:color-mix(in srgb,var(--blue) 14%,var(--paper));color:var(--blue)}.docs-method-error{background:color-mix(in srgb,var(--red) 14%,var(--paper));color:var(--red)}.docs-endpoint-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:11px}.docs-endpoint-meta strong{color:var(--ink)}.docs-code,.docs-response{position:relative;min-width:0}.docs-code pre,.docs-response pre{margin:0;max-height:320px;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.docs-code .docs-copy-button{position:absolute;top:8px;right:8px}.docs-copy-button{min-height:30px;padding:5px 9px;font-size:10px}.docs-quick-start{border-color:color-mix(in srgb,var(--blue) 30%,var(--line))}.docs-quick-start .docs-section-title h2{color:var(--blue)}
@media(max-width:900px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static}.docs-nav{display:flex;gap:6px;overflow:auto;padding-bottom:2px}.docs-nav a{white-space:nowrap}.docs-link-card{grid-template-columns:auto 1fr 1fr;align-items:center}.docs-hero{display:grid}.docs-hero-actions{justify-content:flex-start}}
@media(max-width:620px){.docs-hero,.docs-section{padding:16px}.docs-hero h1{font-size:24px}.docs-hero-actions{display:grid;grid-template-columns:1fr}.docs-hero-actions .button{width:100%}.docs-section-title h2{font-size:16px}.docs-link-card{grid-template-columns:1fr}.docs-endpoint{padding:12px}.docs-endpoint-head code{font-size:11px}}
.button,a.button{text-decoration:none}.docs-hero{grid-template-columns:minmax(0,1fr) auto}.docs-hero-actions .button{display:inline-flex;align-items:center;justify-content:center;min-width:124px;white-space:nowrap}.docs-endpoint{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.docs-endpoint:hover{border-color:color-mix(in srgb,var(--blue) 42%,var(--line));box-shadow:0 8px 24px color-mix(in srgb,var(--blue) 8%,transparent);transform:translateY(-1px)}.docs-endpoint-meta{padding-top:2px}.docs-response>span{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:700}.docs-copy-button.copy-complete{color:var(--success);border-color:color-mix(in srgb,var(--success) 48%,var(--line))}.docs-search-empty{margin-top:20px;padding:24px;border:1px dashed var(--line);border-radius:12px;background:var(--surface-subtle);color:var(--muted);text-align:center;font-size:12px}.docs-search-empty[hidden]{display:none}.docs-section[data-doc-search]:not([hidden]){animation:docs-section-in .2s ease both}@keyframes docs-section-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.domain-primary-actions{align-items:stretch}.domain-primary-actions .button{min-width:126px;min-height:42px}.domain-primary-actions .action-primary{min-width:150px}.domain-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.domain-stats-grid .stat-card{min-height:112px;display:flex;flex-direction:column;justify-content:space-between}.domain-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(290px,max-content);gap:12px;align-items:center}.domain-search-field{max-width:none;width:100%;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-subtle)}.domain-search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 16%,transparent)}.domain-search-field input{font-size:13px}.domain-sort{min-height:42px;font-size:12px}.domain-status-filter{position:relative;display:grid;grid-template-columns:repeat(3,minmax(86px,1fr));gap:3px;min-height:42px;padding:3px;overflow:hidden;background:var(--surface-subtle)}.domain-status-filter button{position:relative;z-index:1;min-width:0;min-height:34px;padding:0 10px;background:transparent;color:var(--muted);font-size:11px;white-space:nowrap}.domain-status-filter button.active{color:var(--ink);background:transparent;box-shadow:none}.status-water-indicator{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/3);border:1px solid color-mix(in srgb,var(--blue) 55%,var(--line));border-radius:7px;background:linear-gradient(110deg,color-mix(in srgb,var(--blue) 18%,var(--paper)),color-mix(in srgb,var(--blue) 32%,var(--paper)),color-mix(in srgb,var(--blue) 18%,var(--paper)));background-size:220% 100%;transform:translateX(calc(var(--status-index) * 100%));transition:transform .32s cubic-bezier(.22,.8,.28,1),background-position .8s ease;animation:water-drift 3.2s ease-in-out infinite}.domain-status-filter:focus-within .status-water-indicator{border-color:var(--blue)}@keyframes water-drift{0%,100%{background-position:0 0}50%{background-position:100% 0}}.domain-table [data-domain-rows]{min-height:0}.domain-row.row-updated{animation:domain-row-updated .42s ease both}@keyframes domain-row-updated{0%{background:color-mix(in srgb,var(--blue) 16%,var(--table-row,var(--paper)))}100%{background:var(--table-row,var(--paper))}}.value-updated{animation:value-pop .4s ease both}@keyframes value-pop{0%{transform:scale(1);color:var(--ink)}50%{transform:scale(1.08);color:var(--blue)}100%{transform:scale(1);color:var(--ink)}}
.content .domain-primary-actions .refresh-button,.content .domain-primary-actions [data-action="add-domain"]{display:inline-flex}
.button,.segmented button,.domain-status-filter button{position:relative;overflow:hidden}.button.is-pressed::after,.segmented button.is-pressed::after,.domain-status-filter button.is-pressed::after{content:"";position:absolute;left:var(--ripple-x,50%);top:var(--ripple-y,50%);width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.22;transform:translate(-50%,-50%) scale(0);animation:button-ripple .26s ease-out both;pointer-events:none}@keyframes button-ripple{to{transform:translate(-50%,-50%) scale(16);opacity:0}}
@media(max-width:900px){.domain-toolbar{grid-template-columns:minmax(0,1fr) minmax(220px,max-content)}.domain-search-field{grid-column:1/-1}.domain-status-filter{grid-column:1/-1;justify-self:stretch}}
@media(max-width:720px){.domain-primary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.domain-primary-actions .button,.domain-primary-actions .action-primary{min-width:0;width:100%;padding-left:8px;padding-right:8px}.domain-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.domain-stats-grid .stat-card{min-height:102px;padding:13px 12px}.domain-stats-grid .stat-card span{font-size:10px}.domain-toolbar{display:grid;grid-template-columns:1fr;gap:9px}.domain-sort,.domain-status-filter{width:100%}}
@media(max-width:420px){.domain-primary-actions{grid-template-columns:1fr}.domain-primary-actions .button{min-height:44px}.domain-stats-grid{grid-template-columns:1fr}.domain-stats-grid .stat-card{min-height:82px}.domain-status-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.domain-status-filter button{padding:0 4px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.docs-section[data-doc-search]:not([hidden]),.domain-row.row-updated,.value-updated{animation:none}.status-water-indicator{animation:none;transition:none}.button.is-pressed::after,.segmented button.is-pressed::after,.domain-status-filter button.is-pressed::after{display:none}}