@layer reset, base, layout, components, pages, responsive, refinement, brand;
@layer refinement {
  .domain-dialog{width:980px;border-radius:16px;max-height:calc(100dvh - 40px);overscroll-behavior:contain;background:var(--canvas)}
  .domain-insights-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:var(--speg-white);padding:25px 28px 19px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}
  .domain-insights-header .eyebrow{color:var(--speg-accent);font-size:10px;letter-spacing:1.5px}.domain-insights-header h2{font-size:27px;line-height:1.3;letter-spacing:-.7px;margin:6px 0;overflow-wrap:anywhere}.domain-insights-header p{font-size:13px;color:var(--text-secondary)}.domain-insights-header>.icon-button{margin-top:4px}
  .domain-insights-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 28px;background:var(--speg-white);border-bottom:1px solid var(--line)}
  .domain-picker{display:flex;align-items:center;gap:8px;min-width:0}.domain-picker>.icon{color:var(--speg-accent);width:17px;height:17px}.domain-picker select{max-width:250px;min-width:0;border:0;background:transparent;padding:7px 24px 7px 3px;font-size:13px;color:var(--speg-charcoal)}
  .domain-range{display:flex;gap:3px;background:var(--canvas);border:1px solid var(--line);padding:3px;border-radius:8px;flex-shrink:0}.domain-range button{font-size:12px;padding:7px 13px;border-radius:5px;color:var(--text-secondary);transition:background .18s,color .18s,box-shadow .18s}.domain-range [aria-pressed=true]{background:var(--speg-white);color:var(--speg-accent);box-shadow:0 1px 4px color-mix(in srgb,var(--speg-charcoal) 10%,transparent)}
  .domain-insights-content{padding:20px 28px 26px}.domain-sample-note{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:var(--text-secondary);line-height:1.6}.domain-sample-note>.icon{width:14px;height:14px;margin-top:2px}
  .domain-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:22px 0 25px}.domain-metric{min-width:0}.domain-metric>span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.domain-metric>span>.icon{width:14px;height:14px}.domain-metric>strong{display:block;font-size:28px;letter-spacing:-.8px;font-weight:600;line-height:1.3;margin:10px 0 4px;font-variant-numeric:tabular-nums}.domain-metric>strong em{font-style:normal;font-size:14px;letter-spacing:0;font-weight:400}.domain-metric>small{font-size:11px;color:var(--text-secondary);line-height:1.5;display:block}
  .domain-analytics-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:17px;margin-bottom:17px}.domain-analytics-card{min-width:0;border:1px solid var(--line);border-radius:11px;background:var(--speg-white);padding:20px}.domain-card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.domain-card-heading h3{font-size:14px}.domain-card-heading p{font-size:11px;color:var(--text-secondary);margin-top:4px}.domain-card-heading>.icon{width:16px;height:16px;color:var(--text-secondary)}
  .domain-chart-legend{display:flex;align-items:center;gap:16px;font-size:11px;color:var(--text-secondary);margin-bottom:13px}.domain-chart-legend>span{display:flex;align-items:center;gap:6px}.domain-chart-legend>small{margin-left:auto;font-size:10px}.domain-legend-line{width:15px;height:0;border-top:2px solid var(--speg-accent)}.domain-legend-line.outgoing{border-color:var(--speg-charcoal);border-top-style:dashed}
  .domain-traffic-chart{display:block;width:100%;height:auto;overflow:visible}.domain-traffic-chart text{font-family:inherit;font-size:13px;fill:var(--text-secondary)}.domain-chart-grid{stroke:var(--line);stroke-dasharray:3 5;stroke-width:1}.domain-chart-area{fill:var(--accent-soft)}.domain-chart-incoming,.domain-chart-outgoing{fill:none;stroke:var(--speg-accent);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.domain-chart-outgoing{stroke:var(--speg-charcoal);stroke-dasharray:4 5;stroke-width:1.7}.domain-chart-hit{fill:transparent;cursor:crosshair}.domain-chart-cursor{stroke:var(--speg-muted);stroke-width:1;stroke-dasharray:3 4;pointer-events:none;transition:x1 .12s,x2 .12s}
  .domain-day-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0 3px}.domain-day-controls .icon-button{width:30px;height:30px;min-width:30px;border:1px solid var(--line);border-radius:7px}.domain-previous .icon{transform:rotate(180deg)}#domain-day-summary{min-width:190px;text-align:center;font-size:11px}#domain-day-summary>strong{display:block;color:var(--speg-charcoal);margin-bottom:3px}#domain-day-summary>span{color:var(--text-secondary)}#domain-day-summary i{font-style:normal;padding:0 5px}
  .domain-daily-data{margin-top:14px;border-top:1px solid var(--line)}.domain-daily-data summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--speg-accent);font-size:11px;list-style:none;padding-top:12px}.domain-daily-data summary::-webkit-details-marker{display:none}.domain-daily-data summary>.icon{width:13px;height:13px;transition:transform .18s}.domain-daily-data[open] summary>.icon{transform:rotate(180deg)}.domain-data-scroll{max-height:225px;overflow-y:auto;margin-top:12px}.domain-daily-data table{font-size:12px}.domain-daily-data th,.domain-daily-data td{padding:7px 5px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}.domain-daily-data th:first-child{text-align:left}.domain-daily-data tbody th{font-weight:400}.domain-daily-data thead{background:var(--canvas);position:sticky;top:0}
  .domain-storage-visual{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}.domain-storage-ring{width:155px;height:155px;flex-shrink:0}.domain-storage-ring circle{fill:none;stroke-width:12}.domain-ring-base{stroke:var(--line)}.domain-ring-used{stroke:var(--speg-accent);stroke-linecap:round;transition:stroke-dasharray .3s}.domain-storage-ring text{font-family:inherit;text-anchor:middle;font-size:27px;font-weight:600;fill:var(--speg-charcoal)}.domain-storage-ring .domain-ring-caption{font-size:10px;font-weight:400;fill:var(--text-secondary)}.domain-storage-key{display:flex;gap:24px}.domain-storage-key>div{display:flex;gap:7px;align-items:flex-start}.domain-storage-key i{width:7px;height:7px;border-radius:2px;background:var(--speg-accent);margin-top:5px}.domain-storage-key i.available{background:var(--line);border:1px solid var(--speg-muted)}.domain-storage-key span{font-size:11px;color:var(--text-secondary)}.domain-storage-key strong{display:block;font-size:15px;color:var(--speg-charcoal);margin-top:4px;font-weight:550}.domain-card-caption{font-size:10px;line-height:1.65;color:var(--text-secondary);margin-top:17px}
  .domain-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:17px}.domain-delivery-rate{font-size:22px;letter-spacing:-.6px;white-space:nowrap}.domain-delivery-rate>small{display:block;font-size:10px;font-weight:400;letter-spacing:0;text-align:right;color:var(--text-secondary)}.domain-delivery-bar{display:flex;overflow:hidden;height:8px;border-radius:5px;background:var(--line);gap:2px}.domain-delivery-bar>span{background:var(--speg-accent);height:100%}.domain-delivery-bar>span.deferred{background:var(--speg-muted)}.domain-delivery-bar>span.failed{background:var(--speg-charcoal)}.domain-delivery-legend{display:flex;gap:22px;margin-top:13px}.domain-delivery-legend>span{font-size:11px;color:var(--text-secondary)}.domain-delivery-legend strong{display:block;font-size:15px;color:var(--speg-charcoal);margin-top:4px;font-weight:550}.domain-delivery-legend i{display:inline-block;width:6px;height:6px;background:var(--speg-accent);margin-right:5px;border-radius:2px}.domain-delivery-legend i.deferred{background:var(--speg-muted)}.domain-delivery-legend i.failed{background:var(--speg-charcoal)}.domain-configuration{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.domain-configuration span{font-size:11px;color:var(--text-secondary)}.domain-configuration strong{display:block;font-size:16px;color:var(--speg-charcoal);font-weight:550;margin-top:4px}
  .domain-attention-item{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}.domain-attention-item:first-of-type{border:0;padding-top:0}.domain-attention-item>.icon{width:16px;height:16px;color:var(--speg-accent);margin-top:3px}.domain-attention-item strong{font-size:12px;font-weight:600}.domain-attention-item p{font-size:11px;color:var(--text-secondary);margin-top:4px;line-height:1.7}
  .domain-storage-accounts{padding-bottom:5px}.domain-mailbox-row{display:flex;align-items:center;gap:18px;width:100%;text-align:left;padding:15px 0;border-top:1px solid var(--line);transition:background .18s}.domain-mailbox-row:hover{background:var(--canvas)}.domain-mailbox-copy{min-width:0;flex:1}.domain-mailbox-copy>strong{display:block;font-size:12px;overflow-wrap:anywhere}.domain-mailbox-copy>small{display:block;font-size:11px;color:var(--text-secondary);margin-top:4px;overflow-wrap:anywhere}.domain-mailbox-storage{width:160px;flex-shrink:0}.domain-mailbox-storage>strong{display:block;font-size:12px;font-weight:550;text-align:right;margin-bottom:7px}.domain-mailbox-storage small{font-size:10px;color:var(--text-secondary);font-weight:400}.domain-mailbox-storage .progress{display:block;height:4px}.domain-mailbox-storage .progress>span{display:block;height:100%}.domain-mailbox-row>.icon{width:14px;height:14px;color:var(--text-secondary)}
  .domain-insights-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:23px}.domain-insights-footer p{display:flex;gap:7px;font-size:11px;color:var(--text-secondary);line-height:1.65}.domain-insights-footer p>.icon{width:14px;height:14px;flex-shrink:0;margin-top:3px}.domain-insights-footer .button{flex-shrink:0}
  @media(max-width:760px){.domain-analytics-grid{grid-template-columns:1fr}.domain-storage-visual{gap:30px}.domain-storage-key{flex-direction:column;gap:17px}.domain-metrics{grid-template-columns:1fr 1fr;gap:22px}.domain-secondary-grid{grid-template-columns:1fr}.domain-storage-visual+.domain-card-caption{text-align:center}.domain-insights-footer{align-items:flex-start}.domain-metric>strong{font-size:27px}}
  @media(max-width:550px){.domain-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.domain-insights-header{padding:20px 20px 17px}.domain-insights-header h2{font-size:23px}.domain-insights-header p{font-size:12px}.domain-insights-toolbar{padding:12px 17px;gap:10px;flex-wrap:wrap}.domain-picker{flex:1;min-width:130px}.domain-picker select{max-width:175px;font-size:12px;padding-right:5px}.domain-range{margin-left:auto}.domain-range button{font-size:11px;padding:7px 10px}.domain-insights-content{padding:16px 17px 25px}.domain-metrics{padding-top:20px;gap:20px 13px}.domain-metric>span{font-size:11px}.domain-metric>small{font-size:10px}.domain-analytics-card{padding:17px}.domain-chart-legend{gap:12px}.domain-chart-legend>small{display:none}.domain-traffic-chart text{font-size:20px}.domain-mailbox-row{gap:8px;flex-wrap:wrap}.domain-mailbox-copy{flex-basis:70%}.domain-mailbox-row>.icon{margin-left:auto;order:1}.domain-mailbox-storage{order:2;flex-basis:100%;width:auto}.domain-mailbox-storage>strong{text-align:left;margin-top:2px}.domain-insights-footer{flex-direction:column;gap:15px}.domain-insights-footer .button{width:100%;justify-content:center}.domain-sample-note{font-size:10px}.domain-storage-visual{gap:20px}.domain-storage-ring{width:140px;height:140px}.domain-delivery-legend{gap:18px}.domain-storage-accounts{padding-bottom:5px}}
}
@layer refinement {
  .brand{display:block;padding:0 12px 18px}.speg-logo{display:block;width:155px;max-width:100%;height:auto}.workspace-switch{margin-bottom:24px}
  .footer-brand{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0;font:inherit;text-align:left}.footer-brand .icon{width:12px;height:12px}
  .form-intro{margin-bottom:20px}.button.full{width:100%;justify-content:center}.webmail-entry{padding:0 27px 20px}.webmail-entry>span{display:block;text-align:center;font-size:11px;color:var(--text-secondary);margin-top:8px}
  .mailbox-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.mailbox-tool{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:14px 10px;text-align:left;min-width:0;background:var(--speg-white);transition:background .18s,border-color .18s,transform .18s}.mailbox-tool:not(:disabled):hover{background:var(--canvas);border-color:var(--text-secondary);transform:translateY(-2px)}.mailbox-tool>span:not(.tool-icon){flex:1;min-width:0}.mailbox-tool strong{display:block;font-size:12px}.mailbox-tool small{display:block;font-size:11px;color:var(--text-secondary);margin-top:4px}.mailbox-tool>.icon,.tool-icon{width:16px;flex-shrink:0;color:var(--text-secondary)}.mailbox-tool>.icon:last-child{width:12px}.tool-icon{font-weight:650;font-size:18px}
  .domain-allowance{display:flex;align-items:center;gap:7px;padding:0 24px 18px;font-size:12px;color:var(--text-secondary)}.domain-allowance .icon{width:14px;height:14px}.domain-full-actions{flex-wrap:wrap;gap:6px}.domain-full-actions .button{font-size:12px;padding:8px 10px}
  .outgoing-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;align-items:start}.outgoing-layout .field-row{gap:12px}.outgoing-layout .field label{font-size:12px}.policy-item{display:flex;gap:12px;margin-bottom:25px}.policy-item>.icon{color:var(--text-secondary);margin-top:3px}.policy-item h3{font-size:14px;margin-bottom:6px}.policy-item p{font-size:13px;color:var(--text-secondary)}.outgoing-layout .switch-label{padding-top:0}
  .webmail-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:1090px;max-width:calc(100vw - 24px);height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--speg-white)}.webmail-dialog[open]{display:flex;flex-direction:column;animation:slide-in .3s var(--ease)}.webmail-top{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;gap:18px;border-bottom:1px solid var(--line);flex:0 0 auto}.webmail-top>div{min-width:0}.webmail-top h2{font-size:21px;margin-top:5px;overflow-wrap:anywhere}.webmail-top .eyebrow{font-size:10px}.webmail-demo-note{display:flex;align-items:center;gap:8px;background:var(--canvas);color:var(--text-secondary);padding:10px 28px;font-size:12px;flex:0 0 auto}.webmail-demo-note .icon{width:14px;height:14px}
  .webmail-shell{display:grid;grid-template-columns:150px 280px minmax(0,1fr);flex:1;min-height:0}.webmail-folders{display:flex;flex-direction:column;gap:6px;padding:22px 12px;background:var(--speg-white);border-right:1px solid var(--line)}.webmail-folders button{display:flex;align-items:center;gap:9px;padding:10px;border-radius:7px;text-align:left;color:var(--text-secondary);font-size:13px;transition:background .18s}.webmail-folders button.selected{background:var(--canvas);color:var(--text-secondary);font-weight:600}.webmail-folders button:hover{background:var(--canvas)}.webmail-folders .icon{width:16px;height:16px}.webmail-folders small{margin-left:auto;font-size:11px}.webmail-no-send{font-size:11px;line-height:1.6;padding:14px 10px;color:var(--text-secondary);margin-top:auto}.webmail-list{border-right:1px solid var(--line);overflow-y:auto}.webmail-list-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 20px 18px}.webmail-list-heading h3{font-size:15px}.webmail-list-heading>span{font-size:11px;color:var(--text-secondary)}.message-preview{width:100%;display:block;text-align:left;padding:19px 20px;border-top:1px solid var(--canvas);border-left:3px solid transparent;background:white;transition:background .18s}.message-preview.selected{background:var(--canvas);border-left-color:var(--speg-accent)}.message-preview:hover{background:var(--canvas)}.message-preview>span{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:var(--text-secondary);margin-bottom:9px}.message-preview small{font-size:10px;white-space:nowrap}.message-preview strong{font-size:13px;font-weight:600;display:block}.message-preview p{font-size:12px;color:var(--text-secondary);margin-top:5px}.webmail-reading{padding:30px;min-width:0;overflow-y:auto}.webmail-reading>h3{font-size:25px;line-height:1.35;letter-spacing:-.6px;margin:20px 0}.message-sender{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:23px}.message-sender>div{min-width:0}.message-sender strong{font-size:12px;display:block}.message-sender small{display:block;font-size:11px;color:var(--text-secondary);margin-top:3px;overflow-wrap:anywhere}.message-body{padding:22px 0 8px;color:var(--text-secondary);font-size:14px}.message-body p{margin-bottom:19px}.webmail-reading .notice{font-size:12px}
  @media(max-width:1190px){.domain-allowance{padding-left:18px;padding-right:18px}}
  @media(max-width:960px){.brand{padding:0 0 27px}.speg-logo{width:56px}.outgoing-layout{grid-template-columns:1fr}.domain-full-actions .button{width:100%}.webmail-shell{grid-template-columns:115px 220px minmax(0,1fr)}.webmail-folders{padding:18px 6px}.webmail-folders button{padding:10px 6px;gap:5px}.webmail-reading{padding:23px}.webmail-reading>h3{font-size:22px}.webmail-list-heading,.message-preview{padding-left:15px;padding-right:15px}}
  @media(max-width:740px){.domain-full-actions .button{width:auto}.workspace-footer{flex-direction:column;gap:10px}.footer-brand{text-align:center}.webmail-dialog{max-width:100vw;width:100vw}.webmail-shell{display:block;overflow-y:auto}.webmail-folders{position:sticky;top:0;z-index:1;flex-direction:row;padding:10px 15px;border-right:0;border-bottom:1px solid var(--line);gap:6px;overflow-x:auto}.webmail-folders button{padding:9px;flex-shrink:0}.webmail-no-send{display:none}.webmail-list{border-right:0;border-bottom:1px solid var(--line);overflow:visible}.webmail-list-heading{padding:17px 21px 12px}.message-preview{padding:14px 21px}.message-preview p{display:none}.message-preview>span{margin-bottom:5px}.webmail-reading{padding:25px;overflow:visible}.webmail-top{padding:19px 23px}.webmail-top h2{font-size:19px}.webmail-demo-note{padding:10px 23px;font-size:11px}}
  @media(max-width:550px){.sidebar nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.nav-item{flex:1 0 54px;min-width:54px;padding:10px 4px}.webmail-entry{padding-left:23px;padding-right:23px}.mailbox-tools{grid-template-columns:1fr}.mailbox-tool{padding:15px}.mailbox-tool strong{font-size:13px}.mailbox-tool small{font-size:12px}.webmail-folders{gap:3px;padding:10px}.webmail-folders button{font-size:12px;padding:9px 7px}.webmail-demo-note{align-items:flex-start}.webmail-demo-note .icon{margin-top:2px}.form-actions{flex-wrap:wrap}.outgoing-layout .field-row{grid-template-columns:1fr}}
  @media(prefers-reduced-motion:reduce){.webmail-dialog[open]{animation:none}.mailbox-tool:not(:disabled):hover{transform:none}}
}
@layer reset {
  *,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}button{color:inherit}svg{display:block}button svg{flex-shrink:0}dialog{color:inherit}table{border-collapse:collapse;width:100%}
}
@layer refinement {
  :root{--muted:var(--text-secondary)}
  .profile-button{color:var(--text-secondary)}.workspace-shell .overview-note,.workspace-shell .overview-note button{color:var(--text-secondary)}
  .input-with-suffix span{color:var(--text-secondary)}
  .eyebrow,.page-kicker,.stat-top,.stat-bottom,.stat-number .unit,.stat-bottom .positive,.panel-header p,.chart-meta,.chart-caption,.domain-summary-row small,.domain-card-footer,.table-domain,.mailbox-name small,.mail-table th,.table-storage>div:first-child,.table-footer,.overview-note,.overview-note button,.filter-bar .filter-count,.filter-select,.domain-full-title p,.domain-full-stats span,.activity-item p,.activity-time,.storage-numbers p,.storage-domain-body span,.forward-from small,.forward-targets,.sample-date,.subsection-label,.settings-note,.option-card small,.field small,.info-row>span:first-child,.drawer-profile p,.drawer-top,.drawer-tabs button,.drawer-storage-number>span,.command-result small,.command-footer,.workspace-footer,.breadcrumbs,.search-trigger,.mini-chip{color:var(--text-secondary)}
  .chart-period{color:var(--text-secondary)}.traffic-chart text{fill:var(--text-secondary)}.chart-line{stroke:var(--speg-accent)}.chart-line.pale{stroke:var(--text-secondary)}.legend-dot{background:var(--speg-accent)}.legend-dot.pale{background:var(--text-secondary)}
  .avatar{color:var(--text-secondary)}.avatar.rose{color:var(--text-secondary)}.avatar.teal{color:var(--text-secondary)}.avatar.blue{color:var(--text-secondary)}.avatar.amber{color:var(--text-secondary)}.domain-symbol{color:var(--text-secondary)}.domain-symbol.rose{color:var(--text-secondary)}.domain-symbol.teal{color:var(--text-secondary)}
  .badge.protected{color:var(--text-secondary)}.badge.warning{color:var(--text-secondary)}.badge.paused{color:var(--text-secondary)}.badge.neutral{color:var(--text-secondary)}.notice{color:var(--text-secondary)}.notice.warning{color:var(--text-secondary)}
  .overview-note button{display:inline-flex;align-items:center;gap:5px}.workspace-switch .workspace-icon{width:28px;flex-shrink:0}.workspace-switch strong{font-size:12px}.workspace-switch small{font-size:10px}.environment small,.ecosystem strong{color:var(--text-secondary)}.eco-system{font-size:11px}
  .chart-wrap{height:180px}.chart-meta{padding-bottom:0}.chart-caption{font-size:10px}.mail-table th{font-size:10px}.mailbox-name strong{font-size:13px}.mailbox-name small{font-size:11px}.table-storage>div:first-child{font-size:11px}.domain-summary-row strong{font-size:13px}.domain-summary-row small{font-size:11px}.mailbox-name .avatar{width:34px;height:34px}
  [hidden]{display:none!important}
  @media(max-width:550px){.mailbox-name strong{font-size:12px}.mailbox-name small{font-size:10px}.mailbox-name .avatar{width:28px;height:28px}.domain-summary-row strong{font-size:13px}.domain-summary-row small{font-size:11px}.chart-caption{font-size:10px;gap:9px}.chart-caption>span:last-child{display:none}.chart-wrap{height:162px}.traffic-chart text{font-size:11px}.nav-item>span:not(.nav-count){font-size:9px}.table-footer{gap:10px}.table-footer .text-button{white-space:nowrap}.topbar-actions{gap:8px}.page-heading .heading-actions .button.primary{font-size:11px}.page-heading p{font-size:12px}.overview-note button{white-space:normal;text-align:left}.workspace-footer{font-size:10px;text-align:center}}
}
@layer base {
  :root{font-family:'Segoe UI Variable Text','Segoe UI',system-ui,sans-serif;color:var(--speg-surface);background:var(--canvas);font-synthesis:none;--ink:var(--speg-surface);--muted:var(--text-secondary);--line:var(--canvas);--accent:var(--speg-accent);--accent-soft:var(--canvas);--green:var(--text-secondary);--red:var(--text-secondary);--surface:var(--speg-white);--ease:cubic-bezier(.2,.8,.2,1)}
  body{font-size:14px;line-height:1.5}button{border:0;background:none}button:disabled{opacity:.48}button,a,input,select,textarea{outline-offset:4px} :focus-visible{outline:2px solid var(--speg-accent)}input,select,textarea{accent-color:var(--accent)}button:not(:disabled),a{touch-action:manipulation}.icon{width:19px;height:19px;flex:0 0 auto}.dim{opacity:.5}small{font-size:14px}strong{font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:12px;border-radius:8px}.skip-link:focus{top:12px}
  h1,h2,h3,h4{font-family:'Segoe UI Variable Display','Segoe UI',system-ui,sans-serif}h1{font-size:30px;font-weight:650;letter-spacing:-1px;line-height:1.2}h2{font-size:16px;letter-spacing:-.35px;font-weight:650}h3{font-size:15px;font-weight:600}p{line-height:1.65}.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:650;color:var(--text-secondary)}.number{font-variant-numeric:tabular-nums;letter-spacing:-.5px}
  @keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes slide-in{from{opacity:.3;transform:translateX(40px)}to{opacity:1;transform:none}}@keyframes pop-in{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}@keyframes stroke-in{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes ambient{50%{opacity:.5;transform:translateX(8px)}}
}
@layer layout {
  .sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:var(--speg-surface);color:var(--line);display:flex;flex-direction:column;z-index:20;padding:30px 17px 15px;border-right:1px solid var(--speg-surface)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;padding:0 12px 29px}.brand-symbol{position:relative;width:30px;height:30px;display:block}.brand-symbol span{position:absolute;width:12px;height:12px;background:var(--line);border-radius:3px;transform:rotate(-12deg)}.brand-symbol span:nth-child(1){left:1px;top:1px}.brand-symbol span:nth-child(2){right:1px;top:5px;background:var(--text-secondary)}.brand-symbol span:nth-child(3){left:5px;bottom:0;background:var(--text-secondary)}.brand-word{font-size:25px;font-weight:720;letter-spacing:-1.2px;color:var(--speg-white)}.brand-co{font-size:16px;font-weight:450;letter-spacing:-.6px;color:var(--text-secondary)}.workspace-switch{border:1px solid var(--text-secondary);border-radius:9px;padding:11px 10px;display:flex;gap:10px;align-items:center;background:var(--speg-surface);margin-bottom:31px}.workspace-switch strong{font-size:14px;color:var(--canvas);display:block}.workspace-switch small{font-size:12px;color:var(--text-secondary);display:block;margin-top:2px}.workspace-icon{color:var(--line);display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--speg-surface)}.workspace-switch>.dim{margin-left:auto}.workspace-switch>.dim .icon{width:13px}.nav-label{font-size:11px;letter-spacing:1.4px;color:var(--text-secondary);font-weight:650;padding:0 13px 10px}nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;position:relative;padding:11px 13px;text-decoration:none;border-radius:7px;color:var(--text-secondary);font-size:14px;transition:color .16s,background .16s,transform .16s}.nav-item:hover{background:var(--speg-surface);color:var(--speg-white);transform:translateX(2px)}.nav-item.active{background:var(--text-secondary);color:var(--canvas)}.nav-item.active::before{content:'';position:absolute;left:0;top:11px;bottom:11px;width:3px;background:var(--line);border-radius:3px}.nav-item .icon{width:18px;height:18px}.nav-count{margin-left:auto;font-size:12px;color:var(--text-secondary);background:var(--speg-surface);padding:1px 7px;border-radius:4px;font-variant-numeric:tabular-nums}.nav-item.active .nav-count{background:var(--text-secondary);color:var(--canvas)}.sidebar-bottom{margin-top:auto;padding-top:28px}.environment{display:flex;align-items:center;gap:8px;padding:13px 11px;background:var(--speg-surface);border-radius:8px;font-size:12px;color:var(--line)}.environment small{display:block;font-size:11px;color:var(--text-secondary);margin-top:2px}.env-dot{width:6px;height:6px;flex:0 0 auto;background:var(--line);border-radius:50%}.environment .icon-button{margin-left:auto;width:24px;height:24px}.environment .icon{width:14px;height:14px}.sidebar-settings{display:flex;align-items:center;gap:10px;padding:18px 11px;width:100%;color:var(--text-secondary);font-size:13px;text-align:left}.sidebar-settings:hover{color:white}.sidebar-settings .icon{width:16px;height:16px}.settings-key{margin-left:auto;font-size:14px;color:var(--text-secondary)}.ecosystem{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid var(--speg-surface);padding:16px 9px 3px;text-align:left;display:flex;align-items:center;gap:8px;width:100%;font-size:11px;color:var(--text-secondary)}.ecosystem strong{display:block;font-size:11px;line-height:1.6;font-weight:500}.ecosystem-spark{font-size:24px;color:var(--text-secondary)}.ecosystem .icon{width:12px;height:12px;margin-left:auto}.ecosystem::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 10% 50%,color-mix(in srgb,var(--speg-accent) 14.51%,transparent),transparent 70%);animation:ambient 8s ease-in-out infinite}.ecosystem:hover::before{background:radial-gradient(ellipse at 10% 50%,color-mix(in srgb,var(--speg-accent) 31.37%,transparent),transparent 80%)}
  .workspace-shell{margin-left:236px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;padding:0 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--speg-white);gap:16px}.breadcrumbs{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:13px}.breadcrumbs strong{font-weight:500;color:var(--text-secondary)}.breadcrumb-home .icon{width:15px;height:15px;color:var(--text-secondary)}.crumb-slash{color:var(--line)}.topbar-actions{display:flex;gap:18px;align-items:center}.search-trigger{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;padding:8px 0}.search-trigger .icon{width:16px}.search-trigger kbd{font-size:11px;margin-left:19px;background:var(--canvas);border:1px solid var(--line);padding:1px 5px;border-radius:4px;font-family:inherit}.preview-tag{font-size:11px;letter-spacing:.8px;color:var(--text-secondary);border:1px solid var(--line);background:var(--speg-white);padding:5px 7px;border-radius:5px;display:flex;align-items:center;gap:5px}.preview-tag span{width:4px;height:4px;border-radius:50%;background:var(--text-secondary)}.profile-button{width:31px;height:31px;background:var(--line);color:var(--text-secondary);font-size:12px;border-radius:50%;font-weight:650;border:3px solid white;box-shadow:0 0 0 1px var(--line)}.notification-button{position:relative}.notification-button i{position:absolute;top:7px;right:8px;width:5px;height:5px;border-radius:50%;background:var(--speg-accent);border:1px solid white}
  main{padding:33px 36px 20px;width:100%;max-width:1530px;margin:0 auto;outline:none!important;flex:1;min-width:0}.page-content{animation:arrive .28s var(--ease)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.page-heading p{font-size:14px;color:var(--muted);margin-top:8px}.heading-actions{display:flex;align-items:center;gap:10px}.page-kicker{font-size:12px;color:var(--text-secondary);letter-spacing:1.2px;margin-bottom:8px}.workspace-footer{padding:17px 36px 22px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--text-secondary)}.workspace-footer>span:last-child{display:flex;align-items:center;gap:6px}.small-dot{width:4px;height:4px;background:var(--text-secondary);display:inline-block;border-radius:50%}
}
@layer components {
  .button{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:10px 14px;min-height:37px;border-radius:7px;font-size:13px;font-weight:600;line-height:1.4;transition:background .16s,box-shadow .16s,transform .16s;border:1px solid var(--line);background:white;color:var(--text-secondary);white-space:nowrap}.button .icon{width:15px;height:15px}.button:hover:not(:disabled){background:var(--canvas);border-color:var(--line);transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button.primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 2px 3px color-mix(in srgb,var(--speg-accent) 7.06%,transparent),inset 0 1px 0 color-mix(in srgb,var(--speg-white) 12.55%,transparent)}.button.primary:hover:not(:disabled){background:var(--speg-accent);box-shadow:0 4px 10px color-mix(in srgb,var(--speg-accent) 14.12%,transparent)}.button.danger{background:var(--text-secondary);border-color:var(--text-secondary);color:white}.button.small{padding:6px 10px;min-height:31px;font-size:12px}.button.ghost{border-color:transparent;background:transparent;box-shadow:none}.button.full{width:100%}.button.soft{background:var(--accent-soft);color:var(--text-secondary);border-color:var(--canvas)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;width:32px;height:32px;border-radius:7px;color:var(--text-secondary);transition:background .15s,color .15s}.icon-button:hover{background:var(--canvas);color:var(--text-secondary)}.icon-button.light:hover{background:var(--text-secondary);color:var(--speg-white)}.text-button{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-weight:600;font-size:13px;padding:4px 0}.text-button .icon{width:13px;height:13px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.panel{border:1px solid var(--line);border-radius:12px;background:var(--speg-white);min-width:0;box-shadow:0 2px 4px color-mix(in srgb,var(--speg-charcoal) 0.78%,transparent)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 0}.panel-header p{color:var(--muted);font-size:12px;margin-top:4px}.panel-body{padding:22px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:5px;font-size:11px;white-space:nowrap;font-weight:550;color:var(--green);background:var(--canvas)}.badge::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.paused{color:var(--text-secondary);background:var(--canvas)}.badge.protected{color:var(--text-secondary);background:var(--canvas)}.badge.warning{color:var(--text-secondary);background:var(--canvas)}.badge.neutral{color:var(--text-secondary);background:var(--canvas)}.avatar{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:9px;background:var(--canvas);color:var(--text-secondary);font-size:12px;font-weight:650;letter-spacing:.2px}.avatar.rose{color:var(--text-secondary);background:var(--canvas)}.avatar.teal{color:var(--text-secondary);background:var(--canvas)}.avatar.amber{color:var(--text-secondary);background:var(--canvas)}.avatar.blue{color:var(--text-secondary);background:var(--canvas)}.avatar.big{width:51px;height:51px;font-size:17px;border-radius:14px}.domain-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--canvas);color:var(--speg-accent);flex-shrink:0}.domain-symbol.rose{color:var(--text-secondary);background:var(--canvas)}.domain-symbol.teal{color:var(--text-secondary);background:var(--canvas)}.domain-symbol .icon{width:18px;height:18px}.progress{height:4px;border-radius:5px;overflow:hidden;background:var(--canvas)}.progress>span{display:block;height:100%;background:var(--speg-accent);border-radius:5px;transition:width .45s var(--ease)}.progress.warning>span{background:var(--text-secondary)}.progress.teal>span{background:var(--text-secondary)}.progress.rose>span{background:var(--text-secondary)}.progress.large{height:7px}.divider{height:1px;background:var(--line);margin:22px 0}.notice{display:flex;gap:10px;border:1px solid var(--line);background:var(--canvas);color:var(--text-secondary);padding:13px 15px;border-radius:8px;font-size:13px;line-height:1.7}.notice .icon{width:17px;height:17px;flex-shrink:0;margin-top:2px}.notice.warning{background:var(--canvas);border-color:var(--line);color:var(--text-secondary)}.notice strong{display:block;margin-bottom:2px}.notice a{color:inherit}.field{display:grid;gap:7px;margin-bottom:18px;font-size:13px;color:var(--text-secondary)}.field label{font-weight:600;color:var(--text-secondary)}.field input,.field select,.field textarea,.input{width:100%;border:1px solid var(--line);border-radius:7px;background:white;color:var(--speg-surface);padding:10px 12px;font-size:14px;min-height:41px;transition:border .16s,box-shadow .16s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--speg-accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--speg-charcoal) 12.55%,transparent)}.field small{font-size:12px;color:var(--text-secondary)}.field textarea{min-height:92px;resize:vertical;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-with-suffix{display:flex;border:1px solid var(--line);border-radius:7px;align-items:center;overflow:hidden}.input-with-suffix input{border:0;border-radius:0;min-width:0}.input-with-suffix span{padding:0 12px;font-size:13px;color:var(--text-secondary);white-space:nowrap}.form-error{color:var(--text-secondary);background:var(--canvas);border-radius:7px;padding:10px 12px;font-size:13px;margin-bottom:16px}.form-error:empty{display:none}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:19px;margin-top:23px}.switch-label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;cursor:pointer}.switch-label strong{display:block;font-size:14px}.switch-label small{display:block;margin-top:3px;font-size:12px;color:var(--muted)}.switch{appearance:none;width:34px;height:20px;background:var(--line);border-radius:12px;position:relative;cursor:pointer;transition:background .2s;flex:0 0 auto}.switch::after{content:'';display:block;position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 3px color-mix(in srgb,var(--speg-charcoal) 13.33%,transparent);transition:transform .2s}.switch:checked{background:var(--accent)}.switch:checked::after{transform:translateX(14px)}.code{font-family:ui-monospace,'Cascadia Code',monospace;font-size:13px}.info-grid{display:grid;gap:0}.info-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid var(--canvas);font-size:13px}.info-row>span:first-child{color:var(--text-secondary)}.info-row>strong{font-weight:550;text-align:right;overflow-wrap:anywhere}.empty-state{text-align:center;padding:55px 24px}.empty-state>.icon{width:32px;height:32px;margin:0 auto 15px;color:var(--text-secondary)}.empty-state h3{font-size:15px;margin-bottom:7px}.empty-state p{font-size:14px;color:var(--muted);margin-bottom:16px}.mini-chip{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:11px;padding:2px 6px;border:1px solid var(--canvas);border-radius:5px;background:var(--speg-white)}.mini-chip .icon{width:11px;height:11px}.loading-label{color:var(--muted);font-size:14px}
  dialog{border:1px solid var(--line);padding:0;box-shadow:0 24px 100px color-mix(in srgb,var(--speg-charcoal) 14.12%,transparent);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--speg-white)}dialog::backdrop{background:color-mix(in srgb,var(--speg-charcoal) 33.33%,transparent);backdrop-filter:blur(3px)}.action-dialog{border-radius:15px;width:480px}.action-dialog[open],.command-dialog[open]{animation:pop-in .22s var(--ease)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:25px 26px 0}.dialog-header h2{font-size:20px;letter-spacing:-.5px}.dialog-header p{font-size:13px;color:var(--muted);margin-top:6px}.dialog-header>.icon-button{margin-top:-4px;margin-right:-7px}.dialog-content{padding:23px 26px 26px}.dialog-content p{font-size:14px;color:var(--text-secondary)}.drawer{position:fixed;inset:0 0 0 auto;margin:0;width:455px;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line);border-radius:0;overflow-y:auto}.drawer[open]{animation:slide-in .27s var(--ease)}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid var(--line);font-size:13px;color:var(--text-secondary)}.drawer-profile{padding:26px 27px 22px;display:flex;align-items:center;gap:14px}.drawer-profile h2{font-size:19px;letter-spacing:-.5px;margin-bottom:5px;overflow-wrap:anywhere}.drawer-profile p{font-size:13px;color:var(--text-secondary)}.drawer-tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);padding:0 27px}.drawer-tabs button{font-size:13px;padding:13px 0;color:var(--text-secondary);position:relative}.drawer-tabs button.active{color:var(--accent);font-weight:600}.drawer-tabs button.active::after{content:'';height:2px;background:var(--accent);position:absolute;bottom:-1px;left:0;right:0;border-radius:2px}.drawer-content{padding:25px 27px}.drawer-content .notice{margin-bottom:20px}.drawer-section{margin-bottom:27px}.drawer-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.drawer-section-heading h3{font-size:14px}.drawer-storage-number{display:flex;align-items:baseline;gap:5px;margin-bottom:10px}.drawer-storage-number strong{font-size:27px;font-weight:550}.drawer-storage-number>span{color:var(--text-secondary);font-size:13px}.drawer-danger{border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.drawer-danger p{font-size:13px;color:var(--muted);margin:8px 0 15px}.address-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--canvas);background:var(--speg-white);padding:10px;border-radius:7px;margin:7px 0;font-size:13px}.address-chip .icon{width:14px;color:var(--text-secondary)}.address-chip span{overflow-wrap:anywhere}.drawer-heading-copy{min-width:0}.dialog-icon{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);width:44px;height:44px;border-radius:13px;margin-bottom:15px}.dialog-icon .icon{width:23px;height:23px}.guide-step{display:flex;gap:12px;margin:17px 0}.guide-step>b{flex-shrink:0;width:22px;height:22px;background:var(--canvas);color:var(--text-secondary);display:grid;place-items:center;border-radius:7px;font-size:12px}.guide-step p{font-size:13px}.guide-step strong{color:var(--text-secondary)}.toast-region{position:fixed;right:28px;bottom:26px;z-index:100;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;max-width:420px;padding:14px 19px;background:var(--speg-surface);border:1px solid var(--text-secondary);color:var(--canvas);border-radius:10px;box-shadow:0 5px 30px color-mix(in srgb,var(--speg-charcoal) 14.51%,transparent);animation:pop-in .2s var(--ease);font-size:14px}.toast .icon{color:var(--text-secondary);width:18px}.toast small{display:block;color:var(--text-secondary);font-size:12px;margin-top:2px}.command-dialog{width:560px;border-radius:13px;margin-top:14vh}.command-input{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.command-input>.icon{color:var(--text-secondary)}.command-input input{border:0;background:none;width:100%;padding:8px 0;font-size:14px;outline:none}.command-results{padding:10px;max-height:380px;overflow:auto}.command-result{display:flex;align-items:center;gap:11px;width:100%;padding:11px;border-radius:7px;text-align:left}.command-result:hover,.command-result:focus-visible{background:var(--canvas)}.command-result>div{min-width:0}.command-result strong{font-size:14px;display:block;overflow-wrap:anywhere}.command-result small{font-size:12px;color:var(--muted)}.command-result>.icon{margin-left:auto;color:var(--text-secondary);width:14px}.command-footer{padding:10px 20px;background:var(--speg-white);font-size:12px;color:var(--text-secondary);border-top:1px solid var(--line)}
}
@layer pages {
  .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat{padding:19px 20px 17px;position:relative}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:13px;margin-bottom:12px}.stat-top .icon{width:16px;height:16px;color:var(--text-secondary)}.stat-number{display:flex;align-items:baseline;gap:5px}.stat-number strong{font-weight:560;letter-spacing:-1.3px;font-size:29px;line-height:1.25}.stat-number .unit{font-size:14px;color:var(--text-secondary);letter-spacing:0}.stat-bottom{font-size:12px;color:var(--text-secondary);margin-top:11px;display:flex;align-items:center;gap:5px}.stat-bottom .icon{width:12px;height:12px}.stat-bottom .positive{color:var(--text-secondary)}.stat-spark{position:absolute;right:16px;bottom:18px;width:55px;height:26px;color:var(--text-secondary)}.stat .progress{margin-top:14px;height:3px}.overview-middle{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:21px;margin-bottom:22px}.chart-meta{display:flex;align-items:center;gap:15px;padding:17px 23px 3px;font-size:12px;color:var(--text-secondary)}.chart-meta span{display:flex;align-items:center;gap:6px}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--speg-accent)}.legend-dot.pale{background:var(--line)}.chart-card .panel-header{padding-top:18px}.chart-period{padding:6px 9px;font-size:12px;background:var(--speg-white);border-color:var(--canvas)}.chart-period .icon{width:12px}.chart-wrap{position:relative;padding:0 15px 0 13px;height:180px}.traffic-chart{width:100%;height:100%;overflow:visible}.traffic-chart text{font-size:11px;fill:var(--text-secondary);font-family:inherit}.chart-grid{stroke:var(--canvas);stroke-dasharray:3 4}.chart-line{fill:none;stroke:var(--speg-accent);stroke-width:2.4;stroke-dasharray:1000;animation:stroke-in 1.6s var(--ease)}.chart-line.pale{stroke:var(--text-secondary);stroke-width:1.8}.chart-hit{fill:transparent;cursor:pointer;outline:none}.chart-hit:focus{fill:color-mix(in srgb,var(--speg-charcoal) 12.55%,transparent);stroke:var(--text-secondary);stroke-dasharray:2 3}.chart-tooltip{position:absolute;pointer-events:none;right:25px;top:8px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:var(--speg-white);box-shadow:0 6px 20px color-mix(in srgb,var(--speg-charcoal) 7.06%,transparent);font-size:12px;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}.chart-tooltip.visible{opacity:1;transform:none}.chart-tooltip strong{display:block;font-size:13px;color:var(--text-secondary)}.chart-caption{display:flex;justify-content:space-between;align-items:center;padding:11px 23px 16px;font-size:11px;color:var(--text-secondary);border-top:1px solid var(--canvas)}.chart-caption .icon{width:12px;height:12px}.chart-caption span{display:flex;align-items:center;gap:4px}.domain-summary{padding:13px 21px 6px}.domain-summary-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--canvas);padding:14px 0;text-decoration:none;transition:transform .16s;width:100%;text-align:left}.domain-summary-row:last-child{border-bottom:0}.domain-summary-row:hover{transform:translateX(3px)}.domain-summary-row strong{font-size:13px;display:block;font-weight:600}.domain-summary-row small{font-size:11px;color:var(--text-secondary);display:block;margin-top:4px}.domain-summary-row>.icon{width:13px;height:13px;color:var(--text-secondary);margin-left:auto}.domain-summary-row .domain-state{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--text-secondary)}.domain-summary-row .domain-state.protected{background:var(--text-secondary)}.domain-card-footer{font-size:11px;display:flex;gap:5px;align-items:center;color:var(--text-secondary);padding:13px 22px 18px}.domain-card-footer .icon{width:11px;height:11px}.mailboxes-panel .panel-header{padding-bottom:18px}.table-wrap{overflow-x:auto}.mail-table{font-size:13px;min-width:550px;table-layout:fixed}.mail-table th{text-align:left;color:var(--text-secondary);font-size:11px;font-weight:550;padding:11px 20px;background:var(--speg-white);border-top:1px solid var(--canvas);border-bottom:1px solid var(--canvas);white-space:nowrap}.mail-table th:first-child{width:36%;padding-left:22px}.mail-table th:nth-child(2){width:19%}.mail-table th:nth-child(3){width:19%}.mail-table th:nth-child(4){width:15%}.mail-table th:last-child{width:11%}.mail-table td{padding:14px 20px;border-bottom:1px solid var(--canvas);vertical-align:middle}.mail-table tr:last-child td{border-bottom:0}.mail-table tbody tr{transition:background .16s}.mail-table tbody tr:hover{background:var(--speg-white)}.mail-table td:first-child{padding-left:22px}.mailbox-name{display:flex;align-items:center;gap:10px;text-align:left;max-width:100%;padding:0}.mailbox-name .address-info{min-width:0}.mailbox-name strong{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-name small{display:block;color:var(--text-secondary);font-size:11px;margin-top:3px}.mailbox-name:hover strong{color:var(--accent)}.table-domain{font-size:12px;color:var(--text-secondary)}.table-storage{max-width:125px}.table-storage>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-secondary);margin-bottom:7px;white-space:nowrap}.table-storage strong{color:var(--text-secondary);font-weight:500}.table-row-action{margin-left:auto}.table-row-action .icon{width:14px;height:14px}.table-footer{padding:12px 22px;border-top:1px solid var(--canvas);display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:11px}.table-footer .text-button{font-size:12px}.overview-note{margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:8px;padding:12px 16px;background:var(--canvas);color:var(--text-secondary);font-size:12px}.overview-note>span{display:flex;align-items:center;gap:7px}.overview-note .icon{width:14px;height:14px;color:var(--text-secondary)}.overview-note button{font-size:12px;color:var(--text-secondary);white-space:nowrap}.filter-bar{display:flex;align-items:center;gap:10px;padding:17px 22px;border-bottom:1px solid var(--line)}.filter-input{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:0 11px;flex:1;max-width:320px}.filter-input .icon{width:15px;color:var(--text-secondary)}.filter-input input{border:0;outline:none!important;background:none;width:100%;min-width:0;font-size:13px;padding:10px 0}.filter-select{border:1px solid var(--line);background:var(--speg-white);border-radius:7px;padding:9px 10px;color:var(--text-secondary);font-size:12px;max-width:175px;min-height:35px}.filter-bar .filter-count{margin-left:auto;color:var(--text-secondary);font-size:12px;white-space:nowrap}.domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.domain-full-card{overflow:hidden;transition:transform .2s,box-shadow .2s}.domain-full-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px color-mix(in srgb,var(--speg-charcoal) 3.14%,transparent)}.domain-full-header{padding:24px;display:flex;align-items:center;justify-content:space-between}.domain-full-title{padding:0 24px 24px}.domain-full-title h2{font-size:18px}.domain-full-title p{font-size:12px;color:var(--text-secondary);margin-top:4px}.domain-full-stats{display:grid;grid-template-columns:1fr 1fr;padding:17px 24px;border-top:1px solid var(--canvas);border-bottom:1px solid var(--canvas);background:var(--speg-white)}.domain-full-stats span{display:block;font-size:12px;color:var(--text-secondary)}.domain-full-stats strong{display:block;font-size:23px;font-weight:500;margin-top:4px;letter-spacing:-.7px}.domain-full-actions{padding:19px 24px;display:flex;gap:10px}.domain-full-actions .button{flex:1}.section-spacer{margin-top:23px}.activity-list{padding:5px 23px}.activity-item{display:flex;align-items:flex-start;gap:13px;padding:19px 0;border-bottom:1px solid var(--canvas)}.activity-item:last-child{border:0}.activity-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--canvas);border-radius:9px;color:var(--text-secondary);background:var(--speg-white);flex-shrink:0}.activity-icon .icon{width:14px;height:14px}.activity-item h3{font-size:14px;margin-bottom:4px}.activity-item p{font-size:12px;color:var(--text-secondary);overflow-wrap:anywhere}.activity-time{margin-left:auto;font-size:12px;color:var(--text-secondary);white-space:nowrap}.activity-name{min-width:0}.storage-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:21px}.storage-ring-wrap{display:flex;align-items:center;gap:32px;padding:26px}.storage-ring{width:178px;height:178px;flex:0 0 auto;transform:rotate(-90deg)}.storage-ring circle{fill:none;stroke-width:11}.storage-ring .base{stroke:var(--canvas)}.storage-ring .used{stroke:var(--speg-accent);stroke-linecap:round;transition:stroke-dasharray .5s}.storage-ring text{transform:rotate(90deg);transform-origin:50% 50%;text-anchor:middle;fill:var(--text-secondary);font-size:24px;font-weight:550}.storage-numbers h2{font-size:31px;font-weight:500;letter-spacing:-1px}.storage-numbers p{font-size:13px;color:var(--text-secondary)}.storage-numbers .mini-chip{margin-top:15px}.storage-domain{display:flex;align-items:center;gap:13px;margin:18px 0}.storage-domain-body{flex:1;min-width:0}.storage-domain-body div:first-child{display:flex;justify-content:space-between;font-size:13px;margin-bottom:9px}.storage-domain-body span{color:var(--text-secondary)}.storage-domain-body strong{font-weight:500;color:var(--text-secondary)}.forward-list{padding:3px 23px}.forward-item{display:flex;align-items:center;gap:17px;padding:20px 0;border-bottom:1px solid var(--canvas)}.forward-item:last-child{border:0}.forward-from{min-width:170px;max-width:36%}.forward-from strong{font-size:13px;overflow-wrap:anywhere}.forward-from small{display:block;font-size:11px;color:var(--text-secondary);margin-top:4px}.forward-item>.icon{width:18px;color:var(--text-secondary);flex-shrink:0}.forward-targets{display:grid;gap:6px;flex:1;font-size:13px;color:var(--text-secondary)}.forward-item .icon-button{margin-left:auto}.read-only-banner{margin-bottom:18px}.sample-date{color:var(--text-secondary);font-size:12px;display:flex;align-items:center;gap:6px}.sample-date .icon{width:13px;height:13px}.settings-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 22px}.option-card{border:1px solid var(--line);border-radius:9px;padding:15px;text-align:left}.option-card.selected{border-color:var(--speg-accent);background:var(--speg-white);box-shadow:0 0 0 1px var(--speg-accent)}.option-card strong{display:block;font-size:14px;margin-bottom:5px}.option-card small{font-size:12px;color:var(--text-secondary);line-height:1.6;display:block}.compact .mail-table td{padding-top:9px;padding-bottom:9px}.compact .activity-item{padding-top:12px;padding-bottom:12px}.about-list{padding-left:18px;color:var(--text-secondary);font-size:13px;line-height:2}.subsection-label{font-size:12px;color:var(--text-secondary);margin-bottom:10px}.no-access{margin:18px 0}.notification-item{padding:17px 0;border-bottom:1px solid var(--line)}.notification-item h3{font-size:14px;margin-bottom:6px}.notification-item p{font-size:13px;margin-bottom:8px}.legend-domain{display:flex;align-items:center;gap:7px}.legend-domain .legend-dot.rose{background:var(--text-secondary)}.legend-domain .legend-dot.teal{background:var(--text-secondary)}.settings-note{font-size:12px!important;color:var(--text-secondary)!important}
}
@layer responsive {
  @media(min-width:1600px){main{padding-top:42px}.stats-grid{margin-bottom:26px}.overview-middle{gap:24px;margin-bottom:26px}.chart-wrap{height:210px}.mail-table td{padding-top:16px;padding-bottom:16px}}
  @media(max-width:1190px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.workspace-shell{margin-left:210px}.topbar{padding:0 24px}main{padding:28px 24px 18px}.workspace-footer{padding-left:24px;padding-right:24px}.stats-grid{gap:11px}.stat{padding:16px}.stat-number strong{font-size:26px}.stat-spark{width:40px;right:11px}.overview-middle{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr);gap:16px}.search-trigger span{display:none}.search-trigger kbd{margin-left:0}.topbar-actions{gap:12px}.domain-grid{gap:13px}.domain-full-header,.domain-full-title,.domain-full-stats,.domain-full-actions{padding-left:18px;padding-right:18px}.storage-layout{grid-template-columns:1fr}.storage-ring-wrap{justify-content:center}.mail-table th,.mail-table td{padding-left:13px;padding-right:13px}}
  @media(max-width:960px){.sidebar{width:76px;padding:27px 10px 16px}.workspace-shell{margin-left:76px}.brand{padding:0 10px 27px}.brand-word,.workspace-switch,.nav-label,.nav-item>span,.sidebar-bottom .environment,.sidebar-settings,.ecosystem{display:none}.nav-item{justify-content:center;padding:13px 10px}.nav-item .icon{width:20px;height:20px}.nav-item.active::before{left:-3px}.nav-item:hover{transform:none}.sidebar nav{gap:9px}.sidebar-bottom{margin-top:auto}.domain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.domain-full-title h2{font-size:16px}.domain-full-actions{flex-direction:column}.forward-from{min-width:145px}.stat-spark{display:none}}
  @media(max-width:740px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-number strong{font-size:28px}.stat-spark{display:block;width:60px}.overview-middle{grid-template-columns:1fr}.domains-summary-panel .domain-summary{display:grid;grid-template-columns:1fr;gap:0}.chart-wrap{height:190px}.page-heading{gap:12px;align-items:flex-start}.page-heading .heading-actions{padding-top:4px}.page-heading .heading-actions .button:not(.primary){display:none}h1{font-size:27px}.page-heading p{max-width:320px}.domain-grid{grid-template-columns:1fr}.domain-full-actions{flex-direction:row}.domain-full-title h2{font-size:18px}.domain-full-header{padding-bottom:12px}.domain-full-stats{padding-top:12px;padding-bottom:12px}.filter-bar{flex-wrap:wrap;padding:15px}.filter-input{flex-basis:100%;max-width:none}.filter-select{flex:1;max-width:none}.filter-bar .filter-count{margin-left:0}.forward-item{gap:12px}.forward-from{min-width:0;max-width:40%}.forward-targets{font-size:12px}.forward-from strong{font-size:12px}.workspace-footer>span:first-child{display:none}.workspace-footer{justify-content:center}.sample-date{display:none}.overview-note{align-items:flex-start}.overview-note>span{align-items:flex-start}.overview-note .icon{flex-shrink:0;margin-top:2px}.overview-note button{align-self:center}}
  @media(max-width:550px){.sidebar{inset:auto 0 0;width:100%;height:67px;padding:0 5px;background:var(--speg-surface);border:0;border-top:1px solid var(--speg-surface)}.sidebar .brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around;gap:0;width:100%;height:100%;align-items:center}.nav-item{flex-direction:column;gap:3px;padding:10px 8px;min-width:45px;border-radius:7px}.nav-item>span:not(.nav-count){display:block;font-size:10px;line-height:1.2}.nav-item>span.nav-count{display:none}.nav-item .icon{width:18px;height:18px}.nav-item.active::before{display:none}.workspace-shell{margin:0;padding-bottom:67px}.topbar{padding:0 18px;height:62px;gap:10px}.breadcrumbs{gap:7px;font-size:12px}.crumb-root,.breadcrumb-home,.crumb-slash{display:none}.topbar-actions{gap:9px}.search-trigger{padding:6px 0}.search-trigger kbd{display:none}.preview-tag{font-size:10px;padding:4px 6px}.profile-button{width:28px;height:28px}.topbar-actions .icon-button{width:27px;min-width:27px}.notification-button i{right:5px}.page-heading{margin-bottom:22px}.page-heading p{font-size:13px;line-height:1.55;max-width:210px;margin-top:7px}.page-heading .heading-actions .button.primary{font-size:12px;padding:9px;gap:4px}.page-heading .heading-actions .button.primary .icon{width:13px;height:13px}main{padding:26px 17px 14px}h1{font-size:25px}.stat{padding:15px}.stat-number strong{font-size:25px}.stat-top{font-size:12px;margin-bottom:11px}.stat-top .icon{width:15px}.stat-bottom{font-size:11px;margin-top:11px}.stat-spark{display:none}.stats-grid{gap:11px;margin-bottom:17px}.overview-middle{gap:17px;margin-bottom:17px}.panel-header{padding:18px 17px 0}.panel-header h2{font-size:15px}.panel-header p{font-size:11px}.chart-meta{padding-left:18px;gap:11px;font-size:11px}.chart-wrap{height:162px;padding-left:7px;padding-right:9px}.chart-caption{padding-left:18px;padding-right:18px;font-size:10px}.chart-period{font-size:11px;padding:5px 7px}.mailboxes-panel .panel-header{padding-bottom:15px}.mail-table{min-width:0;table-layout:fixed}.mail-table th:first-child{width:68%;padding-left:17px}.mail-table th:nth-child(2),.mail-table td:nth-child(2),.mail-table th:nth-child(3),.mail-table td:nth-child(3){display:none}.mail-table th:nth-child(4){width:24%}.mail-table th:last-child{width:8%}.mail-table th,.mail-table td{padding:12px 5px}.mail-table td:first-child{padding-left:17px}.mailbox-name{gap:8px}.mailbox-name strong{font-size:12px}.mailbox-name small{font-size:11px}.avatar{width:28px;height:28px;border-radius:8px;font-size:11px}.mail-table .badge{font-size:10px;padding:3px 5px;gap:3px}.mail-table .badge::before{width:3px;height:3px}.table-row-action{min-width:19px;width:19px;padding:0}.table-row-action .icon{width:11px;height:11px}.table-footer{padding:11px 17px;font-size:10px}.table-footer .text-button{font-size:11px}.overview-note{padding:11px;font-size:11px;gap:8px;line-height:1.6}.overview-note button{font-size:11px}.workspace-footer{font-size:10px;padding:15px 18px}.filter-bar .filter-select{font-size:11px;padding:8px 6px}.filter-bar .filter-count{font-size:11px}.filter-bar .text-button{font-size:11px}.drawer{width:100%}.drawer-top{padding:13px 20px}.drawer-profile{padding:23px}.drawer-profile h2{font-size:18px}.drawer-content{padding:23px}.drawer-tabs{padding:0 23px}.dialog-header{padding:22px 21px 0}.dialog-content{padding:20px 21px 23px}.dialog-header h2{font-size:19px}.field-row{grid-template-columns:1fr;gap:0}.field input,.field select,.field textarea,.command-input input{font-size:16px}.input-with-suffix span{font-size:13px}.storage-ring-wrap{gap:15px;padding:21px 15px}.storage-ring{width:135px;height:135px}.storage-numbers h2{font-size:25px}.storage-numbers p{font-size:12px}.storage-numbers .mini-chip{font-size:10px}.activity-list{padding:4px 17px}.activity-item{gap:9px;flex-wrap:wrap}.activity-name{flex:1}.activity-item h3{font-size:13px}.activity-time{font-size:11px;margin-left:40px;width:100%;margin-top:-6px}.activity-item p{font-size:12px}.forward-list{padding:3px 16px}.forward-item{flex-wrap:wrap;gap:9px}.forward-from{min-width:0;max-width:none;flex:1}.forward-item>.avatar{display:none}.forward-targets{flex-basis:100%;padding-left:18px;border-left:2px solid var(--canvas);margin-left:6px}.forward-item>.icon{display:none}.forward-item>.icon-button{order:0}.toast-region{right:15px;left:15px;bottom:82px}.toast{font-size:13px;max-width:none;padding:12px 15px}.command-dialog{margin-top:7vh}.settings-options{gap:9px}.option-card{padding:13px}.panel-body{padding:20px}.info-row{gap:14px}.action-dialog{max-width:calc(100vw - 22px)}.subsection-label{font-size:11px}}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.chart-line{stroke-dashoffset:0}.ecosystem::before{animation:none}.domain-full-card:hover,.nav-item:hover,.domain-summary-row:hover,.button:hover:not(:disabled){transform:none}}
  body.page-hidden *,body.page-hidden *::before,body.page-hidden *::after{animation-play-state:paused!important}
}
@layer refinement {
  :root{--motion-panel:340ms;--motion-interface:280ms;--motion-soft:cubic-bezier(.22,1,.36,1);--motion-layout:cubic-bezier(.4,0,.2,1)}
  .icon-button,.text-button,.option-card,.profile-button{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}
  .drawer-content{animation:content-arrive .2s var(--motion-soft)}
  .webmail-reading>*{animation:content-arrive .2s var(--motion-soft)}
  .drawer-tabs button{transition:color .18s}.mail-table td{transition:padding .2s var(--motion-layout)}
  @keyframes content-arrive{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
  @supports (transition-behavior:allow-discrete) and (overlay:auto) {
    /* Let native dialog lifecycle own focus, inertness and the top layer.
       Discrete transitions keep the closing surface visible until its exit ends. */
    dialog{opacity:0;transform:translateY(10px) scale(.985);transition:opacity .22s var(--motion-soft),transform .22s var(--motion-soft),display .22s allow-discrete,overlay .22s allow-discrete}
    dialog[open],.drawer[open],.webmail-dialog[open],.action-dialog[open],.command-dialog[open]{opacity:1;transform:none;animation:none}
    .drawer,.webmail-dialog{opacity:1;transform:translateX(100%);transition:transform var(--motion-panel) var(--motion-soft),display var(--motion-panel) allow-discrete,overlay var(--motion-panel) allow-discrete}
    dialog:not([open]){pointer-events:none}
    dialog::backdrop{background:color-mix(in srgb,var(--speg-charcoal) 0.00%,transparent);backdrop-filter:blur(0);transition:background-color .25s,backdrop-filter .25s,display var(--motion-panel) allow-discrete,overlay var(--motion-panel) allow-discrete}
    dialog[open]::backdrop{background:color-mix(in srgb,var(--speg-charcoal) 33.33%,transparent);backdrop-filter:blur(3px)}
    @starting-style {
      dialog[open],.action-dialog[open],.command-dialog[open]{opacity:0;transform:translateY(10px) scale(.985)}
      .drawer[open],.webmail-dialog[open]{opacity:1;transform:translateX(100%)}
      dialog[open]::backdrop{background:color-mix(in srgb,var(--speg-charcoal) 0.00%,transparent);backdrop-filter:blur(0)}
    }
  }
  @media(min-width:551px){
    body{--nav-wide:236px;--nav-width:var(--nav-wide)}body[data-nav-collapsed="true"]{--nav-width:76px}
    .sidebar{width:var(--nav-width);padding:30px 17px 15px;transition:width var(--motion-interface) var(--motion-layout),padding var(--motion-interface) var(--motion-layout);overflow-x:clip;overflow-y:auto}
    .workspace-shell{margin-left:var(--nav-width);transition:margin-left var(--motion-interface) var(--motion-layout)}
    .brand{padding:0 12px 18px;transition:padding var(--motion-interface) var(--motion-layout)}.speg-logo{width:155px;max-width:none;transition:width var(--motion-interface) var(--motion-layout)}
    .sidebar nav{gap:5px}.nav-item{justify-content:flex-start;gap:12px;padding:11px 13px;transition:color .18s,background-color .18s,gap var(--motion-interface),padding var(--motion-interface),transform .18s}
    .nav-item>span{display:block;overflow:hidden;white-space:nowrap;max-width:160px;opacity:1;visibility:visible;transition:opacity .18s,max-width var(--motion-interface) var(--motion-layout),visibility .18s,margin var(--motion-interface)}
    .nav-item .icon{width:18px;height:18px}.nav-item>span.nav-count{margin-left:auto}
    .workspace-switch{display:flex;min-width:168px;max-height:80px;opacity:1;visibility:visible;transition:opacity .16s,max-height var(--motion-interface),margin var(--motion-interface),padding var(--motion-interface),border-width var(--motion-interface),visibility .16s}
    .nav-label{display:block;max-height:35px;opacity:1;overflow:hidden;white-space:nowrap;transition:opacity .16s,max-height var(--motion-interface),padding var(--motion-interface)}
    .sidebar-bottom{opacity:1;visibility:visible;transition:opacity .18s,visibility .18s}.sidebar-bottom .environment,.sidebar-settings,.ecosystem{display:flex}.sidebar-bottom .environment,.sidebar-settings,.ecosystem{min-width:168px}
    .sidebar-toggle{flex-shrink:0;color:var(--text-secondary)}.sidebar-toggle .icon{transition:transform var(--motion-interface) var(--motion-layout)}
    body[data-nav-collapsed="true"] .sidebar{padding-left:10px;padding-right:10px}
    body[data-nav-collapsed="true"] .brand{padding-left:0;padding-right:0;padding-bottom:24px}
    body[data-nav-collapsed="true"] .speg-logo{width:56px}
    body[data-nav-collapsed="true"] .workspace-switch{max-height:0;margin-bottom:0;opacity:0;visibility:hidden;padding:0;border:0}
    body[data-nav-collapsed="true"] .nav-label{max-height:0;padding-bottom:0;opacity:0}
    body[data-nav-collapsed="true"] .nav-item{justify-content:center;padding:13px 10px;gap:0}
    body[data-nav-collapsed="true"] .nav-item>span{max-width:0;opacity:0;visibility:hidden}
    body[data-nav-collapsed="true"] .nav-item>span.nav-count{margin:0;padding:0}
    body[data-nav-collapsed="true"] .sidebar-bottom{opacity:0;visibility:hidden;pointer-events:none}
    body[data-nav-collapsed="true"] .sidebar-toggle .icon{transform:rotateY(180deg)}
    body[data-nav-collapsed="true"] .nav-item.active::before{left:-3px}
  }
  @media(min-width:551px) and (max-width:1190px){body{--nav-wide:210px}.workspace-switch,.sidebar-bottom .environment,.sidebar-settings,.ecosystem{min-width:160px}}
  @media(min-width:551px) and (max-width:960px){.workspace-shell{margin-left:76px}.sidebar{box-shadow:8px 0 25px color-mix(in srgb,var(--speg-charcoal) 6.27%,transparent)}body[data-nav-collapsed="false"] .sidebar{box-shadow:8px 0 30px color-mix(in srgb,var(--speg-charcoal) 18.82%,transparent)}}
  .sidebar-collapse{display:none}
  @media(min-width:551px) and (max-width:960px){
    body:not([data-nav-collapsed]){--nav-width:76px}
    body[data-nav-collapsed="false"] .sidebar-collapse{display:grid;position:absolute;right:7px;top:38px;color:var(--line);width:30px;min-width:30px;height:30px}
    .sidebar-collapse .icon{transform:rotate(180deg);width:16px;height:16px}
    body[data-nav-collapsed="false"] .speg-logo{width:130px}
  }
  @media(max-width:550px){.sidebar-toggle{display:none}}
  @media(prefers-reduced-motion:reduce){
    .sidebar,.workspace-shell,.brand,.speg-logo,.sidebar-toggle .icon,.nav-item,.nav-item>span,.workspace-switch,.nav-label,.sidebar-bottom,dialog,dialog::backdrop{transition:none!important}
    .drawer-content,.webmail-reading>*{animation:none!important}
  }
}

/* Corporate identity source: SPEG-Digital-Platform/03-platform-app/src/app/globals.css
   and docs/speg_digital_operations_ecosystem_blueprint.md, section 3.
   Secondary accent/canvas come from 02-coming-soon/assets/css/style.css.
   All lighter/darker treatments mix these exact source colours, not new hues. */
@layer brand {
  :root {
    --speg-charcoal:#1b1b1e;
    --speg-surface:#24242a;
    --speg-elevated:#2b2b34;
    --speg-white:#ffffff;
    --speg-muted:#b8b8c8;
    --speg-accent:#555dbe;
    --speg-accent-light:#7882dc;
    --canvas:#f4f4f7;
    --text-secondary:color-mix(in srgb,var(--speg-charcoal) 72%,var(--speg-white));
    --line:color-mix(in srgb,var(--speg-charcoal) 12%,var(--speg-white));
    --accent:var(--speg-accent);
    --accent-soft:color-mix(in srgb,var(--speg-accent) 7%,var(--speg-white));
    --ink:var(--speg-charcoal);
    --muted:var(--text-secondary);
    --surface:var(--speg-white);
    --green:var(--speg-accent);
    --red:var(--speg-charcoal);
    color:var(--speg-charcoal);background:var(--canvas);
  }
  :focus-visible{outline-color:var(--speg-accent)}
  .sidebar{background:var(--speg-charcoal);color:var(--speg-muted);border-color:var(--speg-elevated)}
  .workspace-switch{background:var(--speg-surface);border-color:color-mix(in srgb,var(--speg-white) 12%,transparent)}
  .workspace-switch strong{color:var(--speg-white)}.workspace-switch small,.nav-label{color:var(--speg-muted)}
  .workspace-icon{background:var(--speg-elevated);color:var(--speg-accent-light)}
  .nav-item{color:var(--speg-muted)}.nav-item:hover{background:var(--speg-elevated);color:var(--speg-white)}
  .nav-item.active{background:color-mix(in srgb,var(--speg-accent) 36%,var(--speg-surface));color:var(--speg-white)}
  .nav-item.active::before{background:var(--speg-accent-light)}.nav-count{background:var(--speg-elevated);color:var(--speg-muted)}
  .environment{background:var(--speg-surface);color:var(--speg-white)}.environment small,.environment .icon-button,.sidebar-settings,.settings-key{color:var(--speg-muted)}
  .env-dot{background:var(--speg-accent-light)}.sidebar-settings:hover{color:var(--speg-white);background:var(--speg-elevated)}
  .ecosystem{border-color:color-mix(in srgb,var(--speg-white) 12%,transparent);color:var(--speg-muted)}.ecosystem strong{color:var(--speg-white)}.ecosystem-spark{color:var(--speg-accent-light)}
  .ecosystem::before{background:radial-gradient(ellipse at left,color-mix(in srgb,var(--speg-accent) 25%,transparent),transparent 75%)}
  .sidebar-collapse{color:var(--speg-white)}
  .button.primary{background:var(--speg-accent);color:var(--speg-white);border-color:var(--speg-accent)}
  .button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--speg-accent) 85%,var(--speg-charcoal));border-color:var(--speg-accent)}
  .button.soft,.preview-tag,.dialog-icon{color:var(--speg-accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--speg-accent) 20%,var(--speg-white))}
  .button.danger{color:var(--speg-charcoal);border-color:var(--speg-charcoal);background:var(--speg-white)}
  .button.danger:hover:not(:disabled){background:var(--canvas)}
  .text-button,.button.ghost,.drawer-tabs button.active{color:var(--speg-accent)}
  .badge,.badge.protected,.badge.warning,.badge.paused,.badge.neutral{color:var(--speg-surface);background:var(--canvas)}
  .badge:not(.paused):not(.warning):not(.neutral){color:var(--speg-accent);background:var(--accent-soft)}
  .badge::before,.domain-state,.small-dot{background:currentColor}.domain-state{color:var(--speg-accent)}.domain-state.protected{color:var(--speg-charcoal)}
  .avatar,.avatar.rose,.avatar.teal,.avatar.blue,.avatar.amber,.domain-symbol,.domain-symbol.rose,.domain-symbol.teal{background:var(--accent-soft);color:var(--speg-accent)}
  .progress{background:var(--line)}.progress>span,.progress.teal>span,.progress.rose>span{background:var(--speg-accent)}.progress.warning>span{background:var(--speg-surface)}
  .chart-line{stroke:var(--speg-accent)}.chart-line.pale{stroke:var(--speg-surface);stroke-dasharray:4 4}
  .legend-dot,.legend-domain .legend-dot.rose{background:var(--speg-accent)}.legend-dot.pale,.legend-domain .legend-dot.teal{background:var(--speg-surface)}
  .storage-ring .used{stroke:var(--speg-accent)}.storage-ring .base{stroke:var(--line)}.storage-ring text{fill:var(--speg-charcoal)}
  .traffic-chart text{fill:var(--text-secondary)}.chart-grid{stroke:var(--line)}
  .chart-tooltip,.toast{background:var(--speg-charcoal);color:var(--speg-white);border-color:var(--speg-elevated)}.chart-tooltip strong,.toast small{color:var(--speg-muted)}.toast .icon{color:var(--speg-accent-light)}
  .notice,.notice.warning,.webmail-demo-note{color:var(--text-secondary);background:var(--canvas);border-color:var(--line)}.notice .icon,.webmail-demo-note .icon{color:var(--speg-accent)}
  .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--speg-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--speg-accent) 15%,transparent)}
  .form-error{color:var(--speg-charcoal);background:var(--canvas);border-left:3px solid var(--speg-accent)}
  .option-card.selected{border-color:var(--speg-accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--speg-accent)}
  .mailbox-tool{background:var(--speg-white);border-color:var(--line)}.mailbox-tool:not(:disabled):hover{background:var(--accent-soft);border-color:var(--speg-accent)}
  .mailbox-tool>.icon,.tool-icon,.policy-item>.icon,.activity-icon{color:var(--speg-accent)}
  .webmail-folders{background:var(--canvas)}.webmail-folders button.selected{background:var(--accent-soft);color:var(--speg-accent)}.webmail-folders button:hover{background:var(--line)}
  .message-preview.selected{background:var(--accent-soft);border-left-color:var(--speg-accent)}.message-preview:hover{background:var(--canvas)}
  .webmail-folders button.selected:hover{background:var(--accent-soft)}
  @media(max-width:550px){
    /* This layer must outrank the desktop brand refinement. The mobile bar has
       exactly one row: no desktop logo, title or footer can consume its height. */
    .sidebar .brand,.sidebar .workspace-switch,.sidebar .nav-label,.sidebar .sidebar-bottom,.sidebar .sidebar-collapse{display:none}
    .sidebar{height:calc(67px + env(safe-area-inset-bottom,0px));padding:0 5px env(safe-area-inset-bottom,0px);overflow:hidden;background:var(--speg-charcoal);border-top:1px solid var(--speg-elevated)}
    .sidebar nav{height:66px;min-height:66px;flex-shrink:0;align-items:center;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;overflow:visible}
    .sidebar .nav-item{min-width:0;width:100%;padding:10px 1px;justify-content:center}
    .sidebar .nav-item>span:not(.nav-count){font-size:clamp(8px,2.25vw,10px);white-space:nowrap}
    .workspace-shell{padding-bottom:calc(67px + env(safe-area-inset-bottom,0px))}
    .toast-region{bottom:calc(82px + env(safe-area-inset-bottom,0px))}
  }
}