:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182634;background:#f4f6f8;font-synthesis:none;font-size:15px;line-height:1.5;--accent:#136b62;--muted:#71808e;--line:#e4e9ed}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #63bdb0}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:680}h2{font-size:17px;font-weight:650}h3{font-size:17px}strong{font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:var(--accent);font-weight:650;margin-bottom:9px}.brand{display:flex;align-items:center;gap:11px;font-weight:650;font-size:16px;letter-spacing:-.3px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;background:#1b8478;border-radius:10px;color:white;font-size:21px;font-weight:500}.button{border:1px solid transparent;border-radius:8px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:600;min-height:42px;transition:background .15s}.primary{background:var(--accent);color:#fff;box-shadow:0 2px 2px #12372a12}.primary:hover:not(:disabled){background:#0b594f}.secondary{background:#fff;border-color:#dce4e8;color:#314350}.secondary:hover:not(:disabled){background:#f3f7f8}.danger{background:#a63838;color:#fff}.danger:hover:not(:disabled){background:#872828}.compact{padding:7px 12px;min-height:35px;font-size:12px}.full{width:100%}.text-button{background:none;border:0;padding:8px 5px;color:#63737e;font-size:12px}.text-button:hover:not(:disabled){color:#172f3d}.icon-button{background:none;border:0;font-size:27px;color:#71808e;line-height:1;padding:5px}.loading{height:100vh;display:grid;place-items:center;color:var(--muted)}.login-layout{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 75% 10%,#deede9 0,transparent 45%),#f4f6f8}.login-card{max-width:440px;width:100%;padding:38px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 20px 70px #223c4b0b}.login-card .brand{margin-bottom:40px}.login-card h1{font-size:27px;letter-spacing:-.7px;margin-bottom:12px}.login-card form{margin-top:28px}.login-card label{margin-top:18px}.login-card .button{margin-top:24px;justify-content:space-between}.login-note{margin-top:24px;padding-top:19px;border-top:1px solid var(--line)}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}input,select{background:#fff;border:1px solid #d9e1e5;color:#223541;border-radius:7px;padding:10px 12px;min-height:42px;width:100%;transition:border-color .15s}input:focus{border-color:#1b8478}input::placeholder{color:#9aa6af}.error{color:#a32e39;font-size:13px;margin-top:12px}.app-layout{min-height:100vh;display:flex}.sidebar{width:218px;background:#17272f;color:#e6edef;padding:29px 21px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.sidebar .brand{font-size:15px}.sidebar-section{margin:49px 12px 13px;font-size:10px;letter-spacing:1.5px;color:#8b9da5}.nav-link{display:flex;align-items:center;gap:12px;background:#ffffff0e;border:1px solid #ffffff0a;border-radius:7px;padding:11px 13px;font-size:13px}.nav-link span{color:#69b6aa;font-size:20px;line-height:1}.sidebar-bottom{margin-top:auto;font-size:11px;color:#9bacb3;padding:12px;display:flex;align-items:center;gap:8px}.presence{width:6px;height:6px;background:#7cb7a0;border-radius:50%}.workspace{margin-left:218px;width:calc(100% - 218px)}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#84919b}.breadcrumb span{padding:0 12px;color:#c5ced3}.breadcrumb strong{color:#425460}.account{display:flex;align-items:center;gap:10px;font-size:12px;color:#536571}.avatar{display:grid;place-items:center;background:#eaf1f0;color:#27685e;width:30px;height:30px;border-radius:50%;font-size:12px}.account .text-button{margin-left:16px}.content{max-width:1430px;margin:auto;padding:37px 42px 26px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading .muted{font-size:13px;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:28px}.stat{border:1px solid var(--line);border-radius:11px;background:#fff;padding:20px 24px;display:flex;flex-direction:column}.stat strong{font-size:29px;letter-spacing:-.8px;line-height:1.25;margin:8px 0 7px}.stat>span:last-child{color:#8c99a2}.list-card,.create-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.list-toolbar{padding:21px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.list-controls{display:flex;gap:10px;align-items:center}.list-controls select{width:165px;font-size:12px;min-height:35px;padding:7px 10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}thead{background:#f9fafb;border-block:1px solid #edf0f2;color:#86939d;font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:500}th{text-align:left;padding:12px 18px;font-weight:550}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px}td{border-bottom:1px solid #edf0f2;padding:18px;color:#536573}tbody tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:12px}.person-avatar{background:#edf2f5;border:1px solid #e4ebef;color:#54717d;display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:9px;font-size:14px}.client-name{font-size:13px;color:#243743;display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis}.client-link{display:block;margin-top:3px;font-size:10px}.status{font-size:10px;font-weight:600;padding:4px 8px;border-radius:5px;color:#7b8790;background:#f0f3f4;display:inline-block}.status.active{color:#277262;background:#eaf5ef}.status.active::before{content:'';display:inline-block;width:5px;height:5px;background:#4c9c7b;border-radius:50%;margin:0 6px 1px 0}.traffic{display:block;font-size:12px;font-weight:500}.quota{display:block;font-size:10px;margin-top:2px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:13px}.actions-title{text-align:right}.revoke{font-size:11px;color:#967075}.revoke:hover:not(:disabled){color:#a32e39}.list-footer{display:flex;align-items:center;gap:8px;background:#fbfcfc;border-top:1px solid #edf0f2;padding:14px 24px;font-size:11px;color:#84929d}.lock-symbol{color:#7c9994}.footnote{font-size:11px;color:#8996a0;margin-top:17px;max-width:850px;line-height:1.6}.notice{padding:12px 16px;border:1px solid #c9e4d7;border-radius:8px;background:#eef8f1;font-size:13px;color:#326e50;margin-bottom:22px}.notice.bad{color:#92414a;background:#fff3f3;border-color:#edd2d5}.create-card{padding:23px 24px;margin-bottom:25px}.section-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading p{margin-top:4px}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.field-hint{display:block;font-size:10px;color:#8a969f;margin-top:5px}.form-footer{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:20px}.form-footer .error{margin:0 auto 0 0}.empty{text-align:center;padding:46px 20px}.empty p{font-size:13px;margin-top:7px}.empty-icon{display:grid;place-items:center;width:40px;height:40px;background:#f0f5f3;border-radius:11px;margin:0 auto 12px;color:#528d80;font-size:22px}dialog{border:1px solid var(--line);border-radius:15px;padding:30px;max-width:460px;width:calc(100% - 32px);color:#243743;box-shadow:0 20px 80px #102a3a25}dialog::backdrop{background:#152b3f55;backdrop-filter:blur(3px)}dialog h2{font-size:21px;margin:12px 0}dialog p{font-size:13px;line-height:1.65}#revoke-name{font-weight:600;margin-bottom:12px;overflow-wrap:anywhere}.dialog-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff0ec;color:#af6a55;font-size:23px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#link-value{margin-top:18px;font-size:12px}.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}
@media(min-width:1500px){.content{padding-top:47px}.page-heading{margin-bottom:33px}.stats{margin-bottom:32px}.stat{padding:23px 25px}}
@media(max-width:1100px){.sidebar{width:185px;padding:24px 15px}.workspace{margin-left:185px;width:calc(100% - 185px)}.topbar{padding-inline:25px}.content{padding:30px 25px}.row-actions{gap:8px}.client-name{max-width:170px}th,td{padding-inline:12px}}
@media(max-width:760px){.sidebar{display:none}.workspace{margin-left:0;width:100%}.topbar{height:62px;padding:0 20px}.account>span:not(.avatar){display:none}.account .text-button{margin-left:0}.content{padding:26px 16px}.page-heading{align-items:flex-start;margin-bottom:22px}h1{font-size:28px}.page-heading .button{padding:9px 12px;font-size:12px;margin-top:25px}.page-heading .eyebrow{font-size:10px}.page-heading .muted{font-size:12px;max-width:175px}.stats{gap:9px;margin-bottom:22px}.stat{padding:15px 13px}.stat strong{font-size:24px}.stat>span:last-child{display:none}.stat>.small{font-size:10px}.list-toolbar{padding:18px 16px;align-items:flex-start}.list-toolbar h2{font-size:15px;padding-top:5px}.list-controls{gap:6px}.list-controls select{width:124px;font-size:11px}.list-controls button{font-size:11px;padding-inline:8px}.list-footer{font-size:10px;padding:13px 16px;align-items:flex-start}.footnote{font-size:10px;padding-inline:2px}.form-grid{grid-template-columns:1fr 1fr;gap:15px}.name-field{grid-column:1/-1}.create-card{padding:20px 16px}.login-card{padding:29px}.login-layout{padding:18px}.table-wrap{max-width:100%}table{min-width:725px}th:first-child,td:first-child{padding-left:16px}th:last-child,td:last-child{padding-right:16px}.form-footer{flex-wrap:wrap}.form-footer .error{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.status-tabs{display:flex;gap:8px;margin-bottom:25px}.status-tabs [aria-current=page]{border-color:var(--accent);color:var(--accent);background:#eaf5f1}.nav-link:not([aria-current=page]){background:transparent}.health-banner,.health-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px}.health-banner{display:flex;justify-content:space-between;gap:24px;margin-bottom:24px;align-items:center}.health-banner h2{margin:10px 0 5px}.health-banner strong,.health-banner>div:last-child span{display:block}.health-banner strong{margin:7px 0}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.health-card .section-heading{align-items:start;gap:15px}.health-metrics{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.health-metrics dt{font-size:12px;color:var(--muted)}.health-metrics dd{margin:6px 0 0;font-size:20px;font-weight:600}@media(max-width:900px){.health-grid{grid-template-columns:1fr}.health-banner{align-items:start;flex-direction:column}}@media(max-width:420px){.health-card{padding:18px}.health-metrics dd{font-size:17px}}

/* Subscription sharing, history and routing controls */
textarea{font:inherit;background:#fff;border:1px solid #d9e1e5;color:#223541;border-radius:8px;padding:13px 14px;resize:vertical;width:100%;min-height:210px;line-height:1.8;outline-offset:4px}
textarea:focus-visible{outline:3px solid #63bdb0}textarea:focus{border-color:#1b8478}textarea:disabled{background:#f7f9fa;color:#83919a}
.status-tabs{flex-wrap:wrap}.nav-link{margin-bottom:7px}
.traffic-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 1px 23px;margin-top:-10px}
.traffic-strip strong{font-size:13px}.traffic-strip p{font-size:11px;margin-top:4px;max-width:650px}.period-controls{display:flex;gap:18px;align-items:center;flex-shrink:0}.traffic-directions{display:flex;gap:14px;color:#55716c;white-space:nowrap}
.segmented{display:inline-flex;gap:3px;padding:3px;background:#eaf0f2;border:1px solid #dce5e8;border-radius:8px;flex-shrink:0}
.segmented button{background:transparent;border:0;border-radius:5px;color:#72838d;padding:7px 13px;min-height:31px;font-size:12px;white-space:nowrap}
.segmented button[aria-pressed=true]{background:#fff;color:#225f57;box-shadow:0 1px 4px #142e3c12;font-weight:600}
.segmented button:hover:not([aria-pressed=true]){color:#243f4b}
.row-actions{gap:6px;flex-wrap:wrap;max-width:280px;margin-left:auto}
.row-actions .button{font-size:11px;padding:7px 10px}.row-actions .text-button{font-size:10px;min-height:29px;padding:5px 6px}.rotate{color:#657888}.rotate:hover:not(:disabled){color:#2d5067}
.online-state{display:block;font-size:11px;font-weight:500;color:#82909a}.online-state.online{color:#20816e}
.last-seen,.traffic-period{display:block;font-size:10px;margin-top:3px}
.activity-cell{min-width:135px}.traffic-cell{min-width:155px}.traffic-cell .quota{white-space:normal;max-width:190px;line-height:1.5}
.client-name{max-width:210px}.state-cell{min-width:90px}
.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog-top .eyebrow{font-size:10px;margin-bottom:7px}.dialog-top h2{margin:0 0 8px}.dialog-top .icon-button{margin:-4px -7px 0 0}
.share-dialog{max-width:460px}.share-loading{text-align:center;padding:52px 10px;color:var(--muted);font-size:13px}
.qr-wrap{width:max-content;max-width:100%;margin:23px auto 12px;padding:5px;border:1px solid #e1e9e8;border-radius:11px;background:#fff}
#subscription-qr{display:block;width:240px;height:240px;max-width:100%;image-rendering:pixelated}
.share-instruction{text-align:center;margin-bottom:23px}.share-dialog label{margin-top:8px}.share-dialog #link-value{margin-top:0;font-size:11px;background:#f8fafb}
.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.share-actions .button{font-size:12px;padding:10px}
.share-warning{margin-top:19px;padding-top:16px;border-top:1px solid var(--line);font-size:11px!important}
#happ-open[aria-disabled=true]{pointer-events:none;opacity:.5}
.edit-dialog{max-width:610px}.edit-dialog .dialog-top{margin-bottom:22px}
.edit-limits{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:21px}.edit-limits select{font-size:12px}.conditional-input{margin-top:10px}
.edit-dialog .field-hint{line-height:1.5}.edit-dialog #edit-disabled-note{margin-top:16px}
.recipient-name{font-weight:600;margin-bottom:13px;overflow-wrap:anywhere}.rotate-note{margin-top:13px;font-size:11px!important}
.history-section{margin-top:30px}.history-section>.section-heading{align-items:center;margin-bottom:17px}.history-section>.section-heading p{margin-top:5px;max-width:700px}
.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.chart-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px}.chart-card h3{font-size:15px;margin-bottom:21px}
.chart-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#536c78;margin-bottom:8px}
.chart-host{min-height:100px;margin-bottom:17px}.chart-host svg{display:block;width:100%;height:auto;max-height:170px}
.chart-empty{min-height:100px;display:grid;place-items:center;text-align:center;color:#93a0a7;background:#f8fafb;border:1px dashed #e0e7eb;border-radius:7px;font-size:12px;padding:18px}
.chart-legend{display:flex;gap:18px;font-size:10px;color:#81919b}.chart-legend span{display:inline-flex;gap:6px;align-items:center}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:2px}.rx-dot{background:#188879}.tx-dot{background:#6c86b5}
.routing-explainer{display:flex;gap:17px;background:#edf5f2;border:1px solid #d7e9e1;border-radius:10px;padding:20px 23px;margin-bottom:23px}.routing-symbol{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:9px;background:#dceee6;font-size:23px;color:#387b68}
.routing-explainer strong{font-size:13px;color:#2b6254}.routing-explainer p{font-size:12px;margin-top:4px}.routing-explainer p:last-child{font-size:11px}
.routing-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:27px}.routing-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.routing-columns label{font-size:15px;margin-bottom:3px}.field-copy{font-size:12px;color:#85929b;margin-bottom:16px}.routing-columns textarea{font-size:13px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
#routing-format{font-size:11px;margin-top:14px;line-height:1.6}.routing-save-row{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line);padding-top:21px;margin-top:22px}.routing-save-row p{margin-top:7px;font-size:11px}
.error-state{color:#a43f48;background:#fff0f1}
@media(max-width:1200px){.traffic-strip{align-items:flex-start}.period-controls{flex-direction:column;gap:8px;align-items:flex-end}.client-name{max-width:155px}.row-actions{max-width:210px}.row-actions .button{font-size:10px;padding-inline:8px}.history-grid{gap:15px}.chart-card{padding:20px}}
@media(max-width:900px){.history-grid{grid-template-columns:1fr}.routing-columns{gap:17px}.history-section>.section-heading{align-items:flex-start}.activity-cell{min-width:125px}}
@media(max-width:760px){
  .status-tabs{gap:6px;margin-bottom:22px}.status-tabs .button{font-size:11px;padding:8px 11px;min-height:36px}
  .traffic-strip{flex-direction:column;gap:12px;padding-bottom:19px;margin-top:-5px}.period-controls{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.traffic-strip p{font-size:10px}
  .segmented button{font-size:11px;padding:6px 11px}.traffic-directions{font-size:10px;gap:10px}
  .table-wrap{overflow:visible}.table-wrap table{display:block;min-width:0;white-space:normal}.table-wrap thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
  #client-list{display:block}#client-list tr{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;padding:19px 16px;border-bottom:1px solid #edf0f2}#client-list tr:last-child{border-bottom:0}
  #client-list td,#client-list td:first-child,#client-list td:last-child{display:block;padding:0;border:0;min-width:0}
  .person-cell{grid-column:1/-1}.client-name{max-width:none;overflow-wrap:anywhere}.state-cell{align-self:center}.activity-cell{text-align:right}
  .expiry-cell::before{content:'СРОК';display:block;font-size:9px;letter-spacing:.7px;color:#8d9aa3;margin-bottom:5px}
  .traffic-cell::before{content:'ТРАФИК';display:block;font-size:9px;letter-spacing:.7px;color:#8d9aa3;margin-bottom:5px}
  .traffic-cell .quota{max-width:none}.actions-cell{grid-column:1/-1;border-top:1px solid #edf0f2!important;padding-top:11px!important}
  .row-actions{max-width:none;width:100%;margin:0;justify-content:flex-start;gap:7px}.row-actions .button{font-size:11px;padding:8px 12px}.row-actions .text-button{font-size:11px;padding:7px 6px}.row-actions .share{margin-right:auto}
  .routing-columns{grid-template-columns:1fr;gap:24px}.routing-card{padding:21px 18px}.routing-columns textarea{min-height:175px}.routing-explainer{padding:17px 16px;gap:13px}.routing-save-row{align-items:flex-start;gap:15px}.routing-save-row .button{font-size:12px}
  .history-section>.section-heading{flex-wrap:wrap;gap:14px}.chart-card{padding:20px 16px}
  dialog{padding:24px 21px;max-height:calc(100dvh - 30px);overflow-y:auto}.edit-limits{grid-template-columns:1fr;gap:20px}.share-actions{grid-template-columns:1fr}.share-actions .button{width:100%}.qr-wrap{margin-top:20px}#subscription-qr{width:220px;height:220px}
}
@media(max-width:400px){.row-actions .share{margin-right:0}.row-actions .button{flex:1 1 40%}.row-actions .text-button{flex:1 1 40%;text-align:center}.routing-save-row{flex-direction:column}.routing-save-row .button{width:100%}.period-controls{gap:7px}.segmented button{padding-inline:9px}.chart-card{padding-inline:12px}}
.dialog-top>div{min-width:0}#link-name{overflow-wrap:anywhere}
@media(max-width:760px){.list-toolbar{flex-wrap:wrap;gap:12px}.list-controls{width:100%;justify-content:space-between}.list-controls select{flex:1;max-width:210px}.period-controls{flex-wrap:wrap}}
@media(max-width:400px){.page-heading{flex-wrap:wrap;gap:8px}.page-heading .button{margin-top:2px}.page-heading .muted{max-width:none}}

/* Phone layout: touch targets, safe areas and persistent navigation. */
@media(max-width:760px){
  .workspace{min-width:0}.content{padding:22px 14px calc(96px + env(safe-area-inset-bottom,0px))}
  .topbar{height:56px;padding:0 16px}.breadcrumb{font-size:11px}.account .avatar{display:none}
  .status-tabs{position:fixed;z-index:20;bottom:0;left:0;right:0;margin:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 20px #17272f0a;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:5px}
  .status-tabs .button{min-height:48px;padding:8px 5px;font-size:12px;white-space:normal;text-align:center;border-color:transparent}
  .status-tabs [aria-current=page]{border-color:#c6e2d9;background:#eaf5f1}
  .page-heading{flex-wrap:wrap;gap:14px}.page-heading>div{flex:1 1 100%;min-width:0}.page-heading .muted{max-width:none;font-size:13px}.page-heading .button{margin:0;min-height:44px}.page-heading #show-create{width:100%;font-size:14px}
  h1{font-size:27px}.stats{gap:7px}.stat{padding:13px 10px;min-width:0}.stat strong{font-size:21px;overflow-wrap:anywhere}.stat>.small{font-size:11px}
  input,select,textarea,#link-value{font-size:16px;min-height:46px}.list-controls select{font-size:14px;min-height:44px}
  .button,.compact,.text-button,.segmented button{min-height:44px}.icon-button{min-width:44px;min-height:44px}.segmented button{font-size:13px}
  .row-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row-actions .share{margin:0}.row-actions .button,.row-actions .text-button{width:100%;min-height:44px;font-size:13px;padding:10px 7px}
  #client-list tr{padding:20px 16px;gap:17px 12px}.client-name{font-size:16px}.client-link,.quota,.activity-detail{font-size:11px}.status{font-size:11px}.traffic{font-size:14px}
  .health-card,.chart-card,.health-banner{min-width:0}.health-metrics{gap:20px 12px}.health-metrics dd{overflow-wrap:anywhere}.health-banner{padding:20px}.history-grid{grid-template-columns:1fr}.chart-host{min-width:0}
  .routing-save-row{flex-direction:column;align-items:stretch}.routing-save-row .button{width:100%}.routing-columns textarea{min-height:180px}.routing-explainer{font-size:13px}
  dialog{width:calc(100% - 20px);padding:22px 18px;max-height:calc(100dvh - 24px);overscroll-behavior:contain}.dialog-actions{flex-wrap:wrap}.dialog-actions .button{flex:1;min-width:110px}.form-grid{grid-template-columns:1fr}.name-field{grid-column:auto}
  #subscription-qr{max-width:100%;height:auto}.login-card{padding:26px 22px}.login-layout{padding:16px}.login-card .button{min-height:48px}
}

/* Deliberate server power controls, separate from ordinary status refresh. */
.power-card{margin-top:24px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}
.power-card .section-heading{margin-bottom:17px}.power-controls{display:flex;flex-wrap:wrap;gap:12px}.power-controls .button{min-height:44px}
#power-summary{margin-top:16px;line-height:1.65}#power-retry{margin-top:13px;white-space:normal}.power-history{list-style:none;margin:18px 0 0;padding:0}.power-history:empty{display:none}
.power-history li{padding:13px 0;border-top:1px solid var(--line)}.power-operation-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between}.power-operation-head strong{font-size:13px}.power-operation-copy{font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}
.power-warning{margin:13px 0 20px}#power-target-name{margin-bottom:12px}#power-dialog .dialog-actions .button{min-height:44px}
@media(max-width:760px){.power-card{padding:20px 16px}.power-controls{display:grid;grid-template-columns:1fr;gap:10px}.power-controls .button{width:100%;white-space:normal;font-size:13px}.power-operation-head{align-items:flex-start}.power-history li{padding:15px 0}}