@font-face{font-family:Manrope;src:url(fonts/Manrope.ttf) format('truetype');font-weight:200 800;font-display:swap}@font-face{font-family:Instrument;src:url(fonts/InstrumentSerif-Italic.ttf) format('truetype');font-style:italic;font-display:swap}
:root{--ink:#282b2f;--muted:#7b8086;--line:#e5e7e8;--surface:#fff;--paper:#f4f5f5;--accent:#c71e59;--green:#25745e;--nav:#24272b}*{box-sizing:border-box}body{margin:0;font:13px Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button svg,nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;flex:none}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--nav);color:#a7abb0;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:30}.logo{padding:0 17px;display:block;width:max-content}.logo img{width:117px;height:70px;object-fit:contain;background:white;border-radius:9px;padding:7px}.workspace{display:flex;align-items:center;gap:10px;margin:27px 4px 31px;padding-bottom:22px;border-bottom:1px solid #3b3e42}.workspace-icon{width:32px;height:32px;background:#3b3f44;border:1px solid #50545a;border-radius:8px;display:grid;place-items:center;font-size:20px;color:#eee;font-family:Instrument,serif}.workspace strong{font-size:11px;color:#e6e7e8;display:block}.workspace small{font-size:9px;display:block;margin-top:5px;color:#868b93}.online-dot{width:5px;height:5px;background:#7eb39c;border-radius:50%;margin-left:auto}.nav-label{font-size:9px;font-weight:650;letter-spacing:1.8px;padding:0 14px;margin-bottom:13px}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:7px;font-size:12px;position:relative}nav a:hover{background:#303439;color:#fff}nav a.active{background:#3a3f44;color:#fff}nav a.active:after{content:'';width:4px;height:4px;background:#f08ba8;position:absolute;right:14px;border-radius:50%}.nav-divider{height:1px;background:#3b3e42;margin:17px 8px}.sidebar-bottom{margin-top:auto;padding:24px 12px 0}.sidebar-bottom a{display:flex;justify-content:space-between;margin-top:15px;font-size:11px}.sidebar-note{border-top:1px solid #3b3e42;margin-top:25px;padding-top:19px;font-size:10px;color:#92979e;line-height:1.8}.sidebar-note em{font-family:Instrument,serif;font-size:20px;color:#ccd0d5}.workspace-main{margin-left:238px;min-width:0}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px}.breadcrumbs{display:flex;align-items:center;gap:13px;font-size:11px;color:#8b8f93;min-width:0}.breadcrumbs strong{font-weight:600;color:#42464c}.slash{color:#d0d3d5}.account{display:flex;align-items:center;gap:9px;font-size:10px;min-width:0}.account>span:not(.avatar){max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dedfdf;border-radius:50%;background:#f0f1f0;color:#626b63;font-size:11px}.logout{background:none;border:0;color:#94999e;font-size:18px}.account form{margin:0}main{max-width:1640px;margin:auto;padding:37px 36px 30px;min-height:calc(100svh - 140px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8b8f94;font-weight:650}.page-heading h1{font-size:29px;font-weight:550;letter-spacing:-1.2px;margin:7px 0 7px}.page-heading h1 em{font-family:Instrument,serif;font-weight:400;color:#8b8f88;font-size:1.2em}.page-heading p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:10px 16px;border:1px solid #dcdfe1;border-radius:7px;background:white;color:#464c52;font-size:11px;font-weight:600;white-space:nowrap}.button:hover{background:#f0f1f2}.button.primary{background:#30353a;color:white;border-color:#30353a}.button.primary:hover{background:#454b52}.button.danger{color:#b73853;border-color:#ecd0d6}.button.small{font-size:10px;min-height:31px;padding:7px 10px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:19px 21px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#80868b;font-size:10px}.stat-top svg{width:17px;stroke:#8f9799;fill:none;stroke-width:1.4}.stat-value{display:block;font-size:31px;letter-spacing:-1px;font-weight:600;margin:10px 0 7px;line-height:1.15}.stat-bottom{font-size:9px;color:#92979c}.overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:21px;margin-bottom:22px}.panel{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #edf0f1;gap:15px}.panel-head h2{font-size:13px;font-weight:650;margin:0 0 5px}.panel-head p{font-size:10px;color:#969b9e;margin:0}.panel-body{padding:22px}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;background:#f0f2f2;color:#788084;border-radius:5px;font-size:9px;padding:5px 7px;white-space:nowrap;line-height:1.2}.badge.good{background:#edf6f1;color:#3b8067}.badge.warn{background:#fff5e7;color:#aa7b36}.badge.bad{background:#fceef0;color:#b9586b}.badge i{height:4px;width:4px;background:currentColor;border-radius:50%}.traffic-metrics{display:grid;grid-template-columns:1fr 1fr;gap:26px 25px;padding:24px}.traffic-metric{border-left:2px solid #e3e7e4;padding-left:13px}.traffic-metric span{display:block;font-size:10px;color:#868e92}.traffic-metric strong{display:block;font-size:28px;letter-spacing:-.8px;font-weight:550;margin-top:7px}.traffic-metric:nth-child(1){border-color:#81a893}.traffic-metric:nth-child(2){border-color:#9dacc4}.traffic-metric:nth-child(3){border-color:#dbc190}.traffic-metric:nth-child(4){border-color:#dba5b2}.metrics-foot{padding:14px 24px;background:#fafbfb;border-top:1px solid #edf0f1;font-size:9px;line-height:1.7;color:#8a9196}.service-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f1f2;font-size:11px}.service-row:last-child{border:0}.service-label{display:flex;gap:8px;align-items:center}.service-dot{width:5px;height:5px;border-radius:50%;background:#72a087}.service-dot.off{background:#cd6e7b}.storage-summary{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:10px}.progress{height:5px;background:#edf0f0;border-radius:3px;overflow:hidden;width:100%}.progress>span{display:block;height:100%;background:#93aa9b;border-radius:3px}.progress.warn>span{background:#d3b782}.progress.bad>span{background:#cf8b98}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}th{font-weight:550;font-size:9px;color:#90969b;background:#fafbfb;padding:13px 21px;border-bottom:1px solid var(--line)}td{padding:17px 21px;border-bottom:1px solid #edf0f1}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcfc}.domain-name{display:block;font-weight:650;color:#3c454d;font-size:12px}.cell-sub{display:block;margin-top:5px;color:#92999e;font-size:9px}.quota{min-width:150px}.quota-caption{display:flex;justify-content:space-between;gap:15px;font-size:10px;margin-bottom:7px;color:#707a81}.quota-caption b{font-weight:600;color:#4d5962}.row-action{border:1px solid #e2e5e7;background:#fff;border-radius:5px;padding:7px 10px;color:#6c747b;font-size:10px}.row-action:hover{color:#25292d;background:#f3f4f4}.toolbar{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between}.search{width:300px;max-width:100%;height:37px;border:1px solid #e2e5e7;border-radius:6px;padding:0 12px;background:#fcfcfc;font-size:11px}.filter{max-width:240px;border:1px solid #e2e5e7;border-radius:6px;padding:8px 11px;background:white;color:#6f7a82;font-size:11px}.table-footer{display:flex;justify-content:space-between;padding:15px 21px;font-size:9px;color:#99a0a6;border-top:1px solid #edf0f1}.rank-list{padding:4px 22px 12px}.rank{display:flex;gap:12px;align-items:center;border-bottom:1px solid #eef0f2;padding:15px 0}.rank:last-child{border:0}.rank-index{width:22px;height:22px;display:grid;place-items:center;font-size:10px;color:#87918f;background:#f1f4f1;border-radius:5px}.rank-label{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-count{margin-left:auto;font-size:12px;font-weight:650}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:21px}.empty{text-align:center;padding:34px 22px;color:#92999e;font-size:11px;line-height:1.8}.empty strong{display:block;color:#5f6970;font-weight:550;margin-bottom:5px}.event{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid #f0f1f2;font-size:10px}.event span{line-height:1.8}.event time{color:#9da4a9;font-size:9px;white-space:nowrap;margin-left:auto}.event:before{content:'';width:5px;height:5px;background:#b8c1bb;border-radius:50%;margin-top:6px;flex:none}.page-footer{max-width:1640px;margin:auto;display:flex;justify-content:space-between;padding:0 36px 25px;font-size:9px;color:#a0a7ab}.detail-heading{display:flex;align-items:center;gap:15px}.entity-icon{height:48px;width:48px;border-radius:10px;border:1px solid #dde2e1;background:white;display:grid;place-items:center;color:#899b92;font-size:21px;flex:none}.tabs{display:flex;gap:23px;overflow:auto;border-bottom:1px solid #dfe3e5;margin-bottom:24px;padding:0 2px}.tab{padding:13px 0 15px;border:0;border-bottom:2px solid transparent;background:none;color:#8a939a;font-size:11px;white-space:nowrap}.tab.active{color:#363e44;border-bottom-color:#535f59;font-weight:650}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:600;color:#5b6870}.field input:not([type=checkbox]),.field select,.field textarea{border:1px solid #dde2e5;border-radius:6px;padding:12px 13px;background:#fcfdfd;color:#3d4952;width:100%;min-width:0;outline:none;font-size:12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#98a79f;box-shadow:0 0 0 3px #95a59b13}.field input:disabled{background:#f3f5f5;color:#9ba2a8}.field textarea{min-height:100px;resize:vertical;line-height:1.7}.hint{font-size:10px;line-height:1.7;color:#929ca3}.form-section{margin-bottom:23px}.form-section h3{font-size:12px;font-weight:650;margin:0 0 19px}.form-section p{font-size:10px;color:#939ca3;line-height:1.8}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf0f1;padding:18px 22px;background:#fcfdfd}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #eef1f1;gap:20px}.switch-row:first-child{padding-top:0}.switch-row:last-child{border:0}.switch-copy strong{display:block;font-size:11px;font-weight:600}.switch-copy small{display:block;color:#939da3;font-size:10px;margin-top:5px;line-height:1.6}.switch{appearance:none;width:33px;height:19px;background:#d4dadd;border-radius:20px;position:relative;border:none;flex:none;cursor:pointer}.switch:after{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:white;top:3px;left:3px;transition:transform .2s}.switch:checked{background:#5f7c6c}.switch:checked:after{transform:translateX(14px)}.info-box{padding:14px 17px;background:#f4f6f5;border:1px solid #e4e9e6;border-radius:7px;color:#788981;font-size:10px;line-height:1.8;margin-bottom:20px}.error-box{background:#fff0f3;border:1px solid #f2d6df;color:#af4c68;padding:14px;border-radius:6px;font-size:11px;white-space:pre-line;margin-bottom:20px;line-height:1.8}.password-tools{display:flex;gap:8px;margin-top:0;flex-wrap:wrap}.password-tools button{font-size:10px}.password-input{font-family:monospace!important}.metadata{display:grid;grid-template-columns:150px 1fr;gap:14px;font-size:11px}.metadata dt{color:#929ca3}.metadata dd{margin:0;word-break:break-word}.dns-value{font-family:monospace;font-size:11px;white-space:normal;overflow-wrap:anywhere;max-width:550px;min-width:180px}.checkbox-list{display:grid;gap:10px;max-height:220px;overflow:auto;padding:12px;border:1px solid #e1e5e7;border-radius:6px}.checkbox-list label{display:flex;align-items:center;gap:9px;font-size:11px}.feature-list{display:grid;gap:11px;margin:0;padding:0;list-style:none;font-size:11px;color:#728178}.feature-list li:before{content:'✓';margin-right:10px;color:#5b8a70}.feature-list.pending{color:#939ba2}.feature-list.pending li:before{content:'○';color:#b2b8bd}.loading{padding:70px;text-align:center;color:#929b9f}.icon-button{border:0;background:none;color:#7d8890;padding:8px;font-size:21px;line-height:1}.mobile-menu{display:none}dialog{border:1px solid #e1e5e7;border-radius:12px;width:min(630px,calc(100vw - 30px));padding:0;box-shadow:0 30px 100px #17252c33;max-height:90svh;color:var(--ink)}dialog::backdrop{background:#242a3255;backdrop-filter:blur(3px)}.dialog-heading{padding:23px 25px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:21px;letter-spacing:-.6px;font-weight:550;margin:8px 0 0}#dialog-body{padding:24px 25px}#dialog-body .form-actions{padding:18px 0 0;margin-top:24px;background:none}#toast{position:fixed;bottom:25px;right:25px;padding:14px 20px;background:#35493e;color:white;border-radius:8px;box-shadow:0 8px 30px #142c2420;z-index:100;font-size:12px;max-width:calc(100vw - 30px)}#toast.error{background:#904052}.api-secret{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f5f4;border:1px solid #dce4df;padding:16px;border-radius:6px;font-family:monospace;font-size:12px}.code{background:#f6f7f7;color:#65716b;font:11px monospace;padding:16px;border-radius:6px;overflow:auto;line-height:1.7}.truncated{max-width:280px;overflow:hidden;text-overflow:ellipsis}.back-link{font-size:10px;color:#839087;display:inline-flex;gap:6px;margin-bottom:19px}.subtle-link{color:#6a8174;font-size:10px}.action-note{font-size:10px;color:#939da3;margin-right:auto;align-self:center}.title-actions{display:flex;gap:10px;flex:none}
@media(min-width:1600px){main{padding:43px 46px}.topbar{padding:0 46px}.stat{padding:23px 25px}.stat-value{font-size:36px}.panel-head{padding:22px 25px}}
@media(max-width:1150px){.sidebar{width:210px;padding-left:13px;padding-right:13px}.workspace-main{margin-left:210px}main{padding:28px 24px}.topbar{padding:0 24px}.overview-grid{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr)}.stats{gap:12px}.stat{padding:17px 15px}.stat-value{font-size:28px}.page-footer{padding-left:24px;padding-right:24px}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:238px}.workspace-main{margin-left:0}.mobile-menu{display:block}.menu-open .sidebar{transform:translateX(0)}.scrim{position:fixed;inset:0;background:#17212b66;border:0;z-index:29}.menu-open .scrim{display:block}.overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.breadcrumbs>span:first-of-type{display:none}.breadcrumbs .slash{display:none}.account>span:not(.avatar){max-width:130px}}
@media(max-width:620px){.topbar{height:64px;padding:0 16px;gap:10px}.breadcrumbs{gap:6px}.account{gap:5px}.account>span:not(.avatar){max-width:97px;font-size:9px}.avatar{display:none}main{padding:24px 16px 25px}.page-heading{align-items:flex-start;gap:13px;margin-bottom:22px;flex-wrap:wrap}.page-heading h1{font-size:27px}.page-heading p{font-size:10px;max-width:290px}.title-actions{width:100%;justify-content:flex-start}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.stat{padding:16px}.stat-value{font-size:27px;margin:12px 0 7px}.stat-bottom{font-size:8px}.overview-grid,.two-columns{grid-template-columns:minmax(0,1fr);gap:17px}.panel-head{padding:18px}.panel-body{padding:18px}.traffic-metrics{padding:20px}.form-grid{grid-template-columns:minmax(0,1fr);gap:18px}.field.full{grid-column:auto}.toolbar{padding:13px;gap:8px;flex-wrap:wrap}.toolbar .search{width:100%}.toolbar .filter{flex:1;max-width:100%}.page-footer{padding:0 16px 22px;font-size:8px}.tabs{gap:22px;margin-bottom:18px}.detail-heading{gap:11px;min-width:0}.detail-heading h1{font-size:21px;overflow-wrap:anywhere}.entity-icon{height:41px;width:41px;font-size:18px}.metadata{grid-template-columns:1fr;gap:7px}.metadata dd{margin-bottom:10px}.form-actions{padding:16px;flex-wrap:wrap}.action-note{width:100%}.dialog-heading{padding:20px}.dialog-heading h2{font-size:20px}#dialog-body{padding:20px}.field input:not([type=checkbox]),.field textarea,.field select,.search{font-size:16px}th,td{padding-left:16px;padding-right:16px}.event{flex-wrap:wrap}.event time{width:100%;margin-left:17px}.password-tools .button{flex:1}.button{min-height:42px}.row-action{min-height:35px}.page-heading .badge{align-self:center}.title-actions .button{flex:1}.feature-list{font-size:11px}#toast{bottom:16px;right:16px}.login-wrap{min-width:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Legibility */
.hint,.cell-sub,.panel-head p,.stat-bottom,.page-heading p{color:#737e86}.panel-head h2{font-size:14px}table{font-size:12px}th{font-size:10px;color:#77828a}.badge{font-size:10px}.stat-top{font-size:11px}.hint{font-size:11px}.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:18px}.sidebar-note{margin-top:18px}

.password-tools{flex-direction:row;align-items:center}.password-tools .hint{flex-basis:100%}
.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
/* Full-width workspace; no fixed maximum width on large displays. */
.sidebar .logo{background:none!important;border:0!important;border-radius:0!important;padding:8px 12px 18px!important;box-shadow:none!important;display:block}
.sidebar .logo img{background:none!important;border:0!important;border-radius:0!important;padding:0!important;width:124px;max-width:100%;height:auto;box-shadow:none!important}
main{width:100%;max-width:none!important;margin:0!important;padding:36px clamp(24px,2.2vw,60px)}
.page-footer{width:100%;max-width:none;margin:0;padding-left:clamp(24px,2.2vw,60px);padding-right:clamp(24px,2.2vw,60px)}
.workspace-main{min-width:0}.overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.page-heading h1{font-size:34px}.page-heading p{font-size:13px}.panel-head h2{font-size:16px}.panel-head p{font-size:12px}.stat-top{font-size:13px}.stat-bottom{font-size:11px}
table{font-size:13px}th{font-size:11px}.domain-name{font-size:14px}.cell-sub{font-size:11px}.badge{font-size:11px}.sidebar nav a{font-size:13px}
.field label,.switch-copy strong{font-size:13px}.field input:not([type=checkbox]),.field select,.field textarea{font-size:14px}.hint,.switch-copy small,.action-note{font-size:12px}
.service-row,.storage-summary{font-size:13px}.rank-label{font-size:12px}.rank-count{font-size:14px}.event{font-size:12px}.event time{font-size:11px}.traffic-metric span{font-size:12px}.metrics-foot{font-size:11px}.metadata{font-size:13px}.tab{font-size:13px}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #f5f7f5 inset!important;-webkit-text-fill-color:#334039!important;caret-color:#334039}
@media(min-width:1900px){main{padding-top:44px}.stats{gap:24px}.stat{padding:26px}.stat-value{font-size:44px}.panel-head,.panel-body{padding:26px}.page-heading h1{font-size:42px}.traffic-metrics{gap:36px;padding:30px}.traffic-metric strong{font-size:38px}.rank{padding:18px 0}}
@media(max-width:850px){main{padding:26px 20px}.overview-grid{grid-template-columns:minmax(0,1fr)}.page-footer{padding-left:20px;padding-right:20px}}
@media(max-width:620px){main{padding:24px 16px}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.stat-top{font-size:11px}.stat-bottom{font-size:10px}.field input:not([type=checkbox]),.field select,.field textarea{font-size:16px}.tabs{gap:22px}.tab{font-size:12px}.page-footer{padding-left:16px;padding-right:16px}.panel-head,.panel-body{padding:18px}}


.sidebar{overflow-y:auto}.sidebar #navigation{flex:0 0 auto;overflow:visible;align-content:start;grid-auto-rows:max-content}.sidebar-bottom{flex-shrink:0}

.personal-header{min-height:77px;height:auto;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}.personal-header strong{min-width:0;overflow-wrap:anywhere;font-size:13px}.personal-header form{margin:0}@media(max-width:620px){.personal-header strong{order:3;flex-basis:100%;font-size:12px}.personal-header img{max-width:85px}.personal-header{gap:12px}}

/* 1eposta v4: centered brand and archive */
.sidebar>.logo{display:flex;align-items:center;justify-content:center;width:100%;padding:0!important;margin:0 auto}.sidebar>.logo img{display:block;margin:0 auto}.workspace-icon img{width:24px;height:18px;object-fit:contain}
.traffic-search{padding:22px;border-bottom:1px solid var(--line)}.traffic-search-main{display:flex;gap:10px}.traffic-search-main .search{flex:1;min-width:0;width:auto}.traffic-filters{display:grid;grid-template-columns:1.4fr 1.1fr .8fr 1fr 1fr;gap:14px;margin-top:18px}.traffic-filters label{display:grid;gap:7px;font-size:11px;color:var(--muted)}.traffic-filters input,.traffic-filters select{min-width:0;width:100%;height:40px;border:1px solid #dce1dd;background:#fafbf9;border-radius:6px;padding:8px 10px;color:var(--ink)}.traffic-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;background:#fafbf9;border-bottom:1px solid var(--line)}.traffic-summary span,.traffic-retention{font-size:11px;color:var(--muted);line-height:1.7}.traffic-row{cursor:pointer}.traffic-row:hover{background:#f3f6f3}.traffic-row .mail-address{max-width:600px;overflow-wrap:anywhere;white-space:normal}.traffic-preview{display:block;max-width:min(38vw,620px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;color:#8a938d;margin-top:7px}.traffic-pagination{gap:12px;flex-wrap:wrap}.traffic-pagination .actions{flex-wrap:wrap;align-items:center;gap:5px}.page-number{min-width:34px;text-align:center;border:1px solid transparent;border-radius:5px}.page-number.current{background:#303a34;color:#fff}.page-gap{padding:0 4px;color:var(--muted)}.traffic-retention{margin:18px 0}
dialog.traffic-dialog{width:min(980px,calc(100vw - 32px));max-width:980px}.traffic-detail-title{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.traffic-detail-title>span:not(.badge),.traffic-detail-title code{font-size:12px;color:var(--muted)}.traffic-explanation{line-height:1.8;padding:16px 18px;background:#f2f5f1;border:1px solid #e1e7df;border-radius:8px;font-size:13px;margin:20px 0}.traffic-metadata{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.traffic-metadata>div{padding:14px 0;border-bottom:1px solid #edf0ec;min-width:0}.traffic-metadata dt{font-size:11px;color:var(--muted);margin-bottom:6px}.traffic-metadata dd{margin:0;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.traffic-detail-section{margin-top:24px}.traffic-detail-section h3,.traffic-detail-section summary{font-size:13px;font-weight:650;cursor:pointer}.traffic-raw{font:12px/1.8 Consolas,monospace;background:#f6f7f5;border:1px solid #e2e6e0;border-radius:7px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;color:#36443a}.traffic-timeline{list-style:none;padding:0;margin:16px 0;border-left:2px solid #dce5dc}.traffic-timeline li{position:relative;margin:0 0 18px;padding-left:20px}.traffic-timeline li:before{content:'';width:8px;height:8px;border-radius:50%;background:#789781;position:absolute;left:-5px;top:6px}.traffic-timeline li>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.traffic-timeline time{font-size:11px;color:var(--muted)}.traffic-timeline p{font-size:12px;overflow-wrap:anywhere;margin:8px 0}.traffic-timeline .hint{white-space:pre-wrap}.traffic-detail .form-actions{padding:20px 0 0}
@media(max-width:850px){.traffic-filters{grid-template-columns:1fr 1fr}.traffic-filters label:first-child{grid-column:1/-1}.traffic-summary{align-items:flex-start;flex-direction:column}.traffic-preview{max-width:240px}}
@media(max-width:620px){.traffic-search{padding:16px}.traffic-search-main{flex-wrap:wrap}.traffic-search-main .search{flex-basis:100%;font-size:16px}.traffic-search-main .button{flex:1}.traffic-filters input,.traffic-filters select{font-size:16px}.traffic-metadata{grid-template-columns:1fr}.traffic-dialog #dialog-body{padding:16px}.traffic-pagination .actions{gap:3px}.traffic-pagination .row-action{padding:7px}.traffic-explanation{font-size:12px}}

.traffic-panel table{table-layout:fixed;min-width:900px;width:100%}.traffic-panel th:nth-child(1){width:130px}.traffic-panel th:nth-child(3){width:65px}.traffic-panel th:nth-child(4){width:140px}.traffic-panel th:nth-child(5){width:100px}.traffic-panel th:nth-child(6){width:105px}.traffic-panel th,.traffic-panel td{padding-left:16px;padding-right:16px}.traffic-panel .mail-address,.traffic-panel .traffic-preview{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ssl-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.ssl-heading h2{margin:8px 0}.ssl-summary{padding:0 0 22px;border-bottom:1px solid var(--border,#dfe3e0);margin-bottom:24px}.ssl-summary h3{font-size:24px;margin:10px 0 18px}.ssl-services{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ssl-services span{padding:8px 12px;border:1px solid #dce2de;border-radius:8px;font-size:12px;background:#f4f6f4}.pem-field{margin:18px 0}.pem-field input[type=file]{font-size:12px;padding:10px;background:#f4f6f4}.pem-field textarea{font:12px/1.5 monospace;resize:vertical}.ssl-summary .metadata dd{overflow-wrap:anywhere}#cert-refresh{margin-top:16px}#content>.panel+.panel{margin-top:24px}@media(max-width:650px){.ssl-heading{align-items:stretch;flex-direction:column}.ssl-services span{width:100%}}

#editor.ssl-dialog{width:min(1080px,calc(100vw - 40px));max-width:1080px}.ssl-dialog #dialog-body{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:24px}.ssl-dialog .ssl-summary{grid-column:1;grid-row:1;margin:0;border:0;padding:0}.ssl-dialog #certificate-form{grid-column:2;grid-row:1 / span 2;padding-left:24px;border-left:1px solid #e1e5e2}.ssl-dialog #cert-refresh{grid-column:1;grid-row:2;justify-self:start;align-self:start;margin:0}.ssl-dialog .metadata{display:block}.ssl-dialog .metadata dt{margin:16px 0 5px}.ssl-dialog .metadata dd{margin:0}.ssl-dialog .ssl-services{display:grid;gap:8px}.ssl-dialog .form-grid{grid-template-columns:1fr}.ssl-dialog .pem-field textarea{min-height:76px;height:76px}.ssl-dialog .form-actions{padding:18px 0;flex-wrap:wrap;gap:10px}.ssl-dialog .form-actions .action-note{display:none}.ssl-dialog #pem-fields>p{margin-top:18px}@media(max-width:760px){#editor.ssl-dialog{width:calc(100vw - 20px)}.ssl-dialog #dialog-body{display:flex;flex-direction:column;gap:20px}.ssl-dialog #certificate-form{width:100%;padding:20px 0 0;border-left:0;border-top:1px solid #e1e5e2}.ssl-dialog .ssl-summary{width:100%}.ssl-dialog .ssl-services{display:none}.ssl-dialog .ssl-summary h3{font-size:21px}.ssl-dialog .metadata{display:grid;grid-template-columns:110px minmax(0,1fr)}.ssl-dialog .metadata dt{margin:0}.ssl-dialog #cert-refresh{order:3}}

/* Operations and audit workspace */
.operation-grid{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr);gap:24px;align-items:start}.spaced{margin-top:24px}.log-filters{padding:24px;display:flex;flex-wrap:wrap;gap:14px;align-items:end;border-bottom:1px solid var(--line,#e4e8e5)}.log-filters .field{flex:1;min-width:135px}.log-filters .log-query{flex:2;min-width:230px}.client-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-raw{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f5f4;padding:18px;border-radius:8px;max-height:330px;overflow:auto;font:12px/1.6 monospace}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.migration-account{border:1px solid #dfe5e1;padding:22px;border-radius:10px;margin:24px 0}.migration-account legend{padding:0 10px;font-weight:600}.migration-account .remove-account{margin-top:16px}.metadata dd{overflow-wrap:anywhere}@media(max-width:1050px){.operation-grid{grid-template-columns:1fr}.log-filters .field{min-width:160px}}@media(max-width:600px){.log-filters{padding:16px}.log-filters .field{min-width:calc(50% - 14px)}.log-filters .log-query{min-width:100%}.client-cell{max-width:180px}.migration-account{padding:14px}}

/* v6.2: natural navigation rhythm, grouped system tools and aligned panels. */
.sidebar>*{flex-shrink:0}.sidebar #navigation>a,.nav-group summary{min-height:42px;height:42px;padding:10px 14px;line-height:22px}.sidebar #navigation{gap:5px}.sidebar-bottom{margin-top:24px}
.nav-group{border-top:1px solid #3b3e42;margin-top:14px;padding-top:14px}.nav-group summary{display:flex;align-items:center;gap:12px;cursor:pointer;border-radius:7px;font-size:13px;list-style:none}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:hover,.nav-group.has-active>summary{color:#fff;background:#303439}.nav-chevron{margin-left:auto;transition:transform .15s}.nav-group[open] .nav-chevron{transform:rotate(180deg)}.nav-group-links{display:grid;gap:4px;padding:8px 0 0 12px}.nav-group-links a{min-height:38px;padding:8px 12px;font-size:12px!important}.nav-group-links svg{width:16px;height:16px}.nav-group summary:focus-visible{outline:2px solid #f08ba8;outline-offset:2px}
.overview-grid{align-items:stretch}.overview-grid>.panel,.two-columns>.panel{margin:0}.overview-grid>.panel{display:flex;flex-direction:column}.overview-grid .traffic-metrics{flex:1;align-content:space-evenly}.overview-grid .metrics-foot{margin-top:auto}.overview-grid.tenant-overview{grid-template-columns:minmax(0,1fr)}
#editor.migration-dialog{width:min(1200px,calc(100vw - 48px));max-width:1200px}.migration-dialog #dialog-body{display:block;width:100%}.migration-dialog #migration-form{width:100%;min-width:0}.migration-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.migration-dialog .migration-account{min-width:0;width:100%;margin:22px 0}.migration-dialog #migration-accounts{width:100%}.migration-dialog .form-actions{position:sticky;bottom:-24px;background:#fff!important;padding:18px 0!important;z-index:1}.migration-dialog .info-box{margin-top:20px}
@media(max-width:620px){#editor.migration-dialog{width:calc(100vw - 20px)}.migration-dialog .form-grid{grid-template-columns:minmax(0,1fr)}.migration-dialog .form-actions{bottom:-20px}.nav-group-links a{min-height:42px}}
/* Service health and resource history */
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:22px 0}.resource-grid>.panel{margin:0;min-width:0}.resource-value{display:block;font-size:42px;letter-spacing:-2px;margin-top:12px}.resource-card p{color:var(--muted,#78858b);font-size:13px;min-height:20px}.usage-chart{width:100%;height:160px;overflow:visible}.usage-chart polyline{fill:none;stroke:#536d65;stroke-width:2;stroke-linejoin:round}.usage-chart circle{fill:#536d65}.usage-chart circle:hover{r:4;fill:#c24d7b}.usage-chart .chart-grid{fill:none;stroke:#e3e8e6;stroke-width:1;stroke-dasharray:3 5}.usage-chart text{font-size:10px;fill:#7a8687}.monitor-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.monitor-facts{display:flex;flex-wrap:wrap;gap:18px 40px;padding:18px 0}.monitor-facts span{font-size:12px;color:#7b8586}.monitor-facts b{display:block;margin-top:8px;color:#30373b;font-size:14px;font-weight:500}.disk-usage{min-width:140px;max-width:240px}.disk-usage .progress{margin-top:8px}.system-inventory{overflow:hidden}.system-inventory summary{cursor:pointer;padding:22px 26px;font-weight:600}.system-inventory summary span{font-size:12px;color:#78858b;margin-left:14px}.system-inventory>.panel-body{padding-top:0}.resource-card .eyebrow{letter-spacing:2px}.resource-card .panel-body{padding-bottom:18px}
@media(max-width:900px){.resource-grid{grid-template-columns:1fr}.usage-chart{height:150px}.resource-card .panel-body{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.resource-card .eyebrow,.resource-card .resource-value,.resource-card p{grid-column:1}.resource-card .usage-chart{grid-column:2;grid-row:1/4;align-self:center}}
@media(max-width:520px){.resource-card .panel-body{display:block}.resource-value{font-size:36px}.monitor-facts{gap:18px}.system-inventory summary{padding:20px}.resource-grid{gap:16px}}