@charset "UTF-8";
:root{--ink:#142b3a;--muted:#526675;--navy:#102939;--navy-deep:#0b202d;--green:#137c69;--mint:#e8f6f0;--line:#e3e9eb;--canvas:#f4f7f8;--white:#fff;--amber:#926315;--amber-bg:#fff5df;--red:#b23c45;--red-bg:#fff0f1;--radius:16px;--shadow:0 8px 28px #17374608}

*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--canvas);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.6}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
button:disabled{opacity:.5;cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #51bda8;outline-offset:3px}
[hidden]{display:none!important}
h1,h2,h3,p{margin:0}
h1{font-size:32px;line-height:1.25;letter-spacing:-1.1px;font-weight:650}
h2{font-size:19px;line-height:1.4;letter-spacing:-.35px}
h3{font-size:16px;font-weight:650}
.muted{color:var(--muted)}
.small,small{font-size:14px}
.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:750;color:var(--green);display:block;margin-bottom:10px}
.brand{display:flex;align-items:center;gap:11px;color:white;font-size:20px;font-weight:680;letter-spacing:-.6px;white-space:nowrap}
.brand:hover{text-decoration:none}
.brand small{display:block;font-size:10px;letter-spacing:1.8px;font-weight:500;color:#96b5c6;margin-top:2px}
.brand-mark{width:36px;height:39px;display:grid;place-items:center;color:#98f0d9;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:11px;font-size:24px;line-height:1}
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;background:var(--navy-deep)}
.sidebar{position:fixed;left:0;top:0;align-self:start;height:100vh;height:100svh;width:250px;background:linear-gradient(170deg,var(--navy),var(--navy-deep));padding:22px 14px;color:#adc0cb;z-index:10;overflow-y:auto;display:flex;flex-direction:column}
.sidebar>.brand{margin:0 10px 18px;flex-shrink:0}
#navigation{flex:0 0 auto}
.nav-label{display:block;color:#9ab8c8;font-size:11px;letter-spacing:1.8px;font-weight:700;padding:16px 16px 9px}
.sidebar>.nav-label{padding-top:0}
.nav-item{border:0;background:none;color:#adc0cb;display:flex;align-items:center;gap:11px;width:100%;padding:9px 13px;border-radius:9px;text-align:left;font-size:14px;margin:3px 0}
.nav-item:hover{color:#fff;background:#ffffff07}
.nav-item.active{background:#225143;color:#b0f2dc;font-weight:650;box-shadow:inset 2px 0 #7be2bd}
.nav-symbol{font-size:19px;width:23px;text-align:center;font-weight:400}
.nav-count{margin-left:auto;background:#ffffff15;font-size:12px;line-height:20px;min-width:22px;text-align:center;border-radius:6px}
.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:20px 14px 6px;font-size:13px}
.sidebar-bottom small{display:block;color:#9ab8c8;font-size:12px}
.mode-dot{width:7px;height:7px;background:#8baba9;border-radius:50%}
.workspace{grid-column:2;min-width:0;min-height:100vh;background:var(--canvas)}
.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}
.breadcrumb{font-size:14px;color:var(--muted)}
.breadcrumb span{padding:0 12px;color:#b4c0c7}
.breadcrumb strong{font-weight:550;color:var(--ink)}
.topbar-right{display:flex;align-items:center;gap:16px}
.user-label{font-size:13px;color:var(--muted)}
#main{padding:34px 42px 20px;max-width:1600px;margin:auto}
.page-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.page-top .eyebrow{margin-bottom:7px}
.page-top p{margin-top:9px;font-size:14px}
.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.button,.icon-button,.quiet-button{border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:600;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;line-height:1.5}
.button:hover{text-decoration:none;filter:brightness(.97)}
.primary{background:var(--green);color:white;border-color:var(--green)}
.secondary{background:white;border-color:var(--line);color:var(--ink)}
.soft{background:var(--mint);color:var(--green)}
.quiet-button{color:var(--muted);background:none;padding:5px}
.icon-button{padding:5px 10px;background:transparent;color:var(--muted);font-size:22px}
.wide{width:100%}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}
.metric{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px 23px;box-shadow:var(--shadow)}
.metric-label{font-size:13px;color:var(--muted);display:flex;justify-content:space-between}
.metric-icon{color:#a0b2ba}
.metric-value{font-size:29px;letter-spacing:-1px;font-weight:650;margin:10px 0 3px;line-height:1.3}
.metric-sub{font-size:12px;color:var(--muted)}
.grid-two{display:grid;grid-template-columns:1.45fr 1fr;gap:22px;margin:22px 0}
.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}
.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);min-width:0}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px}
.card-head p{font-size:13px;color:var(--muted);margin-top:4px}
.card-head h2{font-size:16px}
.badge{display:inline-block;vertical-align:middle;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:650;letter-spacing:.1px;line-height:1.6;white-space:nowrap}
.neutral{background:#eef2f4;color:#647b8a}
.good{background:var(--mint);color:var(--green)}
.pending{background:var(--amber-bg);color:var(--amber)}
.danger{background:var(--red-bg);color:var(--red)}
.table-wrap{overflow:auto;margin:0 -24px}
table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}
th{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:650;color:#627480;background:#fafbfc;padding:12px 24px;border-block:1px solid #edf1f2}
td{padding:16px 24px;border-bottom:1px solid #edf1f2;font-size:13px}
tbody tr:last-child td{border-bottom:0}
td strong{font-size:14px;font-weight:600}
td small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
td .quiet-button{font-size:13px}
.row-actions{display:flex;gap:8px;align-items:center}
.table-footer{margin-top:16px;font-size:12px;color:var(--muted)}
.empty{padding:32px 20px;text-align:center;color:var(--muted);font-size:14px}
.empty strong{display:block;font-size:16px;color:var(--ink);margin-bottom:7px}
.empty .button{margin-top:16px}
.checklist{display:flex;flex-direction:column;gap:18px;margin-top:8px}
.step{display:flex;align-items:flex-start;gap:12px}
.step-number{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;background:#eff4f5;border-radius:8px;color:#718691;font-size:13px}
.step-number.done{background:var(--mint);color:var(--green)}
.step h3{font-size:14px;margin-bottom:3px}
.step p{font-size:12px;color:var(--muted)}
.step a{font-size:13px;display:inline-block;margin-top:6px}
.notice{padding:15px 18px;border:1px solid #dce9e2;border-radius:11px;background:#f1f8f3;color:#58756a;font-size:13px;margin:18px 0}
.notice.amber{background:#fffbf0;border-color:#f0e6c9;color:#8a713c}
.notice strong{color:inherit}
.details-list{display:grid;gap:0}
.detail-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf1f2;font-size:13px}
.detail-row:last-child{border:0}
.detail-row span{color:var(--muted)}
.detail-row strong{font-weight:550;text-align:right}
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0}
.spec{background:var(--canvas);border:1px solid var(--line);border-radius:10px;padding:14px 10px;text-align:center}
.spec strong{display:block;font-size:20px;font-weight:600}
.spec small{color:var(--muted);font-size:11px}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;position:relative}
.plan.featured{border-color:#a8ccbb;background:linear-gradient(#f3faf5,white)}
.plan h2{font-size:18px;margin:14px 0}
.plan-price{font-size:37px;letter-spacing:-1.5px;font-weight:650;margin:18px 0}
.plan-price small{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0}
.plan p{color:var(--muted);font-size:14px;min-height:60px}
.plan ul{list-style:none;padding:18px 0;margin:15px 0;border-top:1px solid var(--line);font-size:13px;line-height:2.6}
.plan li:before{content:'✓';color:var(--green);margin-right:9px}
.plan .actions{margin-top:20px}
.search-line{display:flex;justify-content:space-between;gap:14px;margin-bottom:18px}
.search-line input{max-width:290px}
.error-box{background:var(--red-bg);color:var(--red);border:1px solid #f1cfd3;padding:12px 15px;border-radius:10px;font-size:14px;margin:14px 0}
.workspace-footer{border-top:1px solid var(--line);margin-top:35px;padding:20px 0 8px;display:flex;justify-content:space-between;gap:15px;color:#627480;font-size:11px}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.auth-brand{padding:55px 65px;background:radial-gradient(ellipse at 0 100%,#1d5a50,transparent 70%),var(--navy-deep);color:white;display:flex;flex-direction:column;justify-content:space-between;gap:70px}
.auth-brand .eyebrow{color:#7bcbb5}
.auth-brand h1{font-size:52px;font-weight:550;line-height:1.18;letter-spacing:-2px;margin:18px 0 25px}
.auth-brand p{max-width:390px;color:#a6bdc7;font-size:15px}
.auth-tags{display:flex;gap:10px;margin-top:30px}
.auth-tags span{font-size:12px;color:#a7d4c7;border:1px solid #ffffff1c;padding:6px 13px;border-radius:30px}
.auth-foot{font-size:12px!important}
.auth-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 25px;gap:30px;background:#fbfcfb}
.auth-card{width:100%;max-width:360px}
.auth-card h2{font-size:30px;margin:12px 0}
.auth-card>p{font-size:14px;margin-bottom:25px}
.auth-card label{margin:17px 0}
.auth-card>.button{margin:13px 0}
.auth-card .small{font-size:12px;line-height:1.7}
.quiet-link{color:var(--muted);font-size:13px}
label{display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:7px}
input,select,textarea{width:100%;background:white;border:1px solid #dce4e7;padding:10px 12px;border-radius:8px;color:var(--ink);font-size:14px;min-width:0}
input::placeholder,textarea::placeholder{color:#a7b2b9}
textarea{min-height:90px;resize:vertical}
input[readonly]{background:var(--canvas);color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid .full{grid-column:1/-1}
.form-hint{font-size:12px;color:var(--muted);font-weight:400}
.editor-dialog{width:min(650px,calc(100vw - 32px));max-height:90vh;border:1px solid var(--line);padding:28px;border-radius:20px;box-shadow:0 25px 100px #10293926;color:var(--ink)}
.editor-dialog::backdrop{background:#0e253c66;backdrop-filter:blur(3px)}
.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.dialog-top .eyebrow{font-size:11px;margin-bottom:5px}
.editor-dialog>form>p{font-size:13px;margin:15px 0 24px}
.dialog-bottom{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:13px 23px;border-radius:11px;box-shadow:0 10px 40px #163a3b30;font-size:14px;z-index:100;max-width:90vw}
.report{white-space:pre-wrap;overflow-wrap:anywhere;max-height:500px;overflow:auto;background:var(--canvas);padding:18px;border-radius:9px;font-size:12px;line-height:1.8}
.event-list{list-style:none;padding:0;margin:0}
.event-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:15px}
.event-list time{color:var(--muted);font-size:12px}
.calculator{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.calculator-output{background:var(--navy);color:#fff;border-radius:13px;padding:23px;margin-top:20px}
.calculator-output strong{display:block;font-size:29px;font-weight:550;letter-spacing:-1px}
.calculator-output span{color:#a7c1ca;font-size:13px}
.technical-pill{display:inline-block;font-family:Consolas,monospace;background:var(--canvas);padding:3px 7px;border-radius:5px;font-size:13px;margin:3px}
.filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.filter-tabs button{padding:7px 12px;border-radius:7px;font-size:13px;border:1px solid var(--line);background:white;color:var(--muted)}
.filter-tabs button.active{color:var(--green);border-color:#b9dace;background:var(--mint)}
.mobile-menu{display:none}
.password-card{max-width:520px}
.password-card label{margin:18px 0}
.catalog{background:#f7faf8}
.catalog-nav{max-width:1100px;margin:auto;padding:26px 35px;display:flex;align-items:center;justify-content:space-between}
.catalog-nav .brand{color:var(--navy)}
.catalog-nav .brand-mark{background:var(--navy);color:#8fe2c8}
.catalog-nav .brand small{color:var(--muted)}
.catalog-hero{max-width:830px;text-align:center;margin:65px auto;padding:0 25px}
.catalog-hero h1{font-size:58px;font-weight:550;letter-spacing:-2.6px;margin:22px 0}
.catalog-hero p{max-width:570px;margin:0 auto 22px;font-size:16px;color:var(--muted)}
.catalog-main{max-width:1100px;margin:auto;padding:0 35px}
.catalog-main .plan p{min-height:65px}
.catalog-footer{max-width:1100px;margin:60px auto 0;padding:25px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}

.card>.actions{margin-top:20px}
.card>label{margin-top:20px}
td small{max-width:320px;white-space:normal;overflow-wrap:anywhere}
.plan .quiet-button{padding-left:0}
.catalog .plan-grid:has(>.empty:only-child){grid-template-columns:1fr}

@media(min-width:1450px){#main{padding:42px 52px}
.topbar{padding-inline:52px}
.metrics{gap:20px}
.metric{padding:25px}
}

@media(max-width:1150px){.shell{grid-template-columns:220px minmax(0,1fr)}
.sidebar{width:220px;padding-inline:12px}
.sidebar>.brand{font-size:18px}
.workspace{margin-left:0}
#main{padding:28px 25px}
.topbar{padding-inline:25px}
.metrics{gap:12px}
.metric{padding:17px}
.metric-value{font-size:25px}
.grid-two{grid-template-columns:1.25fr 1fr}
.card{padding:20px}
.table-wrap{margin-inline:-20px}
td,th{padding-inline:20px}
.plan{padding:22px}
.user-label{display:none}
}

@media(max-width:950px){.metrics{grid-template-columns:1fr 1fr}
.grid-two,.grid-equal{grid-template-columns:1fr}
.plan-grid{grid-template-columns:1fr}
.plan p{min-height:0}
.plan ul{margin-block:8px}
.auth-brand{padding:45px}
.auth-brand h1{font-size:39px}
.page-top{align-items:flex-start}
.page-top .actions{justify-content:flex-end}
.workspace-footer{flex-direction:column}
}

@media(max-width:700px){.shell{display:block}
.sidebar{position:fixed;top:0;left:0;transform:translateX(-100%);visibility:hidden;width:270px;max-width:calc(100vw - 35px);transition:transform .2s,visibility .2s}
.shell.menu-open .sidebar{transform:translateX(0);visibility:visible;box-shadow:30px 0 100px #163a3b50}
.workspace{margin-left:0}
.topbar{height:68px;padding:0 18px;gap:8px}
.mobile-menu{display:inline-flex}
.breadcrumb{display:none}
.breadcrumb span{padding-inline:7px}
.topbar-right{margin-left:auto;gap:4px}
.topbar-right .badge{display:none}
#main{padding:25px 18px}
.page-top{display:block;margin-bottom:20px}
.page-top h1{font-size:27px}
.page-top .actions{margin-top:15px;justify-content:flex-start}
.metrics{gap:10px}
.metric{padding:15px;border-radius:12px}
.metric-value{font-size:25px}
.metric-label{font-size:12px}
.metric-sub{font-size:11px}
.card{border-radius:13px}
.auth-layout{grid-template-columns:1fr}
.auth-brand{padding:25px;gap:35px}
.auth-brand>div:not(.brand){display:none}
.auth-foot{display:none}
.auth-main{padding:40px 26px;justify-content:flex-start}
.auth-brand .brand{font-size:20px}
.form-grid{grid-template-columns:1fr}
.form-grid .full{grid-column:auto}
.editor-dialog{padding:22px}
.event-list li{flex-direction:column;gap:3px}
.catalog-hero{margin:35px auto}
.catalog-hero h1{font-size:39px}
.catalog-nav,.catalog-main{padding-inline:20px}
.catalog-nav .brand{font-size:18px}
.catalog-footer{padding-inline:20px}
.catalog-main .grid-equal{gap:12px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}
}

.scenario-metrics{margin-top:24px}
.mix-count{min-width:85px;max-width:120px}


/* Readable controls and task-focused navigation. */
.button,.icon-button,.quiet-button{min-height:44px}

.nav-item{min-height:46px}

input,select,textarea{font-size:16px;min-height:44px}

.form-hint,.table-footer{line-height:1.7}

.breadcrumb #breadcrumb-root{padding:0;color:var(--muted)}

.skip-link{position:fixed;left:18px;top:12px;padding:12px 18px;background:var(--white);color:var(--ink);border:2px solid var(--green);border-radius:8px;z-index:110;transform:translateY(-180%)}

.skip-link:focus-visible{transform:translateY(0)}

.sidebar-close,.menu-backdrop{display:none}

.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}

.shortcut{display:flex;align-items:center;gap:14px;min-width:0;text-align:left;padding:22px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink);box-shadow:var(--shadow);font-weight:400;line-height:1.5}

.shortcut:hover{border-color:#8ab8a9;background:#f7fcf9;text-decoration:none}

.shortcut>span:nth-child(2){min-width:0}

.shortcut strong{display:block;font-size:16px;font-weight:650}

.shortcut small{display:block;margin-top:4px;font-size:13px;color:var(--muted);white-space:normal}

.shortcut-symbol{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:11px;background:var(--mint);color:var(--green);font-size:23px}

.shortcut-arrow{margin-left:auto;color:var(--green);font-size:20px}

.metrics-three{grid-template-columns:repeat(3,minmax(0,1fr))}

.overview-status a{display:inline-block;margin-left:4px;font-weight:600}

.mail-start{margin-top:0}

.faq{padding:18px 0;border-top:1px solid var(--line)}

.faq:last-child{padding-bottom:0}

.faq summary{cursor:pointer;font-weight:600;font-size:15px;line-height:1.6;padding:5px 0}

.faq summary::marker{color:var(--green)}

.faq summary:focus-visible{outline:3px solid #51bda8;outline-offset:3px;border-radius:4px}

.faq p{font-size:14px;color:var(--muted);line-height:1.85;margin:13px 0 4px;max-width:780px}

@media(max-width:1100px){.shortcut{padding:19px 16px;gap:11px}
.shortcut-symbol{width:34px;height:36px}
.shortcut-arrow{display:none}
}

@media(max-width:950px){.quick-actions{grid-template-columns:1fr}
.shortcut-arrow{display:block}
.shortcut{padding:18px 20px}
}

@media(max-width:700px){
  .menu-backdrop{display:block;position:fixed;inset:0;border:0;background:#0b202d80;z-index:9}

  .sidebar-close{display:inline-flex;align-self:flex-end;position:relative;margin:-20px 0 8px;padding:0 12px;color:#c8e4eb}

  .sidebar>.brand{margin-bottom:22px}

  .topbar .quiet-button{font-size:13px;padding-inline:7px}

  .metrics-three{grid-template-columns:1fr}

  .metric-sub,.metric-label{font-size:13px}

  .quick-actions{gap:12px;margin-bottom:20px}

  .shortcut{min-height:88px}

  .card-head{align-items:flex-start;flex-wrap:wrap}

  .auth-card h2{font-size:27px}

  .workspace-footer{font-size:12px}

}


.extra-mailbox-price{font-size:13px!important;line-height:1.7;min-height:0!important;margin:10px 0 20px}
.checkbox-row{flex-direction:row;align-items:flex-start;font-size:14px;line-height:1.7;padding:12px 0}
.checkbox-row input{width:20px;height:20px;min-height:20px;flex-shrink:0;margin:4px 5px 0 0;accent-color:var(--green)}

.customer-tools{display:flex;gap:18px;align-items:flex-end;margin-bottom:18px}
.customer-search{flex:1}
.customer-search input{max-width:none}
.customer-tools>label:last-child{min-width:145px}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:var(--muted)}
.pagination .actions>span{padding:0 8px;white-space:nowrap}
.mail-overage td{background:#fffbf2}
.mail-overage td:first-child{box-shadow:inset 3px 0 #c29336}
.preview-notice{background:#fff5df;border:1px solid #e5cd91;color:#654a17;border-radius:12px;padding:16px 20px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.preview-notice strong{font-size:15px}
.preview-notice p{font-size:13px;margin-top:3px}
@media(max-width:700px){.customer-tools{align-items:stretch;flex-direction:column}.preview-notice{align-items:flex-start;flex-direction:column}.pagination{align-items:flex-start;flex-direction:column}.pagination .actions{width:100%;justify-content:space-between}}

.public-price-row{display:grid;grid-template-columns:60px 1fr 1fr;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line,#e4e9ed)}#public-prices-form>button{margin-top:20px}.details-list strong{overflow-wrap:anywhere;white-space:pre-wrap}@media(max-width:560px){.public-price-row{grid-template-columns:1fr}.public-price-row strong{margin-top:8px}.topbar-right>a{display:none}}

/* Keep account entry quiet; returning users see only the dashboard. */
.auth-layout{min-height:100vh;display:grid;place-items:center;grid-template-columns:1fr;background:var(--bg,#f3f6f5)}
.auth-main{width:100%;padding:32px 20px;background:transparent;gap:20px;justify-content:center}
.auth-card{max-width:410px;background:#fff;padding:32px;border:1px solid var(--border,#e0e8e5);border-radius:16px;box-shadow:0 8px 30px #12343e08}
.auth-logo{color:var(--navy,#12343e);font-size:21px;margin-bottom:28px;text-decoration:none}
.auth-logo small{font-size:9px;color:var(--muted,#667d82)}
.auth-card h2{font-size:25px;letter-spacing:-.6px}
.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg,#f3f6f5);color:var(--muted,#667d82)}
.app-loading .brand-mark{background:var(--navy,#12343e);color:#a8e3ce}
.app-loading p{margin:0;font-size:14px}
@media(max-width:480px){.auth-card{padding:25px 22px}.auth-main{padding:22px 16px}}

.live-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:22px}
.live-summary-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.live-summary-main small{font-size:12px;color:var(--muted)}
.live-summary-values{display:flex;gap:20px;align-items:center;font-size:13px}.live-summary-values strong{font-weight:650}.live-summary .button{white-space:nowrap}
.live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px}.live-toolbar p{font-size:13px;color:var(--muted);margin-top:6px}
.live-capacity{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.live-capacity .metric{padding:22px}.live-capacity .metric-value{font-size:27px}.live-capacity meter{display:block;width:100%;height:9px;margin-top:14px;accent-color:var(--green)}
.compact-details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:18px 0;overflow:hidden}.compact-details>summary{padding:16px 20px;font-size:14px;font-weight:650;cursor:pointer}.details-body{padding:4px 20px 20px}.details-body>p{margin-bottom:14px}.details-body>label{margin-top:20px}
.settings-tabs{margin-bottom:22px}.settings-tabs+.card{margin-top:0}[data-settings-panel]>article{max-width:1020px}.price-details{box-shadow:none;background:var(--canvas);margin-top:22px}.price-details .details-body{padding-top:0}
.live-services small{font-size:12px}.live-alerts{margin:18px 0;padding:0;list-style:none}.live-alerts li{padding:10px 14px;background:var(--amber-bg);border-radius:8px;margin:8px 0;font-size:13px}
@media(max-width:1050px){.live-capacity{grid-template-columns:repeat(2,minmax(0,1fr))}.live-summary-values{display:none}.topbar-right{gap:10px}#server-connection{max-width:180px}}
@media(max-width:700px){.workspace{grid-column:auto}.live-toolbar,.live-summary{align-items:flex-start}.live-toolbar{flex-wrap:wrap}.live-summary{padding:16px;gap:12px}.live-capacity{gap:10px}.live-capacity .metric{padding:17px}.live-capacity .metric-value{font-size:23px}#server-connection{display:none}.details-body{padding-inline:16px}.compact-details>summary{padding-inline:16px}}
/* Compact account layout: shared top navigation, domain-specific tools. */
:root{--radius:8px;--shadow:none;--canvas:#f7f9f9;--line:#dce5e4}
body{font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;background:#fff}
.shell{display:block;background:#fff;min-height:100vh}
.topbar{height:76px;max-width:1160px;padding:0 20px;margin:auto;border:0;gap:20px}
.topbar .brand{color:var(--navy);font-size:23px}
.topbar .brand-mark{color:var(--green);border-color:#badbcf;background:#eff8f4;width:33px;height:35px;border-radius:7px;font-size:23px}
.topbar .brand small{color:var(--muted);font-size:9px}
.topbar-right{gap:18px}.topbar-right .quiet-button{font-size:13px}
.sidebar{position:static;display:block;width:auto;height:auto;max-width:none;padding:0 20px;background:#fff;color:var(--ink);overflow:visible;border-block:1px solid var(--line)}
#navigation{display:flex;align-items:center;gap:5px;max-width:1120px;margin:auto;min-height:48px;padding:5px 0;flex-wrap:wrap}
.nav-item{width:auto;margin:0;padding:8px 13px;border-radius:5px;color:var(--muted);font-size:14px;min-height:36px}
.nav-item:hover{color:var(--ink);background:#f0f5f3}
.nav-item.active{color:#0a5c4b;background:var(--mint);box-shadow:none}
.nav-count{margin-left:5px;border-radius:4px;min-width:18px;line-height:18px;font-size:11px;background:#d6e9e1;color:#276650}
.auxiliary-nav,.mobile-menu,.sidebar-close,.menu-backdrop,.nav-symbol{display:none!important}
.workspace{min-height:calc(100vh - 126px);background:#fff}
#main{padding:20px 20px 0;max-width:1160px;min-height:calc(100vh - 126px);display:flex;flex-direction:column}
.breadcrumb{font-size:12px;color:var(--muted);margin:0 0 17px}
.breadcrumb span{padding:0 8px 0 0;color:var(--muted)}
.breadcrumb strong{font-weight:400;color:var(--ink)}
.page-top{gap:16px;margin-bottom:18px;align-items:center}
.page-top .eyebrow{display:none}
h1{font-size:24px;letter-spacing:-.5px;font-weight:650}
.page-top p{margin-top:5px;font-size:13px}
h2,.card-head h2{font-size:16px;letter-spacing:-.2px}
#page-content{min-width:0}
.card{border-radius:7px;padding:18px;box-shadow:none;margin-bottom:16px;background:#fff}
.card-head{margin-bottom:14px;align-items:center}
.card-head:has(h2:only-child){min-height:0}
.card-head p{font-size:12px}
.card-head .actions{justify-content:flex-end}
.button,.quiet-button{border-radius:5px;padding:7px 12px;font-size:13px;min-height:34px}
.quiet-button{padding:5px 6px;min-height:30px}
.button:disabled{cursor:default}
.table-wrap{margin:0 -18px}
table{font-size:13px}
th{padding:10px 16px;font-size:12px;letter-spacing:0;text-transform:none;background:#eef5f2;color:#365b4d;border-block-color:#dce9e3}
td{padding:10px 16px;font-size:13px;border-bottom-color:#e6ece9}
td strong{font-size:13px}
td small{font-size:12px}
tbody tr:hover td{background:#f7faf9}
.domain-link{border:0;background:none;padding:4px 0;color:#086951;font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px;text-align:left}
.domain-tools{display:flex;margin-bottom:14px;gap:14px}
.domain-search{width:min(390px,100%)}
.domain-search input{font-size:13px;padding:8px 10px;border-radius:5px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.pagination{margin-top:12px;gap:12px;font-size:12px}
.pagination .button{padding:5px 10px}
.pagination .actions{gap:5px}
.filter-tabs{gap:5px}
.filter-tabs button{font-size:13px;padding:7px 12px;border-radius:5px;min-height:34px}
.section-tabs,.domain-tabs,.settings-tabs{margin-bottom:16px}
.compact-details{border-radius:6px;margin:12px 0;background:#fafcfa}
.compact-details>summary{font-size:13px;font-weight:500;padding:10px 14px}
.details-body{font-size:13px;padding:4px 14px 14px;max-width:100%;overflow:auto}
.details-body p{font-size:13px;margin-bottom:10px}
.details-body p:last-child{margin-bottom:0}
.compact-details .card{margin-top:12px;background:#fff}
.detail-table{width:100%;max-width:660px;white-space:normal}
.detail-table th{font-weight:500;width:220px;border:1px solid #dfe9e3}
.detail-table td{background:#fafcfb;border:1px solid #dfe9e3;overflow-wrap:anywhere}
.dns-value{white-space:normal;overflow-wrap:anywhere;max-width:480px}
.table-footer{margin-top:12px;font-size:12px}
.compact-stats{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:13px;padding:0 0 18px}
.compact-stats strong{font-size:16px;font-weight:650}
.compact-bottom{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0 18px}
.compact-bottom .small{font-size:12px;margin-left:auto}
.badge{font-size:11px;padding:3px 7px;border-radius:4px;letter-spacing:0}
.live-summary{border-radius:6px;padding:11px 14px;margin-bottom:18px;gap:16px;background:#f8fbf9}
.live-summary-values,.live-summary-main{gap:14px}
.live-summary-main small{font-size:11px}
.live-summary .button{font-size:12px;min-height:30px}
.metrics{gap:12px;margin-bottom:18px}
.metric,.live-capacity .metric{border-radius:7px;padding:16px 18px;box-shadow:none}
.metric-value,.live-capacity .metric-value{font-size:25px;margin-top:7px}
.metric-label{font-size:12px}.metric-sub{font-size:11px}
.live-capacity{gap:12px;margin-bottom:18px}
.live-toolbar{margin-bottom:16px}.live-toolbar p{font-size:12px}
.grid-equal,.grid-two{gap:16px;margin:16px 0}
.grid-equal .card,.grid-two .card{margin:0}
.notice{font-size:12px;border-radius:6px;padding:12px 14px;margin:14px 0}
.customer-tools{gap:12px;margin-bottom:14px}
.customer-tools input,.customer-tools select{font-size:13px;padding:8px 10px}
.row-actions{gap:5px;flex-wrap:wrap}
.row-actions .quiet-button{font-size:12px}
.preview-notice{border-radius:6px;margin-bottom:18px;padding:12px 16px}
.empty{padding:24px 16px;font-size:13px}
.empty strong{font-size:15px}
.workspace-footer{margin-top:auto;padding:24px 0 16px;align-items:center;border:0;color:var(--muted);font-size:12px;gap:16px;min-height:88px}
.footer-links{display:flex;align-items:center;gap:18px}
.footer-links .quiet-button{font-weight:400;font-size:12px}
.footer-links .quiet-link{font-size:12px}
.settings-tabs+.card{margin-top:0}
.plan{border-radius:7px;padding:20px}.plan-grid{gap:16px}
.plan-price{font-size:30px}
@media(min-width:781px){#page-content{padding-bottom:12px}}
@media(max-width:900px){.topbar-right{gap:12px}.nav-item{padding:8px 10px;font-size:13px}.live-summary-values{display:none}.grid-two{grid-template-columns:1fr}.row-actions{flex-direction:column;align-items:flex-start}}
@media(max-width:780px){.topbar{height:68px;padding:0 16px}.topbar .brand{font-size:20px}.topbar .brand small{font-size:8px}.topbar-right{gap:8px}.topbar-right .quiet-button{font-size:12px;padding:5px 4px}#server-connection{display:none}.sidebar{padding:0 12px;transform:none;box-shadow:none}#navigation{min-height:46px;gap:2px}.nav-item{padding:7px 9px;min-height:34px}#main{padding:18px 16px 0;min-height:calc(100vh - 114px)}.page-top{align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}.page-top h1{font-size:22px}.page-top .actions{gap:7px}.grid-equal,.plan-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-three{grid-template-columns:1fr}.workspace-footer{font-size:11px;min-height:80px;padding-top:20px}.live-summary{align-items:center}.detail-table th{width:42%}}
@media(max-width:480px){.topbar{gap:8px}.topbar .brand{gap:7px;font-size:18px}.topbar .brand-mark{width:28px;height:30px;font-size:21px}.topbar-right .quiet-button{font-size:11px}h1{font-size:21px}.card{padding:14px}.table-wrap{margin:0 -14px}th,td{padding:9px 12px}.card-head{flex-wrap:wrap}.card-head .actions{justify-content:flex-start}.compact-stats{gap:8px 18px}.compact-bottom .small{margin-left:0}.detail-table th,.detail-table td{padding:9px 10px}.live-capacity{grid-template-columns:repeat(2,minmax(0,1fr))}.live-capacity .metric{padding:13px}.live-capacity .metric-value{font-size:21px}.section-tabs,.domain-tabs{flex-wrap:wrap}.footer-links{gap:10px}}

.provider-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px;font-size:13px}.provider-summary .button{margin-left:auto}#domeneshop-form .form-grid{margin-top:14px}#domeneshop-form>button{margin-top:15px}#domain-sync-stamp:empty{display:none}#domain-sync-stamp{margin:0 0 12px}

/* nc-dsas-mail-layout-2 */
.nc-dsas-mail-layout-2 .card {
  border-color: #d5e1df;
  box-shadow: none;
}
.nc-dsas-mail-layout-2 .card-head {
  align-items: flex-start;
}
.nc-dsas-mail-layout-2 .card-head h2 {
  color: #244e4e;
}
.nc-dsas-mail-layout-2 .mail-view-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .6rem;
  margin-bottom: .6rem;
}
.nc-dsas-mail-layout-2 .customer-search {
  display: block;
  max-width: 25rem;
  margin-bottom: .8rem;
}
.nc-dsas-mail-layout-2 .customer-search input {
  width: 100%;
}
.nc-dsas-mail-layout-2 #native-mail-results th {
  background: #f0f6f5;
  color: #315a58;
}
.nc-dsas-mail-layout-2 #native-mail-results td {
  padding-block: 10px;
}
@media (max-width: 540px) {
  .nc-dsas-mail-layout-2 .mail-view-controls { align-items: flex-start; flex-direction: column; }
}

/* nc-dsas-mail-layout-3 */
.nc-dsas-mail-layout-3 {
  display: grid;
  gap: 10px;
}
.nc-dsas-mail-layout-3 .card {
  margin: 0;
  padding: 12px;
  border-color: #cbd8d4;
  box-shadow: none;
}
.nc-dsas-mail-layout-3 .card-head {
  margin-bottom: 8px;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.nc-dsas-mail-layout-3 .card-head h2 {
  color: #244e4e;
}
.nc-dsas-mail-layout-3 .nc-mail-summary {
  display: grid;
  gap: 2px;
  margin: 0;
}
.nc-dsas-mail-layout-3 .nc-mail-summary > div {
  display: grid;
  grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr);
  align-items: center;
  background: #edf4f1;
  padding: 7px 9px;
  gap: 6px;
}
.nc-dsas-mail-layout-3 .nc-mail-summary dt,
.nc-dsas-mail-layout-3 .nc-mail-count {
  font-weight: 600;
}
.nc-dsas-mail-layout-3 .nc-mail-summary dd {
  margin: 0;
}
.nc-dsas-mail-layout-3 .nc-mail-summary small {
  color: #485e59;
  margin-inline: 5px;
  overflow-wrap: anywhere;
}
.nc-dsas-mail-layout-3 .nc-mail-count {
  margin: 0 0 7px;
  color: #485e59;
}
.nc-dsas-mail-layout-3 .nc-mail-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 8px;
  margin-bottom: 8px;
}
.nc-dsas-mail-layout-3 .nc-mail-tools .customer-search {
  flex: 1 1 14rem;
  max-width: 22rem;
}
.nc-dsas-mail-layout-3 #native-mail-search {
  width: 100%;
  margin: 2px 0 0;
}
.nc-dsas-mail-layout-3 #native-mail-results th {
  background: #e8f2ee;
  color: #315a58;
}
.nc-dsas-mail-layout-3 #native-mail-results td {
  padding-block: 6px;
}
.nc-dsas-mail-layout-3 [data-action="mail-usage"] {
  margin-inline-start: 6px;
}
.nc-dsas-mail-layout-3 .nc-mail-advanced-actions {
  margin: 8px 0;
}
@media (max-width: 540px) {
  .nc-dsas-mail-layout-3 .nc-mail-summary > div {
    grid-template-columns: 1fr;
  }
}