/* CrispLink Client v0.14.1 — Client Devices & Access */
:root{--bg:#f5f7fa;--card:#fff;--ink:#142033;--muted:#748095;--line:#e5e9ef;--accent:#1769e0;--good:#18875f;--bad:#c93848;--warn:#9d6a10}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.boot{padding:40px;font-weight:800}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.side{background:#111b2b;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:22px}.brand{font-size:19px;font-weight:850}.brand small{display:block;color:#91a1ba;font-size:10px;font-weight:600;margin-top:4px}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;color:#b9c5d8;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer}.nav button.active,.nav button:hover{background:#1b2a40;color:#fff}.side-foot{margin-top:auto;font-size:11px;color:#8190a7}.main{padding:30px;max-width:1200px;width:100%;margin:0 auto}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.top h1{margin:0;font-size:27px}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 13px;cursor:pointer;font-weight:700}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.danger{color:var(--bad)}.btn:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric strong{font-size:24px}.metric span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.online{background:#eaf8f2;color:var(--good)}.error{background:#fdecef;color:var(--bad)}.disabled{background:#eef1f5;color:#677286}.tag{display:inline-flex;border:1px solid var(--line);padding:5px 8px;border-radius:999px;font-size:11px;background:#fafbfc;margin:3px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.list{display:grid;gap:8px}.item{border:1px solid var(--line);border-radius:11px;padding:10px 12px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fbfcfd}.item small{color:var(--muted)}.notice{padding:10px 12px;border-radius:10px;background:#fff7e7;color:#76520f;border:1px solid #f1dfb8;margin-bottom:14px}.notice.success{background:#edf9f4;color:#155f45;border-color:#cfeee0}.errorbox{padding:10px 12px;border-radius:10px;background:#fff0f1;color:#972d38;border:1px solid #ffd9dd;margin-bottom:14px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{width:min(420px,100%);padding:28px}.field{display:grid;gap:6px;margin:12px 0}.field label{font-size:11px;color:var(--muted);font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:#fff}.checks{display:grid;gap:8px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:10px}.check{display:flex;gap:9px;align-items:flex-start;padding:8px;border-radius:8px}.check:hover{background:#f6f8fb}.check input{margin-top:3px}.modal-bg{position:fixed;inset:0;background:rgba(6,13,23,.44);display:grid;place-items:center;padding:18px;z-index:30}.modal{background:#fff;border-radius:16px;padding:22px;width:min(760px,100%);max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.modal-head h2{margin:0}.x{border:0;background:#eef1f5;border-radius:8px;width:34px;height:34px;cursor:pointer}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.facts div{background:#f7f9fb;border:1px solid var(--line);border-radius:9px;padding:9px}.facts small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.public{min-height:100vh;display:grid;place-items:center;padding:30px}.public .hero{max-width:760px}.public h1{font-size:56px;letter-spacing:-.04em;margin:0 0 14px}.public p{font-size:18px;line-height:1.6;color:var(--muted)}@media(max-width:800px){.shell{display:block}.side{position:static}.nav{display:flex;overflow:auto}.main{padding:18px}.grid,.two,.facts{grid-template-columns:1fr}.public h1{font-size:40px}}
.inbound-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:8px}.inbound-head label{display:block;margin-bottom:3px}.inbound-head small{display:block}.inbound-head b{font-size:12px;white-space:nowrap}.inbound-actions{margin:8px 0}.inbound-actions .btn{padding:6px 9px;font-size:11px}.inbound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fafbfc}.inbound-choice{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px;cursor:pointer;transition:.12s ease}.inbound-choice:hover{border-color:#bdc9d8}.inbound-choice.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#f3f7ff}.inbound-choice input{margin-top:3px;accent-color:var(--accent)}.inbound-choice-body{display:grid;gap:4px;min-width:0}.inbound-choice-body b{font-size:13px;line-height:1.25}.inbound-choice-body small{color:var(--muted);font-size:10px}@media(max-width:800px){.inbound-grid{grid-template-columns:1fr}.inbound-head{align-items:flex-start;flex-direction:column}}
.warnstatus{background:#fff5df;color:var(--warn)}.user-actions{margin-top:14px}.tech-details{margin-top:12px}.tech-details code{font-size:10px;overflow-wrap:anywhere}.link-list{display:grid;gap:10px;margin-top:14px}.link-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:10px}.link-item code{overflow-wrap:anywhere;word-break:break-all;font-size:11px}@media(max-width:800px){.link-item{grid-template-columns:1fr}.user-actions .btn{flex:1 1 auto}}
.public-wide .hero{max-width:1040px;width:100%}.public-section{margin-top:34px}.public-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.public-plan h2{margin:0}.plan-price{font-size:27px;font-weight:850;margin:14px 0 6px}.public-plan p{font-size:13px;line-height:1.5}.public-foot{margin-top:28px;font-size:11px}.public-foot a{color:var(--muted)}.client-shell{max-width:980px;margin:0 auto;padding:28px}.client-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}@media(max-width:800px){.public-plans{grid-template-columns:1fr}.client-shell{padding:18px}.client-top{align-items:flex-start;flex-direction:column}}

/* v0.6.0 — professional Users Center */
.users-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.user-metric{appearance:none;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px;cursor:pointer}.user-metric:hover{border-color:#bdc9d8}.user-metric span{display:block;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.03em}.user-metric strong{display:block;font-size:23px;margin-top:5px}.user-metric.good strong{color:var(--good)}.user-metric.warn strong{color:var(--warn)}.user-metric.bad strong{color:var(--bad)}
.users-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px}.users-toolbar-main{display:flex;gap:8px;align-items:center;flex:1;min-width:0}.users-toolbar select{border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:#fff;min-width:130px}.user-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;min-width:260px;flex:1}.user-search span{font-size:18px;color:var(--muted)}.user-search input{border:0;outline:0;padding:9px 0;width:100%;background:transparent}
.users-table-card{padding:0;overflow:hidden}.table-scroll{overflow:auto}.users-table{width:100%;border-collapse:collapse;min-width:980px}.users-table th{background:#f7f9fb;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.03em;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.users-table td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:12px}.users-table tbody tr{cursor:pointer}.users-table tbody tr:hover{background:#fafcff}.users-table tbody tr:last-child td{border-bottom:0}.users-table .is-archived{opacity:.63}.user-cell{display:flex;align-items:center;gap:10px;min-width:210px}.user-cell .avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf3ff;color:var(--accent);font-weight:850;flex:0 0 auto}.user-cell b{display:block;font-size:12px}.user-cell small,.subline,.days{display:block;color:var(--muted);font-size:9px;margin-top:3px}.account-kind{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.account-kind.portal{background:#eaf8f2;color:var(--good)}.account-kind.manual{background:#eef1f5;color:#657083}.sync-state{display:inline-flex;align-items:center;gap:5px;font-weight:750;font-size:10px}.sync-state i{width:7px;height:7px;border-radius:50%;background:#aab3c1}.sync-state.good{color:var(--good)}.sync-state.good i{background:var(--good)}.sync-state.bad{color:var(--bad)}.sync-state.bad i{background:var(--bad)}.sync-state.neutral{color:var(--muted)}.warn-text{color:var(--warn)!important}.bad-text{color:var(--bad)!important}.btn.compact{padding:6px 9px;font-size:10px;border-radius:8px}.table-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid var(--line);background:#fbfcfd}.page-indicator{font-size:11px;font-weight:750}.empty-inline,.empty-state{text-align:center;padding:28px}.user-detail-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 16px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.detail-grid>div{background:#f7f9fb;border:1px solid var(--line);border-radius:10px;padding:10px}.detail-grid small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;margin-bottom:4px}.detail-grid b{font-size:12px}.section-title{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800;letter-spacing:.04em;margin:15px 0 8px}
@media(max-width:1050px){.users-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.users-toolbar{align-items:stretch;flex-direction:column}.users-toolbar-main{flex-wrap:wrap}.user-search{min-width:100%;}.detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.users-metrics{grid-template-columns:1fr 1fr}.users-toolbar select{flex:1 1 45%;min-width:0}.detail-grid{grid-template-columns:1fr}}


/* v0.6.0 — Professional Client Portal */
.client-logo{font-size:19px;font-weight:900;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.client-logo.light{color:#fff}.client-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--accent);margin-bottom:8px}.client-eyebrow.light{color:#9fb8e7}.client-public-shell{min-height:100vh;background:#f7f9fc}.client-public-header{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:0 28px}.client-public-nav{display:flex;align-items:center;gap:10px}.client-public-nav>a:not(.btn){color:var(--muted);text-decoration:none;font-weight:750;font-size:13px;margin-right:8px}.client-public-main{max-width:1180px;margin:0 auto;padding:64px 28px 48px}.client-hero-pro{max-width:760px}.client-hero-pro h1{font-size:54px;line-height:1.02;letter-spacing:-.045em;margin:0 0 18px}.client-hero-pro p{font-size:18px;line-height:1.65;color:var(--muted);max-width:700px}.client-hero-actions{margin-top:24px}.client-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:48px 0}.client-benefits>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}.client-benefits b{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;color:var(--accent)}.client-benefits span{font-weight:850}.client-benefits small{color:var(--muted)}.client-public-plans{margin-top:44px}.client-section-head h2{font-size:30px;margin:0 0 18px}.client-public-footer{max-width:1180px;margin:0 auto;padding:24px 28px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.client-public-footer a{color:var(--muted)}
.client-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(480px,1.15fr)}.client-auth-brand{background:#111b2b;color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:space-between}.client-auth-brand>div{max-width:520px}.client-auth-brand h1{font-size:42px;line-height:1.05;letter-spacing:-.035em;margin:0 0 16px}.client-auth-brand p{color:#a9b7cc;line-height:1.65;font-size:16px}.client-auth-brand>small{color:#73839c}.client-auth-form-wrap{display:grid;place-items:center;padding:32px}.client-auth-form{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.client-auth-form h2{font-size:28px;margin:18px 0 6px}.client-auth-back{font-size:12px;color:var(--muted);text-decoration:none}.client-auth-submit{width:100%;margin-top:8px}.client-auth-empty{min-height:100vh;display:grid;place-items:center;padding:20px}.client-auth-empty-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.client-auth-empty-card h1{margin:22px 0 8px}.client-auth-empty-card p{color:var(--muted);line-height:1.6}
.client-app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.client-side{background:#111b2b;color:#fff;padding:26px 16px;display:flex;flex-direction:column;gap:30px}.client-side-nav{display:grid;gap:7px}.client-side-nav button{border:0;background:transparent;color:#aebbd0;text-align:left;padding:11px 12px;border-radius:10px;font-weight:750;cursor:pointer}.client-side-nav button:hover,.client-side-nav button.active{background:#1b2a40;color:#fff}.client-side-foot{margin-top:auto;border-top:1px solid #26344a;padding-top:16px}.client-side-user{display:grid;gap:4px;min-width:0}.client-side-user b,.client-side-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-side-user b{font-size:12px}.client-side-user span{font-size:10px;color:#8190a7}.client-logout{margin-top:12px;border:0;background:transparent;color:#9eabc0;padding:0;cursor:pointer;font-weight:750;font-size:11px}.client-main{padding:38px;max-width:1180px;width:100%;margin:0 auto}.client-mobile-top{display:none}.client-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.client-page-head h1{font-size:30px;letter-spacing:-.025em;margin:0 0 6px}.client-page-head p{margin:0;color:var(--muted)}.client-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.client-metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.client-metric span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.client-metric strong{display:block;font-size:19px;margin-top:6px}.client-panel-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;margin-bottom:14px}.client-panel-main{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.client-panel-main h2{font-size:25px;margin:0 0 5px}.client-panel-main p,.client-empty-panel p{margin:0;color:var(--muted)}.client-empty-panel{display:flex;justify-content:space-between;align-items:center;gap:20px}.client-empty-panel h2{margin:4px 0 7px}.client-steps{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.client-steps h2{font-size:16px;margin:0 0 14px}.client-steps>div{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.client-steps>div:first-of-type{border-top:0}.client-steps>div>span{font-size:10px;font-weight:900;color:var(--accent);background:#eef4ff;width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.client-steps p{margin:0;display:grid;gap:3px}.client-steps small{color:var(--muted)}.client-sub-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:14px}.client-help-card{background:#111b2b;color:#fff;border-radius:17px;padding:20px}.client-help-card h3{font-size:19px;margin:0 0 10px}.client-help-card p{color:#a9b7cc;line-height:1.6;font-size:13px}.client-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.client-detail-list>div{background:#f7f9fb;border:1px solid var(--line);border-radius:11px;padding:11px}.client-detail-list span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:4px}.client-detail-list b{font-size:12px}.client-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.client-plan-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;flex-direction:column;min-height:270px}.client-plan-card.current{border-color:#8fb8f1;box-shadow:0 0 0 1px #8fb8f1}.client-plan-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.client-plan-top h3{margin:0 0 7px;font-size:19px}.client-current-label{font-size:9px;font-weight:850;color:var(--accent);background:#eef4ff;border-radius:999px;padding:5px 7px}.client-plan-meta{display:flex;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:10px}.client-plan-meta span{background:#f4f6f9;border-radius:999px;padding:4px 7px}.client-plan-card p{color:var(--muted);font-size:12px;line-height:1.5}.client-plan-action{margin-top:auto}.client-plan-action .btn{width:100%}.client-empty{background:#fff;border:1px solid var(--line);border-radius:17px;padding:30px;text-align:center;display:grid;gap:6px}.client-empty span{color:var(--muted)}.client-profile-note{margin:16px 0 0}.client-subscription-link{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafbfc}.client-subscription-link code{overflow-wrap:anywhere;word-break:break-all;font-size:11px}
@media(max-width:980px){.client-plan-grid{grid-template-columns:1fr 1fr}.client-metrics{grid-template-columns:1fr 1fr}.client-sub-grid{grid-template-columns:1fr}.client-auth-shell{grid-template-columns:1fr}.client-auth-brand{min-height:280px}.client-benefits{grid-template-columns:1fr}}
@media(max-width:760px){.client-public-header{height:auto;padding:18px}.client-public-nav>a:not(.btn){display:none}.client-public-main{padding:36px 18px}.client-hero-pro h1{font-size:38px}.client-public-footer{padding:20px 18px}.client-app-shell{display:block}.client-side{padding:14px 16px;gap:12px}.client-side>.client-logo,.client-side-foot{display:none}.client-side-nav{display:flex;overflow:auto}.client-side-nav button{white-space:nowrap}.client-main{padding:18px}.client-mobile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.client-page-head h1{font-size:26px}.client-plan-grid{grid-template-columns:1fr}.client-empty-panel{align-items:flex-start;flex-direction:column}.client-detail-list{grid-template-columns:1fr}.client-auth-brand{padding:28px;min-height:240px}.client-auth-brand h1{font-size:32px}.client-auth-form-wrap{padding:18px}.client-auth-form{padding:22px}.client-subscription-link{grid-template-columns:1fr}}

/* v0.7.1 — Orders & Payments Core */
.orders-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.orders-table{min-width:900px}.order-row td:first-child b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.client-order-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.client-orders-table{min-width:820px}.client-orders-table td:last-child{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.client-payment-note{margin-top:14px}.client-payment-note b{display:block;margin-bottom:4px}.status.warnstatus{background:#fff5dc;color:var(--warn)}
@media(max-width:980px){.orders-metrics{grid-template-columns:1fr 1fr}.client-order-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.orders-metrics{grid-template-columns:1fr 1fr}.client-order-metrics{grid-template-columns:1fr 1fr}.client-orders-table{min-width:760px}}


/* v0.12.3 — SBP Payment UX */
.client-payment-modal-shell{width:min(560px,100%);padding:0;overflow:auto}.client-payment-modal{padding:24px}.client-payment-modal .modal-head{margin-bottom:20px}.client-payment-modal .modal-head h2{font-size:24px;margin:2px 0 4px}.client-sbp-summary{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;background:#f6f9ff;border:1px solid #dce9fb;border-radius:16px;padding:18px;margin-bottom:12px}.client-sbp-amount{display:grid;gap:3px}.client-sbp-amount>span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:850}.client-sbp-amount strong{font-size:30px;line-height:1.05;letter-spacing:-.02em}.client-sbp-amount small{color:var(--muted)}.client-sbp-details{display:grid;gap:8px;margin-bottom:12px}.client-sbp-detail{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff}.client-sbp-detail>span{font-size:10px;text-transform:uppercase;letter-spacing:.035em;color:var(--muted);font-weight:800}.client-sbp-detail>b{font-size:13px;overflow-wrap:anywhere}.client-copy-btn{white-space:nowrap}.client-sbp-custom-note{padding:11px 12px;border-radius:11px;background:#f7f9fb;color:#4e596c;font-size:12px;line-height:1.55;margin-bottom:12px}.client-sbp-steps{border-top:1px solid var(--line);padding-top:16px;margin-top:4px}.client-sbp-steps>b{font-size:13px}.client-sbp-steps p{margin:6px 0 0;color:var(--muted);font-size:12px}.client-sbp-steps ol{margin:8px 0 0;padding-left:20px;color:#4e596c;font-size:12px;line-height:1.7}.client-sbp-action-area{display:grid;gap:8px;margin-top:18px}.client-sbp-action-area>small{color:var(--muted);line-height:1.45;text-align:center}.client-sbp-primary{width:100%;min-height:46px}.client-sbp-confirm{background:#f7f9fb;border:1px solid var(--line);border-radius:14px;padding:16px}.client-sbp-confirm>b{font-size:16px}.client-sbp-confirm p{margin:6px 0 14px;color:var(--muted);line-height:1.5}.client-sbp-confirm-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.client-payment-success{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;background:#edf9f4;border:1px solid #cfeee0;color:#155f45;border-radius:14px;padding:14px}.client-payment-success-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#d6f3e6;font-weight:900;font-size:18px}.client-payment-success b{display:block;margin-bottom:3px}.client-payment-success p{margin:0;color:#39725e;font-size:12px;line-height:1.5}
@media(max-width:600px){.client-payment-modal{padding:18px}.client-sbp-summary{align-items:stretch;flex-direction:column}.client-sbp-summary .client-copy-btn{width:100%}.client-sbp-detail{grid-template-columns:1fr auto}.client-sbp-detail>span{grid-column:1/-1}.client-sbp-confirm-actions{grid-template-columns:1fr}.client-sbp-amount strong{font-size:27px}}

/* v0.12.3 p2 — SBP confirmation fit */
.client-sbp-confirm{min-width:0;overflow:visible}.client-sbp-confirm p{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}.client-sbp-confirm-actions .btn{min-width:0;white-space:normal}
@media(max-width:600px){.client-payment-modal-shell{max-height:calc(100vh - 24px)}.client-sbp-confirm{padding:14px}.client-sbp-confirm p{font-size:13px;line-height:1.4;margin-bottom:12px}}


/* v0.12.3 — Unified Dialog UX */
.btn.danger-solid{background:var(--bad);color:#fff;border-color:var(--bad)}
.ui-dialog-shell{width:min(470px,100%);padding:0;overflow:hidden;max-height:calc(100vh - 28px)}
.ui-dialog{padding:22px}.ui-dialog .modal-head{margin-bottom:14px}.ui-dialog .modal-head h2{font-size:22px;letter-spacing:-.015em;margin:2px 0 0}.ui-dialog-text{margin:0;color:#4e596c;font-size:14px;line-height:1.55;white-space:pre-line}.ui-dialog-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f7f9fb;border:1px solid var(--line);color:var(--muted);font-size:12px}.ui-dialog-field{display:grid;gap:7px;margin-top:16px}.ui-dialog-field label{font-size:11px;color:var(--muted);font-weight:800}.ui-dialog-field input,.ui-dialog-field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;resize:vertical}.ui-dialog-field input:focus,.ui-dialog-field textarea:focus{outline:2px solid #dce9fb;border-color:#9fc0ef}.ui-dialog-error{min-height:16px;color:var(--bad);font-size:11px}.ui-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.ui-dialog-actions.single{justify-content:flex-end}.ui-dialog-actions .btn{min-width:120px}
.admin-order-modal{width:min(860px,100%);padding:18px 20px;max-height:calc(100vh - 24px);overflow:auto}.admin-order-modal .modal-head h2{font-size:25px}.admin-order-modal .user-detail-head{margin:9px 0 11px}.admin-order-modal .detail-grid{gap:7px;margin-bottom:10px}.admin-order-modal .detail-grid>div{padding:8px 10px}.admin-order-modal .section-title{margin:10px 0 6px}.admin-order-modal .item{padding:8px 11px}.admin-order-modal .notice,.admin-order-modal .errorbox{padding:9px 11px;margin-bottom:9px}.admin-order-modal .row{margin-top:8px!important;margin-bottom:0!important}
/* Payment modal: desktop should fit without dragging the page scrollbar in normal 768px-high windows. */
.client-payment-modal{padding:18px 22px}.client-payment-modal .modal-head{margin-bottom:13px}.client-sbp-summary{padding:13px 15px;margin-bottom:9px}.client-sbp-details{gap:6px;margin-bottom:9px}.client-sbp-detail{padding:8px 10px}.client-sbp-custom-note{padding:9px 10px;margin-bottom:9px}.client-sbp-steps{padding-top:10px}.client-sbp-steps ol{margin-top:5px;line-height:1.48}.client-sbp-action-area{margin-top:11px}.client-sbp-confirm{padding:13px}.client-sbp-confirm p{margin:4px 0 10px;line-height:1.4}
@media(max-width:600px){.ui-dialog{padding:18px}.ui-dialog-actions{display:grid;grid-template-columns:1fr}.ui-dialog-actions .btn{width:100%}.admin-order-modal{padding:16px}.client-payment-modal{padding:16px}.client-sbp-summary{padding:12px}}

/* v0.12.3 Service Health / Customer Notices */
.service-banner{display:grid;gap:4px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:0 0 14px;background:#f7f9fb}
.service-banner b{font-size:13px}.service-banner span{font-size:12px;line-height:1.5;color:#4e596c}
.service-banner.info{background:#f3f7ff;border-color:#dbe7fb}.service-banner.warning{background:#fff8e7;border-color:#f2dfac}.service-banner.critical{background:#fff1f1;border-color:#f2caca}.service-banner.critical b{color:var(--bad)}
.service-metrics{margin-bottom:14px}.service-columns{align-items:start}.service-incident-row small{display:block;max-width:620px;white-space:normal;line-height:1.4}.good-text{color:#17855b}.bad-text{color:var(--bad)}
@media(max-width:900px){.service-columns{grid-template-columns:1fr}}

/* v0.14.1 — Compensation Targeting */
.comp-scope-note{padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#f7f9fb;color:#4e596c;font-size:12px;line-height:1.5;margin:10px 0 14px}
.comp-target-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:250px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:9px;background:#fafbfc}
.comp-target-option{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;cursor:pointer;min-width:0}.comp-target-option:hover{border-color:#bdc9d8}.comp-target-option:has(input:checked){border-color:var(--accent);background:#f3f7ff;box-shadow:0 0 0 1px var(--accent)}.comp-target-option input{margin-top:3px;accent-color:var(--accent)}.comp-target-option span{display:grid;gap:3px;min-width:0}.comp-target-option b{font-size:12px;overflow-wrap:anywhere}.comp-target-option b small{font-weight:600;color:var(--muted)}.comp-target-option small{font-size:10px;color:var(--muted)}
.comp-user-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:8px}.comp-user-toolbar input{flex:1}.comp-user-toolbar span{font-size:11px;color:var(--muted);white-space:nowrap}
.comp-preview-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-bottom:10px}.comp-preview-head small{display:block;color:#8a6a2d;font-size:9px;text-transform:uppercase;font-weight:800}.comp-preview-head b{display:block;margin-top:2px;color:#60440d}
.comp-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:9px}.comp-preview-stats>div{background:rgba(255,255,255,.55);border:1px solid #ead5a8;border-radius:9px;padding:8px}.comp-preview-stats strong{display:block;font-size:18px}.comp-preview-stats span{display:block;font-size:9px;color:#8a6a2d;margin-top:2px}.comp-skip-line{font-size:10px;color:#76520f;margin-bottom:9px}.comp-preview-list{display:grid;gap:6px;max-height:260px;overflow:auto;margin-top:8px}.comp-preview-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(145px,.7fr) minmax(145px,.7fr);gap:9px;align-items:center;background:#fff;border:1px solid #ead5a8;border-radius:9px;padding:8px}.comp-preview-row>div{min-width:0}.comp-preview-row b{display:block;font-size:11px;overflow-wrap:anywhere}.comp-preview-row small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.comp-actions{position:sticky;bottom:-22px;background:#fff;padding:10px 0 0;margin-top:4px;z-index:2}
@media(max-width:700px){.comp-target-list{grid-template-columns:1fr}.comp-user-toolbar{align-items:stretch;flex-direction:column}.comp-preview-head{grid-template-columns:1fr}.comp-preview-stats{grid-template-columns:1fr 1fr 1fr}.comp-preview-row{grid-template-columns:1fr}.comp-actions{bottom:-18px}.comp-actions .btn{flex:1}}
.noc-integration-card{margin-bottom:16px}.noc-node-list{display:grid;gap:8px;margin-top:10px}.noc-node-row{display:grid;grid-template-columns:minmax(230px,1fr) minmax(260px,1.4fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fafbfc}.noc-node-main{display:flex;gap:10px;align-items:center;min-width:0}.noc-node-main>div{display:grid;gap:2px;min-width:0}.noc-node-main b{font-size:12px;overflow-wrap:anywhere}.noc-node-main small{font-size:10px;color:var(--muted)}.noc-node-bindings{display:flex;gap:5px;flex-wrap:wrap;min-width:0}.noc-node-bindings .tag{font-size:9px}.status.error{background:#fff1f1;color:var(--bad);border-color:#f2caca}
@media(max-width:820px){.noc-node-row{grid-template-columns:1fr}.noc-node-row>.btn{width:100%}.noc-node-bindings{margin-left:0}}

/* v0.14.1-p5 — Support Reliability & Live Preview */
.support-chat-modal{width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;overflow:hidden}
.support-chat-shell{display:grid;grid-template-rows:auto minmax(240px,1fr) auto auto;max-height:calc(100vh - 28px);background:#f7f9fb}
.support-chat-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;background:#fff;border-bottom:1px solid var(--line)}
.support-chat-head h2{margin:2px 0 3px;font-size:22px}.support-chat-head p{margin:0;color:var(--muted);font-size:12px}.support-chat-head-actions{display:flex;gap:10px;align-items:center}.support-chat-head-actions .field{margin:0;min-width:150px}.support-chat-head-actions .x{flex:0 0 auto}
.support-thread{display:grid;gap:10px;align-content:start}.admin-support-thread{padding:18px 20px;overflow:auto;min-height:320px;max-height:58vh}.support-chat-card .support-thread{padding:4px 0}
.support-msg{display:grid;gap:4px;max-width:76%}.support-msg.mine{justify-self:end}.support-msg.theirs{justify-self:start}.support-msg-meta{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.support-msg.mine .support-msg-meta{justify-content:flex-end}.support-msg-meta b{color:#4c5769;font-size:10px}
.support-msg-bubble{border:1px solid var(--line);border-radius:14px 14px 14px 5px;padding:10px 12px;background:#fff;box-shadow:0 1px 2px rgba(20,34,55,.03)}.support-msg.mine .support-msg-bubble{background:#eef5ff;border-color:#d7e6fb;border-radius:14px 14px 5px 14px}.support-msg-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:13px}
.support-attachments{display:grid;gap:6px;margin-top:8px}.support-attachment{display:flex;gap:6px;align-items:center;width:fit-content;max-width:100%;padding:7px 9px;border:1px solid #d6e0ed;border-radius:9px;background:rgba(255,255,255,.72);font-size:11px;text-decoration:none;color:var(--text);overflow-wrap:anywhere}.support-attachment small{color:var(--muted);white-space:nowrap}.support-attachment.deleted{color:var(--muted);border-style:dashed}.support-attachment-preview{display:grid;gap:6px;width:min(280px,100%);text-decoration:none;color:var(--text)}.support-attachment-preview img{display:block;width:100%;max-height:220px;object-fit:cover;border:1px solid #d6e0ed;border-radius:10px;background:#f7f9fc}.support-attachment-preview span{display:flex;gap:7px;align-items:baseline;justify-content:space-between;font-size:11px;min-width:0}.support-attachment-preview b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-attachment-preview small{color:var(--muted);white-space:nowrap}
.support-composer{padding:12px 18px 14px;background:#fff;border-top:1px solid var(--line)}.support-composer textarea{width:100%;resize:vertical;min-height:74px;max-height:180px;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.support-composer-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:8px}.support-file-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.support-file-btn{cursor:pointer}.support-retention-note{padding:8px 18px 11px;background:#fff;color:var(--muted);font-size:10px;border-top:1px solid #eef1f5}.support-chat-closed{padding:13px 18px;background:#fff8e7;border-top:1px solid #f2dfac;color:#6e531b;font-size:12px}
@media(max-width:700px){.support-chat-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.support-chat-shell{max-height:calc(100vh - 16px)}.support-chat-head{align-items:flex-start;flex-direction:column;padding:14px}.support-chat-head-actions{width:100%;flex-wrap:wrap}.support-chat-head-actions .field{flex:1}.admin-support-thread{padding:14px;max-height:54vh}.support-msg{max-width:92%}.support-composer{padding:10px 12px}.support-composer-foot{align-items:stretch;flex-direction:column}.support-composer-foot .btn.primary{width:100%}.support-retention-note{padding:8px 12px}}

/* v0.15.0 Finance & Analytics */
.analytics-filter{margin-bottom:16px}
.analytics-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.analytics-filter-head h2{margin:3px 0 4px}
.analytics-periods{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.analytics-periods input,.analytics-currency select{border:1px solid var(--line,#dbe3ef);border-radius:10px;padding:8px 10px;background:#fff;color:inherit}
.analytics-period-label{margin-top:9px}
.analytics-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}
.analytics-metrics .metric strong{font-size:1.45rem}
.analytics-metrics .metric small{display:block;margin-top:4px;color:var(--muted,#718096)}
.analytics-chart{height:260px;display:flex;align-items:stretch;gap:4px;overflow-x:auto;padding:12px 4px 2px;margin-top:12px;border-top:1px solid var(--line,#e6edf5)}
.analytics-bar-col{min-width:18px;flex:1 0 18px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}
.analytics-bar-wrap{height:210px;width:100%;display:flex;align-items:flex-end}
.analytics-bar{width:100%;min-height:2px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#2563eb,#1d4ed8)}
.analytics-bar.zero{opacity:.18}
.analytics-bar-col small{font-size:10px;white-space:nowrap;color:var(--muted,#718096)}
@media (max-width:720px){.analytics-filter-head{display:block}.analytics-chart{height:220px}.analytics-bar-wrap{height:175px}}

/* v0.18.0 — Connection Center & Device Setup */
.connection-access-card{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:center}.connection-qr{display:grid;gap:8px;justify-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.connection-qr img{width:170px;height:170px;max-width:100%;object-fit:contain;background:#fff}.connection-qr small{color:var(--muted);font-size:10px;text-align:center}.connection-link-block{min-width:0}.connection-link-block h2{margin:3px 0 7px}.client-subscription-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:12px}.client-subscription-link code{display:block;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#f7f9fb;overflow-wrap:anywhere;word-break:break-all;font-size:10px}.connection-device-summary{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin:14px 0}.connection-device-summary>div{min-width:130px;flex:1;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 12px}.connection-device-summary span{display:block;color:var(--muted);font-size:10px}.connection-device-summary strong{display:block;margin-top:4px;font-size:17px}.connection-device-summary>.btn{align-self:center}.connection-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.connection-platform-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:13px}.connection-platform-head{display:flex;gap:11px;align-items:center}.connection-platform-head h3{margin:0 0 3px}.connection-platform-head small{color:var(--muted)}.connection-platform-icon{width:42px;height:42px;border-radius:12px;background:#f0f5ff;display:grid;place-items:center;font-size:22px}.connection-instructions{font-size:12px;line-height:1.6;color:#4e596c;min-height:72px}.connection-admin-row small{display:block;margin-top:3px}.connection-admin-row code{font-size:10px}@media(max-width:760px){.connection-access-card{grid-template-columns:1fr}.connection-platform-grid{grid-template-columns:1fr}.client-subscription-link{grid-template-columns:1fr}.connection-device-summary{display:grid;grid-template-columns:1fr 1fr}.connection-device-summary>.btn{grid-column:1/-1}.connection-qr img{width:150px;height:150px}}

/* v0.18.0 — Help Center & FAQ */
.help-search-card{margin-bottom:14px}.help-search-card .field{margin:0}.help-category-card{margin-bottom:14px}.help-category-head{display:flex;gap:11px;align-items:center;margin-bottom:12px}.help-category-head h2{margin:0 0 3px}.help-category-head p{margin:0;color:var(--muted);font-size:11px}.help-category-icon{width:42px;height:42px;border-radius:12px;background:#f4f7fb;display:grid;place-items:center;font-size:21px}.help-faq-list{display:grid;gap:8px}.help-faq-item{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.help-faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;font-weight:700;font-size:13px}.help-faq-item summary::-webkit-details-marker{display:none}.help-faq-item[open] summary{border-bottom:1px solid var(--line);background:#fafbfd}.help-faq-chevron{color:var(--muted);font-size:16px;transition:transform .15s ease}.help-faq-item[open] .help-faq-chevron{transform:rotate(180deg)}.help-faq-answer{padding:13px 14px;font-size:12px;line-height:1.65;color:#4d596b;overflow-wrap:anywhere}.help-faq-actions{margin-top:12px}.help-support-cta{display:flex;align-items:center;justify-content:space-between;gap:18px}.help-support-cta h2{margin:3px 0 4px}.help-admin-row{align-items:center}.help-admin-row>div:first-child{min-width:0}.help-admin-row small{display:block;margin-top:3px}.help-admin-row .row{flex:0 0 auto}.help-admin-row b{overflow-wrap:anywhere}
@media(max-width:700px){.help-support-cta{align-items:stretch;flex-direction:column}.help-support-cta .btn{width:100%}.help-admin-row{align-items:stretch;flex-direction:column}.help-admin-row .row{width:100%}.help-admin-row .row .btn{flex:1}}

/* v0.19.0 — Payments & Order History */
.client-active-order{margin-bottom:16px;border-color:#cfe0fb;background:#f7fbff}.order-timeline{display:grid;gap:0;margin:4px 0 10px}.order-timeline-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;position:relative;padding:0 0 14px}.order-timeline-item:not(:last-child):before{content:"";position:absolute;left:7px;top:14px;bottom:0;width:2px;background:#e2e8f0}.order-timeline-dot{width:14px;height:14px;border-radius:50%;background:#2563eb;border:3px solid #dbeafe;margin-top:2px;z-index:1}.order-timeline-item b{display:block;font-size:12px}.order-timeline-item small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.order-timeline-item p{margin:4px 0 0;color:#4e596c;font-size:11px;line-height:1.45}.order-history-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(130px,.8fr)) minmax(100px,.6fr) repeat(2,minmax(135px,.7fr)) auto auto;gap:8px;align-items:center}.order-history-filters input,.order-history-filters select{min-width:0}.order-history-filters .user-search{min-width:0}.order-history-filters .btn{white-space:nowrap}
@media(max-width:1180px){.order-history-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.order-history-filters .user-search{grid-column:1/-1}}
@media(max-width:760px){.order-history-filters{grid-template-columns:1fr 1fr}.order-history-filters .user-search{grid-column:1/-1}.order-history-filters .btn{width:100%}}

/* v0.20.0 — Branding & Release Reliability */
.client-logo.has-image{display:inline-flex;align-items:center;max-width:220px}.client-logo.has-image img{display:block;max-width:220px;max-height:44px;width:auto;height:auto;object-fit:contain}.client-side .client-logo.has-image img,.side .client-logo.has-image img{max-width:190px;max-height:40px}.client-auth-brand{background-image:linear-gradient(rgba(17,27,43,.78),rgba(17,27,43,.86)),var(--brand-auth-background,none);background-size:cover;background-position:center}.branding-admin-preview{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.branding-preview-logo{width:150px;height:54px;display:grid;place-items:center;border:1px dashed #cfd8e5;border-radius:10px;background:#fff;padding:7px}.branding-preview-logo img{max-width:100%;max-height:100%;object-fit:contain}.branding-admin-preview>div:nth-child(2){display:grid;gap:4px}.branding-admin-preview small{color:var(--muted)}.branding-color-swatch{width:34px;height:34px;border-radius:10px;background:var(--swatch);border:1px solid rgba(0,0,0,.08)}.branding-color-field{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px}.branding-color-field input[type=color]{width:52px;height:42px;border:1px solid var(--line);border-radius:9px;padding:3px;background:#fff}.branding-upload-list{display:grid;gap:8px}.branding-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:#fafbfc}.branding-upload-row>div:first-child{display:grid;gap:3px}.branding-upload-row small{color:var(--muted);font-size:10px}.branding-upload-row img{display:block;max-width:220px;max-height:70px;object-fit:contain;margin-top:6px;border-radius:8px;background:#fff;border:1px solid var(--line);padding:4px}.branding-file-btn{cursor:pointer}.admin-brand .client-logo{font-size:19px}.admin-brand small{margin-top:6px}@media(max-width:720px){.branding-admin-preview{grid-template-columns:1fr}.branding-preview-logo{width:100%}.branding-color-swatch{width:100%;height:10px}.branding-upload-row{grid-template-columns:1fr}.branding-upload-row .row{width:100%}.branding-upload-row .btn{flex:1}}

/* v0.20.0-p3 — Branding presentation polish */
.client-logo.has-image{display:inline-flex;align-items:center;gap:9px;max-width:220px;min-width:0;text-decoration:none}.client-logo-media{display:grid;place-items:center;flex:0 0 auto;overflow:hidden}.client-logo.has-image.is-mark .client-logo-media{width:38px;height:38px;border-radius:10px;padding:3px;background:#fff;border:1px solid rgba(17,27,43,.08)}.client-logo.has-image.is-mark img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.client-logo-title{display:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850;letter-spacing:-.01em}.client-logo.has-image.is-mark .client-logo-title{display:block}.client-logo.has-image.is-wordmark .client-logo-media{max-width:190px;max-height:44px}.client-logo.has-image.is-wordmark .client-logo-media img{display:block;max-width:190px;max-height:44px;width:auto;height:auto;object-fit:contain}.client-logo.has-image.is-wordmark .client-logo-title{display:none}.client-logo.light.has-image.is-mark .client-logo-media{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.22)}.client-side .client-logo.has-image.is-mark .client-logo-media,.side .client-logo.has-image.is-mark .client-logo-media{width:36px;height:36px}.client-side .client-logo-title,.side .client-logo-title{font-size:14px;color:#fff}.client-mobile-top .client-logo.has-image.is-mark .client-logo-media{width:32px;height:32px}.client-mobile-top .client-logo-title{font-size:13px;color:var(--ink)}.client-auth-brand .client-logo.has-image.is-mark .client-logo-media{width:54px;height:54px;border-radius:14px}.client-auth-brand .client-logo-title{font-size:18px;color:#fff}.admin-brand .client-logo.has-image.is-mark .client-logo-media{width:36px;height:36px}.admin-brand .client-logo-title{font-size:14px;color:#fff}.branding-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.branding-context-grid>div{display:grid;gap:5px}.branding-context-grid>div>small{font-size:9px;text-transform:uppercase;font-weight:850;letter-spacing:.04em;color:var(--muted)}.branding-context-surface{min-height:74px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;display:flex;align-items:center}.branding-context-surface.dark{background:#111b2b;border-color:#111b2b}.branding-context-logo{display:inline-flex;align-items:center;gap:9px;min-width:0}.branding-context-logo img{display:block;object-fit:contain}.branding-context-logo.is-mark img{width:42px;height:42px;border-radius:10px;background:#fff;padding:3px;object-fit:contain}.branding-context-logo.is-mark span{display:block;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branding-context-surface.dark .branding-context-logo.is-mark span{color:#fff}.branding-context-logo.is-wordmark img{max-width:220px;max-height:42px;width:auto;height:auto}.branding-context-logo.is-wordmark span{display:none}.branding-admin-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.branding-admin-summary>div{display:grid;gap:3px}.branding-admin-summary small{color:var(--muted)}.branding-upload-row{align-items:flex-start}.branding-upload-copy{display:grid;gap:4px}.branding-upload-copy>small+small{max-width:620px;line-height:1.35}.branding-asset-visual{margin-top:6px;min-height:74px;max-width:360px;border:1px dashed #cfd8e5;border-radius:10px;background:#fff;padding:9px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.branding-asset-visual>span{font-size:10px;color:var(--muted)}.branding-asset-visual img{display:block;margin:0;border:0;padding:0;background:transparent;border-radius:7px;object-fit:contain}.branding-asset-visual.is-mark img{width:58px;height:58px}.branding-asset-visual.is-wordmark img{max-width:320px;max-height:58px;width:auto;height:auto}.branding-asset-visual.dark{background:#111b2b;border-color:#27364c}.branding-asset-visual.favicon{width:76px;min-height:76px}.branding-asset-visual.favicon img{width:52px!important;height:52px!important;object-fit:contain}.branding-asset-visual.background{aspect-ratio:16/5;max-width:420px;background:#eef2f7}.branding-asset-visual.background img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover}.branding-upload-row .row{align-self:flex-start;margin-top:1px}@media(max-width:720px){.branding-context-grid{grid-template-columns:1fr}.branding-context-logo.is-wordmark img{max-width:180px}.branding-asset-visual{max-width:100%}}

/* v0.20.0-p4 — Full Audit UX & Accessibility Polish */
/* Service information architecture */
.service-section-index{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;position:sticky;top:8px;z-index:8;box-shadow:0 6px 18px rgba(20,32,51,.04)}
.service-section-index a{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fafbfc;color:var(--ink);text-decoration:none;font-size:11px;font-weight:800}
.service-section-index a:hover{border-color:#b8c8df;background:#f4f8ff;color:var(--accent)}
.service-section-heading{scroll-margin-top:74px;display:flex;align-items:center;gap:11px;margin:22px 0 10px;padding:0 2px;color:var(--ink)}
.service-section-heading>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf4ff;color:var(--accent);font-size:10px;font-weight:900}
.service-section-heading>div{display:grid;gap:2px}.service-section-heading b{font-size:15px}.service-section-heading small{color:var(--muted);font-size:11px}

/* Modal usability: heading and save actions stay available in long dialogs */
.modal-head{position:sticky;top:-22px;z-index:6;background:#fff;padding:4px 0 12px;margin-top:-4px;border-bottom:1px solid transparent}
/* Launch Audit p2: keep long-dialog actions visible without painting primary buttons white. */
.modal form>button[type="submit"]:last-child{position:sticky;bottom:0;z-index:5;margin-top:12px;box-shadow:0 0 0 8px #fff,0 -12px 18px rgba(255,255,255,.94)}
.modal form>button[type="submit"]:last-child.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.modal form>.row:last-child:has(button[type="submit"]){position:sticky;bottom:-22px;z-index:5;background:#fff;padding-top:12px;padding-bottom:4px;box-shadow:0 -12px 18px rgba(255,255,255,.94);margin-left:-2px;margin-right:-2px}
.x:focus-visible,.btn:focus-visible,.nav button:focus-visible,.client-side-nav button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}

/* Order filters no longer force the desktop document wider than the viewport */
.order-history-filters{width:100%;max-width:100%;grid-template-columns:minmax(230px,1.7fr) repeat(3,minmax(110px,1fr));align-items:stretch}
.order-history-filters>*{min-width:0;max-width:100%}.order-history-filters .user-search{min-width:0}.users-toolbar{max-width:100%;overflow:hidden}

/* Human-readable security history */
.login-history-item small{line-height:1.45}

@media(max-width:1180px){
  .order-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-history-filters .user-search{grid-column:1/-1}
}

@media(max-width:760px){
  /* Mobile navigation is fully discoverable: no hidden items off the right edge. */
  .side{padding:16px;gap:14px}
  .side .brand{margin-bottom:2px}
  .nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible!important;width:100%}
  .nav button{min-width:0;padding:9px 6px;text-align:center;font-size:11px;line-height:1.2;white-space:normal;min-height:42px}
  .side-foot{margin-top:4px;padding-top:8px;border-top:1px solid #26344a}

  .client-side{padding:16px;gap:14px}
  .client-side>.client-logo,.client-side-foot{display:flex}
  .client-side-foot{display:none}
  .client-side-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible!important;width:100%}
  .client-side-nav button{min-width:0;padding:9px 5px;text-align:center;font-size:11px;line-height:1.2;white-space:normal;min-height:42px}
  /* The old second mobile header duplicated logo + current section. */
  .client-mobile-top{display:none!important}
  .client-main{padding:18px}

  /* Auth pages: keep the brand, but do not spend half the phone viewport on the hero. */
  .client-auth-shell{display:block;min-height:100vh}
  .client-auth-brand{min-height:0!important;padding:18px 20px!important;display:block!important}
  .client-auth-brand>div{margin-top:12px;max-width:none}
  .client-auth-brand h1{font-size:22px!important;line-height:1.15;margin:0}
  .client-auth-brand p{display:none}
  .client-auth-brand>small{display:none}
  .client-auth-form-wrap{padding:16px 14px 24px}
  .client-auth-form{padding:20px}

  /* Orders become readable cards instead of a cropped wide table. */
  .orders-table,.client-orders-table{min-width:0!important;width:100%!important}
  .orders-table thead,.client-orders-table thead{display:none}
  .orders-table tbody,.client-orders-table tbody{display:grid;gap:10px;padding:10px}
  .orders-table tr,.client-orders-table tr{display:block;width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(20,32,51,.03)}
  .orders-table td,.client-orders-table td{display:grid!important;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:start;width:100%;padding:10px 12px!important;border-bottom:1px solid var(--line)!important;font-size:12px}
  .orders-table td:last-child,.client-orders-table td:last-child{border-bottom:0!important}
  .orders-table td::before,.client-orders-table td::before{font-size:9px;text-transform:uppercase;letter-spacing:.035em;color:var(--muted);font-weight:850;padding-top:2px}
  .orders-table td:nth-child(1)::before,.client-orders-table td:nth-child(1)::before{content:"Заказ"}
  .orders-table td:nth-child(2)::before{content:"Клиент"}.client-orders-table td:nth-child(2)::before{content:"Тариф"}
  .orders-table td:nth-child(3)::before{content:"Тариф"}.client-orders-table td:nth-child(3)::before{content:"Сумма"}
  .orders-table td:nth-child(4)::before{content:"Сумма"}.client-orders-table td:nth-child(4)::before{content:"Статус"}
  .orders-table td:nth-child(5)::before{content:"Статус"}.client-orders-table td:nth-child(5)::before{content:"Действия"}
  .orders-table td:nth-child(6)::before{content:"Действия"}
  .orders-table td .row,.client-orders-table td .row{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .orders-table td .btn,.client-orders-table td .btn{width:100%;min-width:0}
  .users-table-card:has(.orders-table) .table-scroll,.client-panel-card:has(.client-orders-table) .table-scroll{overflow:visible}

  /* Other admin tables may still scroll, but their action column remains reachable. */
  .users-table:not(.orders-table):not(.client-orders-table) th:last-child,.users-table:not(.orders-table):not(.client-orders-table) td:last-child{position:sticky;right:0;background:#fff;box-shadow:-8px 0 12px rgba(20,32,51,.04)}
  .users-table:not(.orders-table):not(.client-orders-table) th:last-child{background:#f7f9fb}

  .order-history-filters{grid-template-columns:1fr!important}
  .order-history-filters .user-search{grid-column:auto}
  .order-history-filters .btn,.order-history-filters a.btn{width:100%}

  .service-section-index{position:static;display:grid;grid-template-columns:1fr 1fr;margin-bottom:14px}
  .service-section-index a{justify-content:center;text-align:center}
  .service-section-heading{margin-top:18px}
}

@media(max-width:430px){
  .nav,.client-side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-section-index{grid-template-columns:1fr}
  .orders-table td,.client-orders-table td{grid-template-columns:80px minmax(0,1fr)}
  .orders-table td .row,.client-orders-table td .row{grid-template-columns:1fr}
}

/* v0.21.2 — Launch UI Foundation */
:root{
  --bg:#f4f3ef;
  --card:#fff;
  --ink:#111827;
  --muted:#748095;
  --line:#e3e6eb;
  --surface-soft:#f8f8f6;
  --midnight:#0d1524;
  --midnight-2:#131e31;
  --midnight-3:#1a2940;
  --shadow-soft:0 8px 28px rgba(15,23,42,.06);
  --shadow-float:0 18px 50px rgba(15,23,42,.12);
  --radius-lg:18px;
  --radius-md:13px;
}
body{background:var(--bg);letter-spacing:-.005em}
button,a,input,select,textarea{transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}
.btn{border-radius:11px;min-height:38px}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px rgba(15,23,42,.06)}
.btn.primary{box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 18%,transparent)}
.card,.client-panel-card,.client-steps,.client-plan-card,.client-empty{border-color:var(--line);border-radius:var(--radius-lg);box-shadow:0 1px 0 rgba(15,23,42,.02)}
.field input,.field select,.field textarea{border-radius:11px;min-height:42px}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:color-mix(in srgb,var(--accent) 55%,#cbd5e1);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}

.launch-icon{width:19px;height:19px;display:block;flex:0 0 auto}
.launch-side-brand{display:grid;gap:7px;padding:2px 8px 12px}.launch-side-brand>small{color:#74859f;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.launch-side-brand .client-logo{max-width:100%}
.launch-primary-nav{display:grid!important;gap:6px!important;overflow:visible!important}
.launch-primary-nav .launch-nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#9fadc2;text-align:left;padding:10px 11px;border-radius:11px;cursor:pointer;font-size:12px;font-weight:760;min-height:42px}
.launch-primary-nav .launch-nav-item:hover{background:rgba(255,255,255,.055);color:#fff}
.launch-primary-nav .launch-nav-item.active{background:#1b2a40;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.launch-primary-nav .launch-nav-item.active .launch-icon{color:#9dbcf1}
.launch-side-foot{margin-top:auto;border-top:1px solid #223149;padding:14px 6px 0}
.launch-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 72%,#fff),var(--accent));color:#fff;font-weight:850;box-shadow:0 6px 16px rgba(0,0,0,.18);flex:0 0 auto}
.launch-admin-identity{display:flex;align-items:center;gap:10px;min-width:0}.launch-admin-identity>span:last-child{display:grid;gap:2px;min-width:0}.launch-admin-identity b{color:#f6f8fb;font-size:11px}.launch-admin-identity small{color:#74859f;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.launch-health{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:999px;font-size:10px;font-weight:800;color:#4c596d;white-space:nowrap}.launch-health i{width:7px;height:7px;border-radius:50%;background:#94a3b8}.launch-health.ok i{background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 11%,transparent)}.launch-health.warn i{background:var(--warn);box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 11%,transparent)}
.launch-section-nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:-7px 0 18px;padding:5px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.72);width:max-content;max-width:100%;box-shadow:0 4px 18px rgba(15,23,42,.025)}
.launch-section-nav button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#667286;border-radius:9px;padding:8px 10px;cursor:pointer;font-size:11px;font-weight:800;white-space:nowrap}
.launch-section-nav button:hover{background:#fff;color:var(--ink)}.launch-section-nav button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(15,23,42,.07)}.launch-section-nav button.active .launch-icon{color:var(--accent)}

/* Admin shell */
.launch-admin-shell{grid-template-columns:252px minmax(0,1fr);background:var(--bg)}
.launch-admin-side{position:sticky;top:0;height:100vh;padding:24px 15px 18px;background:var(--midnight);border-right:1px solid rgba(255,255,255,.04);gap:18px;z-index:20}
.launch-admin-main{max-width:1320px;padding:30px 34px 48px}
.launch-topbar{align-items:flex-start;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.launch-page-heading{display:grid;gap:4px}.launch-page-heading h1{font-size:29px;letter-spacing:-.035em;line-height:1.08}.launch-page-heading .muted{font-size:12px;line-height:1.5;max-width:760px}
.launch-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:900}
.launch-top-actions{display:flex;align-items:center;gap:8px}.launch-account-action{display:flex;gap:7px;align-items:center}.launch-account-action .launch-icon{width:16px;height:16px}
.launch-content{min-width:0}
.launch-content>.card:first-child,.launch-content>.grid:first-child{margin-top:0}

/* Admin login */
.launch-admin-login{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(460px,1.1fr);background:#f5f4f0}
.launch-admin-login-brand{background:var(--midnight);color:#fff;padding:44px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}
.launch-admin-login-brand:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-210px;bottom:-180px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 25%,transparent),transparent 66%);pointer-events:none}
.launch-admin-login-brand>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1}.launch-login-badge{border:1px solid #2d3e59;border-radius:999px;padding:7px 9px;color:#91a1ba;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}
.launch-admin-login-brand>div:nth-child(2){max-width:570px;position:relative;z-index:1}.launch-admin-login-brand h1{font-size:46px;line-height:1.03;letter-spacing:-.045em;margin:7px 0 16px}.launch-admin-login-brand p{color:#a6b3c7;line-height:1.65;font-size:15px;max-width:520px}.launch-admin-login-brand>small{color:#687a95;position:relative;z-index:1}
.launch-admin-login-form-wrap{display:grid;place-items:center;padding:34px}.launch-admin-login-form{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow-soft)}.launch-admin-login-form h2{font-size:28px;letter-spacing:-.025em;margin:4px 0 6px}.launch-admin-login-form>p{margin:0 0 18px}.launch-login-submit{width:100%;margin-top:7px;min-height:44px}

/* Client shell */
.launch-client-shell{grid-template-columns:250px minmax(0,1fr);background:var(--bg)}
.launch-client-side{position:sticky;top:0;height:100vh;padding:24px 15px 18px;background:var(--midnight);gap:18px}
.launch-client-main{max-width:1240px;padding:32px 36px 96px}
.launch-client-side .launch-primary-nav{margin-top:2px}
.launch-profile-card{appearance:none;width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;text-align:left;cursor:pointer;color:#fff}.launch-profile-card:hover,.launch-profile-card.active{background:#17253a}.launch-profile-card .client-side-user{min-width:0;flex:1}.launch-profile-card .client-side-user b{color:#fff}.launch-profile-card .client-side-user span{color:#74859f}.launch-profile-card .launch-avatar{width:32px;height:32px;font-size:12px}
.launch-logout{margin:9px 8px 0!important;color:#8797ad!important}
.launch-client-mobile-head,.launch-mobile-nav{display:none}
.client-launch-section-nav{margin:0 0 18px}

/* Existing client pages inherit the launch visual language. */
.launch-client-main .client-page-head{margin-bottom:20px}.launch-client-main .client-page-head h1{font-size:31px;letter-spacing:-.035em}.launch-client-main .client-page-head p{font-size:12px;line-height:1.55}
.launch-client-main .client-panel-card,.launch-client-main .client-steps,.launch-client-main .client-plan-card{box-shadow:0 5px 22px rgba(15,23,42,.035)}
.launch-client-main .client-metric{border-radius:15px;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.025)}
.launch-client-main .client-metric strong{letter-spacing:-.02em}

/* Public/auth polish stays aligned with Launch UI without changing flows. */
.client-public-shell{background:var(--bg)}.client-public-header{height:76px}.client-public-main{padding-top:72px}.client-hero-pro h1{letter-spacing:-.055em}
.client-auth-form{border-radius:22px;box-shadow:var(--shadow-soft)}.client-auth-brand{background-color:var(--midnight)}

@media(max-width:980px){
  .launch-admin-shell{display:block}.launch-admin-side{position:static;height:auto;padding:16px;gap:12px}.launch-admin-side .launch-side-brand{padding-bottom:4px}.launch-admin-side .launch-side-foot{display:none}
  .launch-admin-side .launch-primary-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}.launch-admin-side .launch-primary-nav .launch-nav-item{justify-content:center;text-align:center;flex-direction:column;gap:5px;padding:8px 5px;font-size:10px;min-height:62px}
  .launch-admin-main{padding:22px 20px 42px}.launch-topbar{gap:14px}.launch-page-heading h1{font-size:26px}

  .launch-client-shell{display:block}.launch-client-side{display:none!important}.launch-client-main{padding:0 16px 94px;max-width:none}.launch-client-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;margin:0 -16px 14px;padding:10px 16px;background:rgba(244,243,239,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:18;border-bottom:1px solid rgba(227,230,235,.8)}
  .launch-client-mobile-head>.client-logo{max-width:155px}.launch-client-mobile-head>div:nth-child(2){display:grid;justify-items:end;gap:4px;margin-left:auto}.launch-client-mobile-head>div:nth-child(2)>small{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.launch-client-mobile-head .launch-health{padding:5px 7px;font-size:9px;background:transparent;border:0}.launch-mobile-account{width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:11px;display:grid;place-items:center;color:var(--ink)}.launch-mobile-account.active{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent)}
  .launch-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:10px;right:10px;bottom:10px;z-index:25;background:rgba(13,21,36,.96);backdrop-filter:blur(14px);padding:6px;border-radius:17px;box-shadow:0 16px 38px rgba(15,23,42,.24)}.launch-mobile-nav .launch-nav-item{appearance:none;border:0;background:transparent;color:#8290a5;display:grid;justify-items:center;gap:3px;padding:7px 3px;border-radius:12px;min-width:0;font-size:8px;font-weight:800}.launch-mobile-nav .launch-nav-item .launch-icon{width:18px;height:18px}.launch-mobile-nav .launch-nav-item.active{background:#1b2a40;color:#fff}.launch-mobile-nav .launch-nav-item.active .launch-icon{color:#9dbcf1}
  .client-launch-section-nav{margin-top:0;width:100%;overflow:auto;flex-wrap:nowrap}.client-launch-section-nav button{flex:1;justify-content:center}
}

@media(max-width:720px){
  .launch-admin-side .launch-primary-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.launch-admin-side .launch-primary-nav .launch-nav-item{min-height:50px;flex-direction:row;justify-content:flex-start;text-align:left;padding:9px 10px;font-size:10px}
  .launch-admin-main{padding:18px 14px 36px}.launch-topbar{display:grid;grid-template-columns:1fr}.launch-top-actions{justify-content:space-between}.launch-section-nav{width:100%;overflow:auto;flex-wrap:nowrap}.launch-section-nav button{flex:0 0 auto}.launch-page-heading h1{font-size:24px}
  .launch-admin-login{display:block}.launch-admin-login-brand{min-height:0;padding:22px 20px}.launch-admin-login-brand>div:first-child{margin-bottom:30px}.launch-admin-login-brand>div:nth-child(2){display:none}.launch-admin-login-brand>small{display:none}.launch-admin-login-form-wrap{padding:18px 14px 30px}.launch-admin-login-form{padding:22px}
  .launch-client-main .client-page-head h1{font-size:27px}.launch-client-main .client-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:430px){
  .launch-mobile-nav{left:7px;right:7px;bottom:7px}.launch-mobile-nav .launch-nav-item span{font-size:7.5px}.launch-mobile-nav .launch-nav-item{padding-inline:1px}
  .launch-client-mobile-head>.client-logo{max-width:132px}.launch-client-mobile-head .launch-health{display:none}
}

/* v0.21.2 — Admin Experience */
.command-hero,.settings-intro,.telegram-settings-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;margin-bottom:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fbfbf8 100%);box-shadow:0 4px 18px rgba(15,23,42,.025)}
.command-hero h2,.settings-intro h2,.telegram-settings-intro h2{margin:3px 0 6px;font-size:23px;letter-spacing:-.03em}.command-hero p,.settings-intro p,.telegram-settings-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.55;max-width:760px}.command-health{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.command-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.command-metric{appearance:none;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px 16px;cursor:pointer;box-shadow:0 4px 18px rgba(15,23,42,.025)}.command-metric:hover{border-color:#c9d3e0;transform:translateY(-1px)}.command-metric.attention{border-color:#ecd7a4;background:#fffdf8}.command-metric>span{display:block;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.command-metric strong{display:block;margin-top:5px;font-size:25px;letter-spacing:-.03em}.command-metric small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.command-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:14px}.command-layout.command-bottom{margin-top:14px}.command-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.command-card-head h2{margin:3px 0 0;font-size:18px;letter-spacing:-.02em}.command-card-head p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.attention-list{display:grid;gap:8px}.attention-row{appearance:none;width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:12px;background:#fbfcfd;padding:10px 11px;text-align:left;cursor:pointer}.attention-row:hover{background:#fff;border-color:#cfd8e5}.attention-row>span:first-child{width:32px;height:32px;border-radius:10px;background:#eef4ff;color:var(--accent);display:grid;place-items:center}.attention-row>span:first-child .launch-icon{width:17px;height:17px}.attention-row>span:nth-child(2){display:grid;gap:2px;min-width:0}.attention-row b{font-size:12px}.attention-row small{font-size:9px;color:var(--muted)}.attention-row strong{font-size:10px;color:var(--accent)}.attention-row.urgent{border-color:#efdcb1;background:#fffaf0}.attention-row.urgent>span:first-child{background:#fff0ce;color:var(--warn)}.attention-row.danger{border-color:#efcfd3;background:#fff9fa}.attention-row.danger>span:first-child{background:#fdecef;color:var(--bad)}
.command-empty{display:grid;gap:4px;place-items:center;text-align:center;padding:24px 14px;border:1px dashed #d8dee8;border-radius:12px;background:#fafbfd}.command-empty b{font-size:12px}.command-empty span{font-size:10px;color:var(--muted)}
.command-infra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.command-infra-grid>div{border:1px solid var(--line);border-radius:11px;padding:10px;background:#fafbfc}.command-infra-grid span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}.command-infra-grid b{display:block;margin-top:4px;font-size:12px}.command-panel-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.command-panel-line>span{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:850}.command-panel-line>b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revenue-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.revenue-strip>div{padding:11px;border-radius:11px;background:#f8f9fb;border:1px solid var(--line)}.revenue-strip span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800}.revenue-strip strong{display:block;margin-top:5px;font-size:15px}.dashboard-events{display:grid;gap:6px}.dashboard-event{appearance:none;border:0;background:transparent;width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;padding:8px 3px;cursor:pointer;border-bottom:1px solid #eef1f5}.dashboard-event:last-child{border-bottom:0}.dashboard-event>span:nth-child(2){display:grid;gap:2px}.dashboard-event b{font-size:10px}.dashboard-event small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-event-dot{width:8px;height:8px;border-radius:50%;background:#aab3c1}.dashboard-event-dot.online{background:var(--good)}.dashboard-event-dot.warnstatus{background:var(--warn)}.dashboard-event-dot.error{background:var(--bad)}

.operations-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.operation-metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 14px}.operation-metric span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:850}.operation-metric strong{display:block;margin-top:5px;font-size:20px}.operations-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.operations-history>.card{min-width:0}.operation-list{max-height:420px;overflow:auto}.compensation-console{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px}.compensation-console h2{margin:3px 0 6px;font-size:18px}.compensation-console p{margin:0;max-width:760px;color:var(--muted);font-size:11px;line-height:1.5}

.settings-center-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{margin:0!important;min-width:0}.settings-card-wide{grid-column:1/-1}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.settings-card-head>div:first-child{display:flex;align-items:flex-start;gap:10px;min-width:0}.settings-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;color:var(--accent);flex:0 0 auto}.settings-icon .launch-icon{width:17px;height:17px}.settings-card h3{margin:1px 0 3px;font-size:15px}.settings-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.settings-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}.settings-facts-four{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-facts>span{padding:9px;border:1px solid var(--line);border-radius:10px;background:#fafbfc;min-width:0}.settings-facts small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:850}.settings-facts b{display:block;margin-top:4px;font-size:10px;overflow-wrap:anywhere}.settings-summary-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:10px}.settings-summary-line span{color:var(--muted)}.settings-summary-line i{width:26px;height:26px}.branding-context-grid.compact{margin-top:14px}.branding-context-grid.compact .branding-context-surface{min-height:62px}.settings-details{margin-top:12px}.settings-details summary,.advanced-settings summary,.technical-details summary,.telegram-details summary{cursor:pointer;font-weight:800;font-size:11px}.settings-details .noc-node-list{margin-top:10px}.advanced-settings{margin-top:14px!important}.advanced-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}.advanced-settings>summary::-webkit-details-marker{display:none}.advanced-settings>summary>span:first-child{display:flex;align-items:center;gap:8px}.advanced-settings-body{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}

.payment-console-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.payment-control-card{margin:0!important}.payment-control-state{display:grid;gap:4px;margin:14px 0;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:#fafbfc}.payment-control-state.good{background:#f2faf6;border-color:#d5ecdf}.payment-control-state.paused{background:#fff8e8;border-color:#f0dfb7}.payment-control-state strong{font-size:13px}.payment-control-state span{font-size:10px;color:var(--muted)}.payment-control-actions{display:flex;gap:8px;flex-wrap:wrap}.payment-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0}.payment-details>div{padding:10px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.payment-details span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:850}.payment-details b{display:block;margin-top:4px;font-size:11px}.payment-instruction{font-size:10px;color:#4e596c;line-height:1.5;margin:-3px 0 12px;padding:10px;border-radius:10px;background:#f7f9fb}.technical-details{margin-top:14px!important}.technical-details>div{padding-top:12px;color:#4e596c;font-size:11px;line-height:1.55}

.telegram-console-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.telegram-console-card{margin:0!important}.telegram-console-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:flex-start}.telegram-console-icon{width:40px;height:40px;border-radius:12px;background:#eaf3ff;color:var(--accent);display:grid;place-items:center}.telegram-console-icon.admin{background:#eef1f5;color:#314158}.telegram-console-head h2{margin:2px 0 3px;font-size:16px}.telegram-console-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.4}.telegram-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0}.telegram-stats>div{padding:9px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.telegram-stats span{display:block;font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:850}.telegram-stats b{display:block;margin-top:4px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.telegram-actions{display:flex;gap:7px;flex-wrap:wrap}.telegram-details{margin-top:13px;padding-top:11px;border-top:1px solid var(--line)}.feature-chip-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.feature-chip-list span{font-size:9px;padding:6px 8px;border-radius:999px;background:#f3f6fa;border:1px solid var(--line)}.telegram-sync-note{margin-top:14px}

.client360-modal{width:min(1080px,96vw)!important;max-height:92vh!important;padding:0!important;overflow:hidden!important;display:flex;flex-direction:column}.client360-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 16px;border-bottom:1px solid var(--line);background:#fff}.client360-identity{display:flex;align-items:center;gap:12px;min-width:0}.client360-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 76%,#fff),var(--accent));color:#fff;font-weight:900;font-size:17px;flex:0 0 auto}.client360-title-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.client360-title-line h2{margin:0;font-size:21px}.client360-identity p{margin:3px 0 0;color:var(--muted);font-size:10px}.client360-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--line);background:#fafbfc;overflow:auto}.client360-tabs button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#657286;padding:8px 10px;border-radius:9px;cursor:pointer;font-size:10px;font-weight:800;white-space:nowrap}.client360-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(15,23,42,.07)}.client360-tabs button.active .launch-icon{color:var(--accent)}.client360-tabs .launch-icon{width:15px;height:15px}.client360-body{padding:18px 22px;overflow:auto;min-height:340px;max-height:calc(92vh - 190px);background:#f8f9fb}.client360-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.client360-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.client360-panel.accent{background:linear-gradient(145deg,#f8fbff,#fff);border-color:#d8e5f7}.client360-panel h3{margin:3px 0 10px;font-size:16px}.client360-panel p{font-size:10px;color:#4e596c;line-height:1.5}.client360-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.client360-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.client360-info-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.client360-info{padding:9px;border:1px solid var(--line);border-radius:10px;background:#fafbfc;min-width:0}.client360-info span{display:block;font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:850}.client360-info b{display:block;margin-top:4px;font-size:10px;overflow-wrap:anywhere}.client360-subscription-summary{display:grid;gap:3px;margin:10px 0 14px}.client360-subscription-summary strong{font-size:18px}.client360-subscription-summary span{font-size:10px;color:var(--muted)}.client360-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.client360-list{display:grid;gap:7px}.client360-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fafbfc;text-align:left}.client360-list-row.clickable{appearance:none;width:100%;cursor:pointer}.client360-list-row>div{display:grid;gap:2px}.client360-list-row>div:last-child{justify-items:end}.client360-list-row b{font-size:10px}.client360-list-row small{font-size:9px;color:var(--muted)}.client360-center{text-align:center;display:grid;justify-items:center;padding:34px}.client360-center p{max-width:520px}.client360-large-icon{width:52px;height:52px;border-radius:15px;background:#eef4ff;color:var(--accent);display:grid;place-items:center}.client360-large-icon .launch-icon{width:25px;height:25px}.client360-danger{padding:10px 22px 16px;background:#fff;border-top:1px solid var(--line)}.client360-danger summary{cursor:pointer;color:var(--muted);font-size:10px;font-weight:800}.client360-danger .row{margin-top:10px}.client360-loading{padding:40px;text-align:center;color:var(--muted)}

/* Sales/Support density */
.orders-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.orders-metrics .user-metric{padding:11px 12px}.orders-metrics .user-metric strong{font-size:19px}.order-history-filters{grid-template-columns:minmax(200px,1.4fr) repeat(3,minmax(118px,.75fr)) minmax(90px,.55fr) repeat(2,minmax(120px,.7fr)) auto auto}.users-toolbar{border-radius:14px}.support-chat-modal{width:min(980px,96vw)!important}

@media(max-width:1100px){
  .command-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.command-layout,.operations-layout,.payment-console-grid,.telegram-console-grid{grid-template-columns:1fr}.operations-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-center-grid{grid-template-columns:1fr}.settings-card-wide{grid-column:auto}.revenue-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:980px){
  .launch-admin-side{position:sticky!important;top:0!important;height:auto!important;padding:10px 12px!important;gap:8px!important;z-index:30}.launch-admin-side .launch-side-brand{display:flex;align-items:center;justify-content:space-between;padding:0 4px 4px}.launch-admin-side .launch-side-brand>small{display:none}.launch-admin-side .launch-primary-nav{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:5px!important;padding-bottom:2px;scrollbar-width:none}.launch-admin-side .launch-primary-nav::-webkit-scrollbar{display:none}.launch-admin-side .launch-primary-nav .launch-nav-item{flex:0 0 auto!important;min-height:40px!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;padding:8px 10px!important;font-size:9px!important;gap:6px!important}.launch-admin-side .launch-primary-nav .launch-icon{width:15px;height:15px}.launch-admin-main{padding-top:18px}.command-hero,.settings-intro,.telegram-settings-intro{padding:16px}.client360-modal{width:98vw!important}.client360-overview-grid{grid-template-columns:1fr}.client360-info-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
  .launch-admin-side .launch-primary-nav{display:flex!important;grid-template-columns:none!important}.launch-admin-side .launch-primary-nav .launch-nav-item{min-height:38px!important;flex-direction:row!important;padding:7px 9px!important}.command-hero,.settings-intro,.telegram-settings-intro{display:grid}.command-health{justify-content:flex-start}.command-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-facts,.settings-facts-four,.payment-details,.telegram-stats{grid-template-columns:1fr 1fr}.compensation-console{display:grid}.client360-body{padding:14px}.client360-head{padding:15px}.client360-tabs{padding:7px}.client360-info-grid,.client360-info-grid.four{grid-template-columns:1fr 1fr}.client360-title-line h2{font-size:18px}.client360-list-row{grid-template-columns:1fr}.client360-list-row>div:last-child{justify-items:start}.orders-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.revenue-strip{grid-template-columns:1fr 1fr}
}

@media(max-width:430px){
  .command-metrics{grid-template-columns:1fr 1fr}.command-metric{padding:12px}.command-metric strong{font-size:21px}.operations-metrics{grid-template-columns:1fr 1fr}.settings-facts,.settings-facts-four,.payment-details,.telegram-stats{grid-template-columns:1fr}.command-infra-grid{grid-template-columns:1fr 1fr}.client360-info-grid,.client360-info-grid.four{grid-template-columns:1fr}.client360-tabs button{padding:7px 8px}.client360-tabs button span{font-size:9px}.command-panel-line{grid-template-columns:1fr auto}.command-panel-line>span{grid-column:1/-1}
}
\n\n/* v0.21.2-p1 — Admin Launch Polish */
.operation-more{margin-top:10px;border-top:1px solid var(--line);padding-top:9px}.operation-more>summary{cursor:pointer;color:var(--accent);font-size:10px;font-weight:850}.operation-more .operation-list.expanded{margin-top:9px;max-height:360px;overflow:auto}
@media(max-width:980px){
  .launch-admin-side .launch-primary-nav,.launch-section-nav{scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none}
  .launch-admin-side .launch-primary-nav::-webkit-scrollbar,.launch-section-nav::-webkit-scrollbar{display:none}
  .launch-admin-side .launch-primary-nav .launch-nav-item,.launch-section-nav button{scroll-snap-align:center}
  .launch-admin-side .launch-primary-nav{padding-right:24px!important;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%)}
  .launch-section-nav{padding-right:22px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%)}
}
@media(max-width:720px){
  .client360-backdrop{padding:0!important;place-items:stretch!important}
  .client360-backdrop .client360-modal{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  .client360-backdrop .client360-head{padding-top:calc(15px + env(safe-area-inset-top));flex:0 0 auto}
  .client360-backdrop .client360-tabs{flex:0 0 auto}
  .client360-backdrop .client360-body{flex:1 1 auto;min-height:0;max-height:none!important;overflow:auto}
  .client360-backdrop .client360-danger{flex:0 0 auto;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}

/* v0.21.2 — Client Experience */
.client-home-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:14px;margin-bottom:14px}.client-home-hero-main,.client-home-next{background:#fff;border:1px solid var(--line);border-radius:19px;padding:20px;box-shadow:0 6px 24px rgba(15,23,42,.04)}.client-home-next{background:linear-gradient(145deg,#0f1a2d,#111b2b);border-color:#17263c;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.client-home-next.warn{background:linear-gradient(145deg,#3b2d0c,#171f2b);border-color:#584215}.client-home-next h3{margin:5px 0 7px;font-size:20px}.client-home-next p{margin:0 0 16px;color:#aebbd0;font-size:12px;line-height:1.55}.client-home-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.client-home-title-row h2{margin:2px 0 5px;font-size:27px;letter-spacing:-.03em}.client-home-title-row p{margin:0;color:var(--muted);font-size:12px}.client-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.client-home-stats>div{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#f8f9fb;min-width:0}.client-home-stats span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:850}.client-home-stats strong{display:block;margin-top:4px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-home-actions{display:flex;gap:8px;flex-wrap:wrap}.client-home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.client-home-shortcuts button{appearance:none;border:1px solid var(--line);background:#fff;border-radius:15px;padding:15px;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 4px 18px rgba(15,23,42,.025)}.client-home-shortcuts button:hover{border-color:#c8d6ea;transform:translateY(-1px)}.client-home-shortcuts button>span{width:38px;height:38px;border-radius:11px;background:#eef4ff;color:var(--accent);display:grid;place-items:center;flex:0 0 auto}.client-home-shortcuts .launch-icon{width:19px;height:19px}.client-home-shortcuts div{display:grid;gap:2px}.client-home-shortcuts b{font-size:12px}.client-home-shortcuts small{font-size:10px;color:var(--muted)}

.client-subscription-hero{margin-bottom:14px;background:linear-gradient(145deg,#f8fbff,#fff);border:1px solid #dbe6f5;border-radius:19px;padding:20px;box-shadow:0 6px 24px rgba(15,23,42,.035)}.client-subscription-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:4px 0 14px}.client-subscription-title h2{margin:0;font-size:26px}.client-subscription-title strong{font-size:18px;color:var(--accent)}.client-term-progress{height:8px;border-radius:999px;background:#e7edf5;overflow:hidden;margin-bottom:7px}.client-term-progress i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.client-subscription-hero>div>small{display:block;color:var(--muted);font-size:10px;margin-bottom:15px}

.client-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.client-card-head h2{margin:3px 0 0;font-size:18px}.client-history-more{display:flex;justify-content:center;padding:14px 8px 4px}.client-history-details{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}.client-history-details>summary{cursor:pointer;color:var(--accent);font-size:10px;font-weight:850;margin-bottom:10px}.client-account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.client-account-section{margin-top:0!important}.client-account-profile .client-detail-list{margin-top:12px}.client-payment-history{padding-bottom:12px}

@media(max-width:980px){
  .client-home-hero{grid-template-columns:1fr}.client-home-next{min-height:180px}.client-account-grid{grid-template-columns:1fr}.client-home-shortcuts{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:760px){
  .launch-client-main{padding-bottom:calc(122px + env(safe-area-inset-bottom))}.launch-mobile-nav{bottom:calc(7px + env(safe-area-inset-bottom))}.launch-client-mobile-head{padding-top:calc(10px + env(safe-area-inset-top));min-height:calc(68px + env(safe-area-inset-top))}.launch-client-mobile-head .client-logo.has-image.is-mark .client-logo-title{display:none!important}.launch-client-mobile-head .client-logo.has-image.is-mark .client-logo-media{width:34px;height:34px}.launch-client-mobile-head>.client-logo{max-width:88px!important}
  .client-launch-section-nav{scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;padding-right:22px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%)}.client-launch-section-nav::-webkit-scrollbar{display:none}.client-launch-section-nav button{scroll-snap-align:center;flex:0 0 auto;min-width:46%}
  .client-home-head{margin-bottom:14px!important}.client-home-hero-main,.client-home-next{padding:16px;border-radius:17px}.client-home-title-row h2{font-size:23px}.client-home-stats{grid-template-columns:1fr 1fr}.client-home-stats>div:last-child{grid-column:1/-1}.client-home-actions{display:grid;grid-template-columns:1fr 1fr}.client-home-actions .btn:first-child{grid-column:1/-1}.client-home-shortcuts{grid-template-columns:1fr}.client-home-shortcuts button{padding:13px}.client-onboarding{margin-bottom:0}
  .client-subscription-hero{padding:16px}.client-subscription-title{display:grid;gap:6px}.client-subscription-title strong{font-size:16px}.client-subscription-hero .row{display:grid;grid-template-columns:1fr}.client-subscription-hero .btn{width:100%}
  .connection-access-card{gap:12px}.connection-qr{padding:10px}.connection-qr img{width:124px;height:124px}.connection-link-block h2{font-size:20px}.connection-device-summary{margin:10px 0}.connection-platform-card{padding:14px}.connection-instructions{min-height:0}.connection-platform-card .row{display:grid;grid-template-columns:1fr}.connection-platform-card .btn{width:100%}
  .client-payment-history{padding:12px}.client-payment-history .client-card-head{padding:2px 2px 0}.client-orders-table tbody{padding:0}.client-orders-table tr{box-shadow:none}.client-orders-table td{grid-template-columns:78px minmax(0,1fr)!important;padding:9px 10px!important}.client-history-more{padding-bottom:0}.client-payment-note{font-size:11px}
  .client-account-grid{display:block}.client-account-grid>.client-panel-card{margin-bottom:12px}.client-account-section{margin-top:12px!important}.login-history-item{padding:9px 10px}.client-account-profile .client-detail-list{grid-template-columns:1fr 1fr}.client-account-profile .client-detail-list>div{min-width:0}.client-account-profile .client-detail-list b{overflow-wrap:anywhere}
  .help-support-cta{align-items:flex-start;flex-direction:column}.help-support-cta .btn{width:100%}.client-page-head{gap:10px}.client-page-head>.btn{flex:0 0 auto}
}
@media(max-width:430px){
  .client-home-stats{grid-template-columns:1fr 1fr}.client-home-actions{grid-template-columns:1fr}.client-home-actions .btn:first-child{grid-column:auto}.client-home-title-row{display:grid}.client-home-title-row .status{width:max-content}.client-account-profile .client-detail-list{grid-template-columns:1fr}.client-card-head{align-items:flex-start}.launch-mobile-nav{left:6px;right:6px}.launch-mobile-nav .launch-nav-item{min-height:48px}
}

/* v0.21.2-p2 — Launch Audit & Operations Polish */
.incident-workspace{min-width:0}.incident-queue-head{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px;padding:9px 11px;border-radius:11px;background:#f7f9fb;border:1px solid var(--line);font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:850;letter-spacing:.04em}.incident-queue-head b{font-size:13px;color:var(--ink)}.service-incident-row{align-items:flex-start}.service-incident-row>div:first-child{display:grid;gap:3px;min-width:0}.incident-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap;max-width:330px}.service-incident-row.is-history{background:#fafbfd}.incident-history{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.incident-history>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:10px 11px;border-radius:11px;background:#f7f9fb;font-weight:800;list-style:none}.incident-history>summary::-webkit-details-marker{display:none}.incident-history>summary:before{content:'▸';margin-right:8px;color:var(--accent)}.incident-history[open]>summary:before{content:'▾'}.incident-history>summary span{flex:1}.incident-history>summary b{min-width:28px;text-align:center;color:var(--muted)}.incident-history-list{margin-top:9px}.incident-history-empty{margin-top:12px;padding:10px 11px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.btn.danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--bad) 30%,var(--line));background:#fff7f8}
@media(max-width:700px){.service-incident-row{display:grid;grid-template-columns:1fr}.incident-actions{max-width:none;justify-content:flex-start}.incident-actions .btn{flex:1 1 auto}.incident-history>summary{position:sticky;top:0;z-index:1}}

/* v0.21.2-p3 — Incident Action Safety & Recovery */
.service-incident-row.is-deleted{opacity:.78;background:color-mix(in srgb,var(--surface,#fff) 92%,#eef2f7 8%)}
.incident-actions button[aria-busy="true"]{cursor:wait;min-width:92px}
.incident-actions .btn:disabled{opacity:.62;cursor:not-allowed}
.incident-deleted>summary{color:var(--muted)}

/* v0.21.3 — Telegram Experience & Launch Polish */
.launch-action-status,.client-inline-status{min-height:18px;margin:8px 0;font-size:11px;color:var(--muted);line-height:1.4}.launch-action-status:empty,.client-inline-status:empty{margin:0;min-height:0}.launch-action-status.success,.client-inline-status.success{color:#19734a}.launch-action-status.error,.client-inline-status.error{color:var(--bad)}
.telegram-console-card{min-width:0}.telegram-console-head>div{min-width:0}.telegram-console-head h2{overflow-wrap:anywhere}.telegram-actions .btn[aria-busy="true"],.client-telegram-card .btn[aria-busy="true"]{cursor:progress;opacity:.72}.telegram-details>summary{min-height:38px;display:flex;align-items:center}.telegram-details .field input[readonly]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.client-telegram-card .row{align-items:center}.client-telegram-card .client-inline-status:not(:empty){padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#fafbfc}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[role="button"]:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 34%,transparent);outline-offset:2px}
.modal[role="dialog"]{outline:none}
@media(max-width:700px){.telegram-actions{display:grid;grid-template-columns:1fr}.telegram-actions .btn{width:100%;min-height:42px}.telegram-stats{grid-template-columns:1fr!important}.telegram-console-head{grid-template-columns:auto minmax(0,1fr)!important}.telegram-console-head>.status{grid-column:2;justify-self:start}.client-telegram-card .row{display:grid;grid-template-columns:1fr}.client-telegram-card .btn{width:100%;min-height:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* v0.21.3-p3 — Public Landing UI Polish */
.landing-shell{background:linear-gradient(180deg,#fbfcfe 0,#f7f9fc 100%);color:var(--ink)}
.landing-header{height:84px;position:relative;z-index:5;border-bottom:1px solid rgba(18,38,63,.06);background:rgba(251,252,254,.88);backdrop-filter:blur(18px)}
.landing-header-brand{display:flex;align-items:center;gap:10px;min-width:0}.landing-header-brand .client-logo{font-size:22px;gap:11px}.landing-header-brand .client-logo-media{width:38px;height:38px;border-radius:12px;box-shadow:0 8px 24px rgba(20,45,80,.12)}.landing-header-brand .client-logo-media img{width:100%;height:100%;object-fit:contain}.landing-header-brand .client-logo-title{font-size:22px}.landing-product-note{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);padding:5px 8px;border-radius:999px;background:#edf4ff;border:1px solid #d9e8ff}
.landing-nav{gap:12px}.landing-nav>a:not(.btn){font-size:13px;margin-right:4px}.landing-nav .btn{min-height:40px;padding:10px 16px}
.landing-main{max-width:1240px;padding-top:48px;padding-bottom:68px}
.landing-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:42px;align-items:center;min-height:520px}
.landing-hero-copy{max-width:610px}.landing-hero-copy .client-eyebrow{font-size:11px;letter-spacing:.13em;margin-bottom:16px}.landing-hero-copy h1{font-size:64px;line-height:.98;letter-spacing:-.055em;margin:0;max-width:640px}.landing-hero-copy p{font-size:18px;line-height:1.65;color:var(--muted);max-width:580px;margin:24px 0 0}.landing-hero-actions{display:flex;align-items:center;gap:12px;margin-top:30px}.landing-hero-actions .btn{min-height:48px;padding:13px 22px;border-radius:13px;font-size:14px}.landing-primary{box-shadow:0 14px 32px color-mix(in srgb,var(--accent) 28%,transparent)}.landing-primary span{margin-left:8px}.landing-secondary{background:#fff}
.landing-devices{position:relative;height:470px;display:flex;align-items:center;justify-content:center;isolation:isolate}.landing-glow{position:absolute;inset:24px -10px 20px 30px;border-radius:50%;background:radial-gradient(circle at 55% 48%,color-mix(in srgb,var(--accent) 22%,#fff) 0,color-mix(in srgb,var(--accent) 8%,#fff) 42%,transparent 72%);filter:blur(8px);z-index:-2}
.landing-laptop{position:absolute;width:500px;right:28px;top:40px;filter:drop-shadow(0 26px 34px rgba(22,38,63,.18))}.landing-laptop-screen{height:300px;border:9px solid #121923;border-bottom-width:12px;border-radius:18px 18px 10px 10px;background:#f7f9fc;overflow:hidden}.landing-laptop-base{width:570px;height:18px;margin-left:-35px;background:linear-gradient(180deg,#c9d1da,#f1f4f7 48%,#aeb7c2);border-radius:3px 3px 15px 15px;box-shadow:0 7px 9px rgba(22,38,63,.18)}
.landing-demo-top{height:42px;background:#fff;border-bottom:1px solid #e4e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 13px}.landing-demo-brand{display:flex;align-items:center;gap:7px;font-size:10px}.landing-demo-brand img,.landing-phone-head img{width:18px;height:18px;object-fit:contain;border-radius:5px}.landing-brand-fallback{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:10px;font-weight:900}.landing-demo-dot{width:7px;height:7px;border-radius:50%;background:#50c878}.landing-demo-body{display:grid;grid-template-columns:115px 1fr;height:calc(100% - 42px)}.landing-demo-side{padding:15px 10px;border-right:1px solid #e6ebf0;background:#fff;display:grid;align-content:start;gap:5px}.landing-demo-side span{font-size:8px;color:#6f7d91;padding:7px 8px;border-radius:6px}.landing-demo-side span.active{background:#eaf3ff;color:var(--accent);font-weight:800}.landing-demo-content{padding:18px}.landing-demo-content small{font-size:7px;color:var(--accent);font-weight:900;letter-spacing:.1em}.landing-demo-content h4{font-size:18px;margin:5px 0 12px}.landing-demo-sub{background:#fff;border:1px solid #e2e8ef;border-radius:11px;padding:13px;box-shadow:0 8px 22px rgba(31,49,75,.06)}.landing-demo-sub>div{display:flex;justify-content:space-between;gap:8px;font-size:11px}.landing-demo-sub>div span{font-size:8px;color:#1a9162;background:#e7f7ef;border-radius:999px;padding:3px 6px}.landing-demo-sub p{font-size:8px!important;line-height:1.45!important;margin:8px 0!important}.landing-demo-sub button{border:0;border-radius:7px;background:#eef4ff;color:var(--accent);font-size:8px;font-weight:800;padding:7px 9px}.landing-demo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.landing-demo-actions span{font-size:8px;font-weight:750;text-align:center;background:#fff;border:1px solid #e5eaf0;padding:10px 7px;border-radius:8px}
.landing-phone{position:absolute;width:158px;height:326px;right:-4px;bottom:16px;border:8px solid #101722;border-radius:30px;background:linear-gradient(180deg,#eaf4ff 0,#f8fbff 100%);padding:28px 12px 14px;box-shadow:0 28px 38px rgba(22,38,63,.24);z-index:2}.landing-phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:62px;height:13px;background:#101722;border-radius:999px}.landing-phone-head{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;margin-bottom:18px}.landing-phone-title{font-size:11px;font-weight:850;background:#fff;border-radius:10px;padding:11px;margin-bottom:8px;box-shadow:0 6px 14px rgba(31,49,75,.08)}.landing-phone-item{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e2ebf5;border-radius:9px;padding:9px 8px;margin-top:7px;font-size:9px;font-weight:750}.landing-phone-item span{white-space:nowrap}
.landing-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 74px;padding:18px;background:rgba(255,255,255,.66);border:1px solid rgba(218,226,236,.8);border-radius:22px;box-shadow:0 14px 42px rgba(36,53,77,.05)}.landing-benefits article{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:12px}.landing-benefit-icon{width:44px;height:44px;border-radius:14px;background:#eaf3ff;color:var(--accent);display:grid;place-items:center;font-size:20px;font-weight:900}.landing-benefits b{display:block;font-size:14px;margin:2px 0 5px}.landing-benefits span{display:block;color:var(--muted);font-size:12px;line-height:1.55}
.landing-how,.landing-plans{scroll-margin-top:100px}.landing-section-head{max-width:700px;margin-bottom:26px}.landing-section-head .client-eyebrow{font-size:10px;margin-bottom:10px}.landing-section-head h2{font-size:38px;letter-spacing:-.035em;margin:0 0 8px}.landing-section-head p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}
.landing-steps{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;align-items:center;gap:12px;margin-bottom:78px}.landing-steps article{position:relative;min-height:178px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(33,51,76,.05)}.landing-step-number{position:absolute;top:20px;left:20px;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#edf4ff;color:var(--accent);font-weight:900;font-size:11px}.landing-step-icon{margin:0 0 26px 48px;color:var(--accent);font-size:27px;line-height:34px}.landing-steps h3{font-size:16px;margin:0 0 7px}.landing-steps p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.landing-step-arrow{text-align:center;color:#8290a4;font-size:24px}
.landing-plans{margin-top:0}.landing-plans .public-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.landing-plans .public-plan{display:flex;flex-direction:column;min-height:360px;padding:26px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 34px rgba(34,52,78,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.landing-plans .public-plan:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:0 18px 42px rgba(34,52,78,.1)}.landing-plans .public-plan.is-trial{background:linear-gradient(180deg,#fff,#f8fbff)}.public-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.public-plan-top h3{font-size:24px;letter-spacing:-.025em;margin:0}.landing-plan-badge{font-size:10px;font-weight:850;color:var(--accent);background:#eaf3ff;border-radius:999px;padding:6px 9px}.landing-plans .plan-price{font-size:36px;letter-spacing:-.035em;margin:22px 0 12px}.landing-plan-facts{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.landing-plan-facts span{font-size:11px;font-weight:700;color:#56667b;background:#f4f7fa;border:1px solid #e5eaf0;border-radius:999px;padding:6px 9px}.landing-plan-description{font-size:14px!important;line-height:1.6!important;color:#5f6f84!important;margin:0 0 18px!important;flex:1}.landing-plan-message{font-size:12px;line-height:1.5;color:#8a6412;background:#fff7dc;border:1px solid #f5e4a6;border-radius:10px;padding:10px 12px;margin-bottom:14px}.landing-plan-action{margin-top:auto}.landing-plan-action .btn{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px}.landing-plan-action .btn.disabled{opacity:.55;pointer-events:none;background:#eef1f5;color:#65748a;border-color:#e2e7ed}.landing-empty-plan{display:grid;gap:5px;padding:24px;border-radius:18px;background:#fff;border:1px solid var(--line)}.landing-empty-plan span{color:var(--muted);font-size:13px}
.landing-footer{max-width:1240px;padding-top:28px;padding-bottom:42px;align-items:center}.landing-footer>div{display:flex;align-items:center;gap:9px}.landing-footer b{color:var(--ink);font-size:13px}.landing-footer nav{display:flex;align-items:center;gap:22px}.landing-footer a{text-decoration:none;font-weight:700}.landing-footer a:hover{color:var(--accent)}
@media(max-width:1100px){.landing-hero{grid-template-columns:1fr;min-height:auto}.landing-hero-copy{max-width:760px}.landing-devices{height:430px;max-width:720px;width:100%;margin:0 auto}.landing-laptop{right:90px}.landing-phone{right:48px}.landing-benefits{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.landing-header{height:auto;padding:14px 18px}.landing-header-brand .client-logo-title{font-size:19px}.landing-product-note{display:none}.landing-nav{gap:8px}.landing-nav>a:not(.btn){display:none}.landing-nav .btn{padding:9px 12px;font-size:12px}.landing-nav .btn.primary{display:none}.landing-main{padding:30px 18px 48px}.landing-hero{gap:24px}.landing-hero-copy h1{font-size:43px;line-height:1.01}.landing-hero-copy p{font-size:16px;margin-top:18px}.landing-hero-actions{margin-top:22px}.landing-hero-actions .btn{padding:12px 16px}.landing-devices{height:315px;overflow:hidden}.landing-laptop{width:360px;right:20px;top:22px}.landing-laptop-screen{height:220px;border-width:7px;border-bottom-width:9px}.landing-laptop-base{width:410px;margin-left:-25px;height:13px}.landing-demo-body{grid-template-columns:80px 1fr}.landing-demo-side{padding:10px 7px}.landing-demo-side span{font-size:6px;padding:5px}.landing-demo-content{padding:11px}.landing-demo-content h4{font-size:13px}.landing-phone{width:116px;height:240px;right:0;bottom:5px;border-width:6px;border-radius:23px;padding:22px 8px 9px}.landing-phone-notch{top:5px;width:45px;height:9px}.landing-phone-head{font-size:7px;margin-bottom:11px}.landing-phone-head img{width:14px;height:14px}.landing-phone-title{font-size:8px;padding:7px}.landing-phone-item{font-size:7px;padding:6px;margin-top:5px;gap:4px}.landing-benefits{grid-template-columns:1fr;margin:8px 0 52px;padding:10px}.landing-benefits article{padding:10px}.landing-section-head h2{font-size:30px}.landing-steps{grid-template-columns:1fr;gap:12px;margin-bottom:56px}.landing-step-arrow{display:none}.landing-steps article{min-height:auto}.landing-plans .public-plans{grid-template-columns:1fr}.landing-plans .public-plan{min-height:0}.landing-footer{padding:22px 18px 34px;display:grid;gap:16px}.landing-footer nav{gap:14px;flex-wrap:wrap}}
@media(max-width:430px){.landing-header-brand .client-logo-media{width:34px;height:34px}.landing-nav .btn{min-height:38px}.landing-hero-copy h1{font-size:38px}.landing-hero-actions{display:grid;grid-template-columns:1fr 1fr}.landing-hero-actions .btn{text-align:center;justify-content:center}.landing-devices{height:275px}.landing-laptop{width:315px;right:12px}.landing-laptop-screen{height:192px}.landing-laptop-base{width:355px;margin-left:-20px}.landing-phone{width:105px;height:220px}.landing-demo-actions{display:none}.landing-benefit-icon{width:40px;height:40px}.landing-benefits article{grid-template-columns:40px 1fr}}

/* v0.21.4 — Public Landing & Auth Polish */
/* Public landing: compact premium storefront. */
.landing-shell{background:#fbfaf7;color:var(--ink)}
.landing-header{height:72px;padding-inline:clamp(20px,4vw,52px);border-bottom:1px solid #e9e7e2;background:rgba(251,250,247,.94);backdrop-filter:blur(16px)}
.landing-header-brand .public-product-logo{gap:9px;font-size:17px;font-weight:820;text-decoration:none;color:var(--ink)}
.landing-header-brand .public-product-logo .client-logo-media{width:30px;height:30px;border-radius:9px;box-shadow:0 5px 16px rgba(20,45,80,.10)}
.landing-header-brand .public-product-logo .client-logo-title{font-size:17px;letter-spacing:-.015em}
.landing-desktop-nav{display:flex;align-items:center;gap:10px}.landing-desktop-nav>a:not(.btn){font-size:13px;font-weight:680;color:#526074;text-decoration:none;padding:8px 7px}.landing-desktop-nav>a:not(.btn):hover{color:var(--ink)}
.landing-nav .btn{min-height:40px;padding:9px 15px;border-radius:11px;font-size:13px}.landing-login-btn{background:transparent;border-color:#dfe3e8}.landing-nav .btn.primary{box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 18%,transparent)}
.landing-mobile-actions{display:none;align-items:center;gap:10px}.landing-mobile-login{font-size:13px;font-weight:750;color:var(--ink);text-decoration:none}.landing-mobile-menu{position:relative}.landing-mobile-menu>summary{list-style:none;width:40px;height:40px;border:1px solid #e0e4e9;border-radius:11px;background:#fff;display:grid;place-content:center;gap:4px;cursor:pointer}.landing-mobile-menu>summary::-webkit-details-marker{display:none}.landing-mobile-menu>summary span{display:block;width:16px;height:1.5px;border-radius:999px;background:var(--ink)}.landing-mobile-menu nav{position:absolute;right:0;top:48px;width:220px;padding:8px;background:#fff;border:1px solid #e3e7ec;border-radius:14px;box-shadow:0 18px 46px rgba(20,32,51,.14);display:grid;z-index:20}.landing-mobile-menu nav a{padding:11px 12px;border-radius:9px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:720}.landing-mobile-menu nav a:hover{background:#f5f7fa}
.landing-main{max-width:1220px;padding:42px 30px 72px}.landing-hero{grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr);gap:36px;min-height:458px}.landing-hero-copy{max-width:590px}.landing-hero-copy .client-eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:14px}.landing-hero-copy h1{font-size:56px;line-height:1.01;letter-spacing:-.05em;max-width:590px}.landing-hero-copy p{font-size:18px;line-height:1.58;max-width:555px;margin-top:21px}.landing-hero-actions{margin-top:26px;gap:10px}.landing-hero-actions .btn{min-height:46px;padding:12px 19px;border-radius:12px;font-size:13px}.landing-primary{box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 21%,transparent)}.landing-secondary{background:#fff;border-color:#dfe3e8}.landing-hero-login{margin-top:14px;color:#7a8596;font-size:12px}.landing-hero-login a{color:var(--ink);font-weight:760;text-underline-offset:3px}
.landing-devices{height:408px}.landing-glow{inset:42px 15px 34px 58px;opacity:.7}.landing-laptop{width:425px;right:42px;top:39px;filter:drop-shadow(0 23px 30px rgba(22,38,63,.16))}.landing-laptop-screen{height:255px;border-width:8px;border-bottom-width:10px;border-radius:16px 16px 9px 9px}.landing-laptop-base{width:485px;height:15px;margin-left:-30px}.landing-demo-top{height:37px}.landing-demo-body{grid-template-columns:102px 1fr;height:calc(100% - 37px)}.landing-demo-side{padding:12px 8px}.landing-demo-content{padding:15px}.landing-demo-content h4{font-size:16px}.landing-phone{width:134px;height:276px;right:5px;bottom:20px;border-width:7px;border-radius:27px;padding:25px 10px 12px;box-shadow:0 24px 34px rgba(22,38,63,.21)}.landing-phone-notch{width:52px;height:11px;top:6px}.landing-phone-head{font-size:8px;margin-bottom:14px}.landing-phone-title{font-size:10px;padding:9px}.landing-phone-item{font-size:8px;padding:8px 7px;margin-top:6px}
.landing-benefits{gap:0;margin:12px 0 86px;padding:10px 8px;border-radius:18px;background:#fff;border-color:#e8e6e1;box-shadow:0 10px 32px rgba(36,53,77,.035)}.landing-benefits article{position:relative;grid-template-columns:38px 1fr;gap:11px;padding:15px 16px}.landing-benefits article+article:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:#eceae5}.landing-benefit-icon{width:38px;height:38px;border-radius:11px;font-size:17px}.landing-benefits b{font-size:13px;margin:1px 0 4px}.landing-benefits span{font-size:11.5px;line-height:1.48}
.landing-how,.landing-plans{scroll-margin-top:86px}.landing-section-head{max-width:690px;margin-bottom:22px}.landing-section-head .client-eyebrow{font-size:9px;margin-bottom:9px}.landing-section-head h2{font-size:34px;letter-spacing:-.035em;margin-bottom:7px}.landing-section-head p{font-size:14px;line-height:1.55}.landing-steps{grid-template-columns:1fr 34px 1fr 34px 1fr;gap:10px;margin-bottom:88px}.landing-steps article{min-height:164px;padding:22px;border-radius:16px;box-shadow:0 8px 25px rgba(33,51,76,.04)}.landing-step-number{top:18px;left:18px;width:31px;height:31px;border-radius:10px}.landing-step-icon{margin:0 0 23px 43px;font-size:23px;line-height:31px}.landing-steps h3{font-size:15px}.landing-steps p{font-size:12px}.landing-step-arrow{font-size:18px;color:#9aa5b3}
/* Dynamic storefront cards. */
.landing-plans .public-plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;max-width:1180px}.landing-plans .public-plan{min-height:0!important;padding:26px 27px 24px;border-radius:18px;box-shadow:0 10px 30px rgba(34,52,78,.05);justify-content:flex-start}.landing-plans .public-plan.is-featured{border:1.5px solid color-mix(in srgb,var(--accent) 66%,#fff);box-shadow:0 15px 42px color-mix(in srgb,var(--accent) 11%,rgba(34,52,78,.08));background:#fff}.landing-plans .public-plan:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(34,52,78,.085)}.landing-plan-heading{display:grid;gap:9px;min-width:0}.public-plan-top{min-height:58px}.public-plan-top h3,.landing-plan-heading h3{font-size:25px;line-height:1.08;letter-spacing:-.025em;margin:0}.landing-plan-badge{justify-self:start;font-size:9px;line-height:1;font-weight:820;letter-spacing:.03em;text-transform:uppercase;padding:6px 8px;border-radius:999px}.landing-plan-badge.subtle{color:#778397;background:#f4f6f8}.landing-plan-description{min-height:44px;flex:none!important;margin:13px 0 18px!important;font-size:13px!important;line-height:1.55!important}.landing-plan-price{display:flex;align-items:baseline;gap:7px;margin:0 0 16px}.landing-plan-price strong{font-size:35px;line-height:1;letter-spacing:-.04em}.landing-plan-price span{font-size:12px;color:var(--muted);font-weight:650}.landing-plan-facts{margin:0 0 17px}.landing-plan-facts span{font-size:10px;padding:6px 8px}.landing-plan-benefits{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}.landing-plan-benefits li{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;color:#405066;font-size:12px;line-height:1.4}.landing-plan-benefits li>span{width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:#edf6ff;color:var(--accent);font-size:10px;font-weight:900}.landing-plan-action{margin-top:auto;padding-top:2px}.landing-plan-action .btn{min-height:44px;border-radius:11px;font-size:13px}.landing-plan-message{font-size:11px;margin-bottom:14px}.landing-footer{max-width:1220px;padding:27px 30px 40px;border-top:1px solid #e8e6e1}.landing-footer b{font-size:12px}.landing-footer nav{gap:18px}.landing-footer a{font-size:11px;color:#657184}
/* Public premium auth workspace. */
.premium-client-auth{min-height:100vh;position:relative;isolation:isolate;display:grid;place-items:center;padding:34px 20px;background:#fbfaf7;overflow:hidden}.premium-auth-ambient{position:absolute;z-index:-2;inset:0;background:var(--brand-auth-background),radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--accent) 9%,#fff) 0,#fbfaf7 48%,#f8f6f1 100%);background-size:cover;background-position:center}.premium-client-auth:after{content:"";position:absolute;z-index:-1;width:min(760px,85vw);height:min(520px,60vh);border-radius:50%;background:color-mix(in srgb,var(--accent) 5%,transparent);filter:blur(70px);top:4%;left:50%;transform:translateX(-50%)}.premium-auth-card{width:min(440px,100%);padding:32px 34px 25px;border:1px solid rgba(218,218,214,.92);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 22px 64px rgba(20,32,51,.10);backdrop-filter:blur(18px)}.premium-auth-card.wide{width:min(490px,100%)}.premium-auth-brand{display:flex;justify-content:center;margin-bottom:19px}.premium-auth-brand .public-product-logo{text-decoration:none;color:var(--ink);gap:9px}.premium-auth-brand .client-logo-media{width:32px;height:32px;border-radius:9px}.premium-auth-brand .client-logo-title{font-size:17px;font-weight:820}.premium-auth-back{display:inline-flex;color:#778397;text-decoration:none;font-size:11px;font-weight:680;margin-bottom:18px}.premium-auth-back:hover{color:var(--ink)}.premium-auth-heading{text-align:left;margin-bottom:22px}.premium-auth-heading .client-eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:7px}.premium-auth-heading h1{font-size:29px;line-height:1.08;letter-spacing:-.035em;margin:0 0 8px}.premium-auth-heading p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.premium-auth-form{display:grid;gap:14px}.premium-auth-field{margin:0;gap:7px}.premium-auth-field label,.premium-auth-password-head label{font-size:11px;font-weight:740;color:#536176}.premium-auth-field input,.premium-auth-field select,.premium-auth-field textarea,.premium-auth-password input{min-height:47px;border:1px solid #dfe3e8;border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink);outline:0;transition:border-color .15s ease,box-shadow .15s ease}.premium-auth-field input:focus,.premium-auth-password input:focus{border-color:color-mix(in srgb,var(--accent) 58%,#dfe3e8);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.premium-auth-field small{font-size:10px;line-height:1.4;color:#8b95a4}.premium-auth-password-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:-7px}.premium-auth-password-head a{font-size:11px;font-weight:730;color:var(--accent);text-decoration:none}.auth-password-wrap{position:relative}.auth-password-wrap input{width:100%;padding-right:72px}.auth-password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:34px;border:0;border-radius:8px;background:transparent;color:#6e7b8e;font-size:10px;font-weight:760;cursor:pointer;padding:0 8px}.auth-password-toggle:hover{background:#f3f6f9;color:var(--ink)}.premium-auth-submit{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:11px;margin-top:3px;font-size:13px}.premium-auth-switch{text-align:center;font-size:12px;color:#7a8596;margin-top:1px}.premium-auth-switch a,.premium-auth-state-link{color:var(--ink);font-weight:760;text-underline-offset:3px}.premium-auth-foot{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #eeece7;margin-top:23px;padding-top:17px;color:#949caa}.premium-auth-foot span{font-size:10px;font-weight:820;color:#778397}.premium-auth-foot small{font-size:9px;text-align:right}.premium-auth-state{display:grid;gap:14px;text-align:center}.premium-auth-state-icon{width:50px;height:50px;margin:0 auto;border-radius:15px;background:#edf4ff;color:var(--accent);display:grid;place-items:center;font-size:21px;font-weight:900}.premium-auth-state-icon.success{background:#eaf8f2;color:var(--good)}.premium-auth-state-note{border:1px solid #e5e9ef;border-radius:11px;padding:11px 12px;background:#fafbfc;color:#657184;font-size:11px;line-height:1.5}.premium-auth-resend{width:100%;min-height:44px}.premium-auth-state-link{font-size:12px}.premium-client-auth .errorbox,.premium-client-auth .notice{margin:0;font-size:11px;line-height:1.5}.premium-client-auth .cf-turnstile{max-width:100%;overflow:hidden}
/* Admin storefront presentation editor. */
.storefront-modal{width:min(1040px,calc(100vw - 36px))}.storefront-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.storefront-editor-fields{min-width:0}.storefront-editor-fields .field textarea{min-height:88px;resize:vertical}.storefront-switches{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.storefront-switches .check{border:1px solid var(--line);border-radius:10px;background:#fafbfc}.storefront-benefit-editor{display:grid;gap:8px;margin-top:8px}.storefront-benefit-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center}.storefront-benefit-index{width:24px;height:24px;border-radius:8px;background:#f0f4f9;color:#718096;display:grid;place-items:center;font-size:9px;font-weight:850}.storefront-benefit-row input{min-width:0;border:1px solid var(--line);border-radius:9px;padding:8px 9px}.storefront-benefit-actions{display:flex;gap:4px}.storefront-benefit-actions .btn{min-width:30px}.storefront-preview-wrap{position:sticky;top:12px;border-left:1px solid var(--line);padding-left:22px}.storefront-preview-wrap>.client-eyebrow{margin-bottom:10px}.storefront-preview-wrap>.muted{font-size:10px;line-height:1.45}.storefront-admin-preview{padding:22px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 28px rgba(34,52,78,.06)}.storefront-admin-preview.is-featured{border:1.5px solid color-mix(in srgb,var(--accent) 66%,#fff)}.storefront-admin-preview .public-plan-top{min-height:54px}.storefront-admin-preview .landing-plan-description{min-height:0}.storefront-admin-preview .landing-plan-price{margin-top:16px}.storefront-admin-preview .landing-plan-action .btn{pointer-events:none;width:100%;display:flex;justify-content:center}
@media(min-width:1040px){.landing-plans .public-plans:has(>article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.landing-plans .public-plans:has(>article:nth-child(1):last-child){grid-template-columns:minmax(0,560px);max-width:560px}}
@media(max-width:1100px){.landing-hero{grid-template-columns:1fr;gap:26px}.landing-hero-copy{max-width:720px}.landing-devices{height:390px;max-width:650px}.landing-laptop{right:90px}.landing-phone{right:48px}.landing-benefits{grid-template-columns:1fr 1fr}.landing-benefits article:nth-child(3):before{display:none}.storefront-editor-grid{grid-template-columns:1fr}.storefront-preview-wrap{position:static;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.storefront-admin-preview{max-width:500px}}
@media(max-width:760px){.landing-header{height:64px;padding:0 18px;display:flex;align-items:center}.landing-header-brand .public-product-logo .client-logo-media{width:28px;height:28px}.landing-header-brand .public-product-logo .client-logo-title{font-size:16px}.landing-desktop-nav{display:none}.landing-mobile-actions{display:flex}.landing-main{padding:31px 18px 52px}.landing-hero{gap:20px}.landing-hero-copy h1{font-size:41px;line-height:1.02}.landing-hero-copy p{font-size:16px;line-height:1.55;margin-top:17px}.landing-hero-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:22px}.landing-hero-actions .btn{justify-content:center;text-align:center;padding:11px 12px}.landing-hero-login{font-size:11px}.landing-devices{height:300px;overflow:hidden}.landing-laptop{width:335px;right:32px;top:25px}.landing-laptop-screen{height:201px;border-width:6px;border-bottom-width:8px}.landing-laptop-base{width:380px;margin-left:-23px;height:12px}.landing-demo-body{grid-template-columns:74px 1fr}.landing-demo-side{padding:9px 6px}.landing-demo-side span{font-size:6px;padding:5px}.landing-demo-content{padding:10px}.landing-demo-content h4{font-size:12px}.landing-phone{width:105px;height:218px;right:3px;bottom:8px;border-width:6px;border-radius:22px;padding:21px 7px 8px}.landing-phone-notch{top:4px;width:42px;height:8px}.landing-phone-head{font-size:6px;margin-bottom:9px}.landing-phone-head img{width:13px;height:13px}.landing-phone-title{font-size:7px;padding:7px}.landing-phone-item{font-size:6px;padding:6px 5px;margin-top:4px;gap:4px}.landing-benefits{grid-template-columns:1fr 1fr;margin:8px 0 58px;padding:8px}.landing-benefits article{grid-template-columns:34px 1fr;padding:12px 10px}.landing-benefits article+article:before{display:none}.landing-benefit-icon{width:34px;height:34px;border-radius:10px}.landing-benefits b{font-size:12px}.landing-benefits span{font-size:10.5px}.landing-section-head h2{font-size:29px}.landing-steps{grid-template-columns:1fr;gap:10px;margin-bottom:60px}.landing-steps article{min-height:0;padding:20px}.landing-step-arrow{display:none}.landing-plans .public-plans{grid-template-columns:1fr}.landing-plans .public-plan{padding:23px 22px}.landing-plan-description{min-height:0}.landing-footer{padding:22px 18px 34px;display:grid;gap:15px}.landing-footer nav{gap:13px;flex-wrap:wrap}.premium-client-auth{padding:20px 16px}.premium-auth-card,.premium-auth-card.wide{width:min(460px,100%);padding:27px 24px 22px;border-radius:18px}.premium-auth-heading h1{font-size:27px}.premium-auth-foot{display:grid;justify-items:center;text-align:center}.premium-auth-foot small{text-align:center}.storefront-modal{width:min(100%,calc(100vw - 20px));padding:18px}.storefront-switches{grid-template-columns:1fr}.storefront-benefit-row{grid-template-columns:22px minmax(0,1fr)}.storefront-benefit-actions{grid-column:2;justify-content:flex-end}}
@media(max-width:430px){.landing-hero-copy h1{font-size:38px}.landing-hero-actions{grid-template-columns:1fr}.landing-devices{height:270px}.landing-laptop{width:305px;right:23px}.landing-laptop-screen{height:183px}.landing-laptop-base{width:346px;margin-left:-20px}.landing-phone{width:96px;height:202px;right:0}.landing-benefits{grid-template-columns:1fr}.premium-client-auth{padding:0;background:#fff;display:block}.premium-auth-ambient{display:none}.premium-auth-card,.premium-auth-card.wide{min-height:100vh;width:100%;padding:25px 20px;border:0;border-radius:0;box-shadow:none;background:#fff}.premium-auth-brand{justify-content:flex-start}.premium-auth-heading h1{font-size:28px}.premium-auth-form{gap:13px}}
/* Auth shell must neutralize the legacy split-screen grid completely. */
.client-auth-shell.premium-client-auth{grid-template-columns:1fr!important}
@media(max-width:430px){.client-auth-shell.premium-client-auth{display:block!important}}


/* v0.21.4-p5 — Tariff Storefront UI Polish (selective module patch) */
/* v0.21.4-p7 — Tariff Locations UI Fix: client-facing location tiles only */
.landing-plans .public-plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px;align-items:stretch}
.landing-plans .public-plan{min-height:0!important;padding:24px 25px 22px;border-radius:18px;border:1px solid #e1e6ed;box-shadow:0 8px 24px rgba(26,43,68,.045);background:#fff;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.landing-plans .public-plan.is-featured{border-color:#e1e6ed;box-shadow:0 8px 24px rgba(26,43,68,.045);background:#fff}
.landing-plans .public-plan:hover,.landing-plans .public-plan.is-featured:hover{transform:translateY(-2px);border-color:#cdd9e8;box-shadow:0 13px 32px rgba(26,43,68,.075)}
.public-plan-top{min-height:0;margin-bottom:0}.landing-plan-heading{gap:10px}.public-plan-top h3,.landing-plan-heading h3{font-size:25px;line-height:1.08;letter-spacing:-.026em}.landing-plan-badge{font-size:9px;line-height:1;font-weight:850;letter-spacing:.045em;text-transform:uppercase;color:var(--accent);background:#edf5ff;border:1px solid #dbeaff;padding:6px 9px}
.landing-plan-description{min-height:0!important;margin:13px 0 20px!important;font-size:13px!important;line-height:1.52!important;color:#627187!important}
.landing-plan-price{display:flex;align-items:baseline;gap:8px;margin:0 0 13px}.landing-plan-price strong{font-size:36px;line-height:.98;letter-spacing:-.045em;color:var(--ink)}.landing-plan-price span{font-size:11px;color:#758196;font-weight:700}
.landing-plan-facts{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 17px}.landing-plan-facts span{font-size:10px;font-weight:780;color:#4c5d74;background:#f5f7fa;border:1px solid #e4e8ee;border-radius:999px;padding:6px 9px}
.landing-plan-locations{padding:16px 0 17px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;margin:0 0 17px}.landing-plan-locations-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.landing-plan-locations-head>span{font-size:13px;line-height:1.2;font-weight:760;letter-spacing:-.01em;color:#1f3048}.landing-plan-locations-head small{font-size:11px;font-weight:650;color:#7a8799}.landing-plan-location-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tariff-location-tile{display:flex;align-items:center;gap:10px;min-width:0;min-height:62px;padding:10px 12px;background:#f9fbfe;border:1px solid #e2eaf4;border-radius:12px}.tariff-location-tile[hidden]{display:none!important}.tariff-location-flag{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;font-size:21px;line-height:1}.tariff-location-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:2px}.tariff-location-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.25;font-weight:760;color:#182a43}.tariff-location-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;font-weight:520;color:#7a8799}.tariff-location-more{min-height:62px;padding:10px 12px;border:1px solid #dce9f9;border-radius:12px;background:#f1f7ff;color:var(--accent);display:flex;align-items:center;justify-content:center;gap:7px;font:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.tariff-location-more:hover{background:#eaf4ff;border-color:#c8def8}.tariff-location-more:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 22%,transparent);outline-offset:2px}.tariff-location-more b{font-size:11.5px;font-weight:760}.tariff-location-more-plus{font-size:19px;line-height:1;font-weight:500}.tariff-location-more i{font-style:normal;font-size:13px;transition:transform .16s ease}.tariff-location-more.is-expanded .tariff-location-more-plus{display:none}.tariff-location-more.is-expanded i{transform:rotate(180deg)}.tariff-location-empty{font-size:12px;color:#7a8799;background:#f9fbfe;border:1px dashed #dce5ef;border-radius:12px;padding:13px 14px}.landing-plan-locations.is-empty .landing-plan-locations-head{margin-bottom:8px}
.landing-plan-benefits{margin:0 0 20px;gap:9px}.landing-plan-benefits li{font-size:12px;color:#3e4d62}.landing-plan-benefits li>span{background:#eef6ff;color:var(--accent)}
.landing-plan-action{margin-top:auto;padding-top:3px}.landing-plan-action .btn{min-height:44px;border-radius:11px;font-size:12px;font-weight:800;box-shadow:none}
.storefront-admin-preview.is-featured{border-color:var(--line);box-shadow:0 10px 28px rgba(34,52,78,.06)}
.client-plan-card .plan-price small{font-size:11px;font-weight:650;color:var(--muted)}.client-plan-locations{padding:13px 0 14px;margin:10px 0 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.client-plan-locations-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.client-plan-locations-head span{font-size:12px;font-weight:740;color:#26384f}.client-plan-locations-head small{font-size:10.5px;font-weight:620;color:var(--muted)}.client-plan-location-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.client-plan-location-list .tariff-location-tile{min-height:56px;padding:9px 10px;border-radius:11px}.client-plan-location-list .tariff-location-flag{flex-basis:25px;width:25px;height:25px;font-size:19px}.client-plan-location-list .tariff-location-copy strong{font-size:11.5px}.client-plan-location-list .tariff-location-copy small{font-size:10px}.client-plan-location-list .tariff-location-more{min-height:56px;border-radius:11px}.client-plan-locations.is-empty .client-plan-locations-head{margin-bottom:7px}
@media(min-width:1040px){.landing-plans .public-plans:has(>article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.landing-plans .public-plans:has(>article:nth-child(1):last-child){grid-template-columns:minmax(0,500px);max-width:500px}}
@media(max-width:760px){.landing-plans .public-plan{padding:21px 20px 20px}.landing-plan-price strong{font-size:33px}.landing-plan-locations{padding:13px 0 14px}.landing-plan-location-list,.client-plan-location-list{grid-template-columns:1fr}.tariff-location-tile,.tariff-location-more{min-height:56px}.landing-plan-locations-head>span{font-size:12.5px}}

/* v0.21.4-p8 — Tariff Location Tiles Visual Upgrade */
.tariff-location-title{display:flex;align-items:center;min-width:0;gap:9px;font:inherit;color:inherit}
.tariff-location-pin{position:relative;display:inline-block;flex:0 0 17px;width:17px;height:17px;border-radius:50% 50% 50% 0;background:var(--accent);transform:rotate(-45deg);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 18%,transparent)}
.tariff-location-pin::after{content:"";position:absolute;left:5.5px;top:5.5px;width:6px;height:6px;border-radius:50%;background:#fff}
.landing-plan-locations{padding:18px 0 18px}
.landing-plan-locations-head{margin-bottom:12px}
.landing-plan-locations-head>span.tariff-location-title{font-size:14px;font-weight:780;color:#162840}
.landing-plan-locations-head small{font-size:11.5px;font-weight:670;color:#718096}
.landing-plan-location-list{gap:10px}
.tariff-location-tile{min-height:70px;padding:12px 14px;gap:12px;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%);border-color:#dce7f3;border-radius:14px;box-shadow:0 1px 0 rgba(25,60,105,.02)}
.tariff-location-flag{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;background:#fff;border:1px solid #dbe5f0;box-shadow:0 2px 7px rgba(26,58,97,.08);overflow:hidden}
.tariff-location-copy{gap:3px}
.tariff-location-copy strong{font-size:13px;line-height:1.25;font-weight:780;color:#132640}
.tariff-location-copy small{font-size:11.5px;line-height:1.3;font-weight:540;color:#75849a}
.tariff-location-more{min-height:70px;padding:12px 14px;border-style:dashed;border-color:#bdd6f5;border-radius:14px;background:#f4f9ff;gap:8px}
.tariff-location-more:hover{background:#edf6ff;border-color:#9fc8f4}
.tariff-location-more b{font-size:12px;font-weight:780}
.tariff-location-more-plus{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e5f1ff;font-size:18px;color:var(--accent)}
.tariff-location-more.is-expanded .tariff-location-more-plus{display:none}
.client-plan-locations-head span.tariff-location-title{font-size:12.5px;font-weight:760;color:#20344f}
.client-plan-location-list .tariff-location-tile{min-height:62px;padding:10px 12px;border-radius:13px}
.client-plan-location-list .tariff-location-flag{flex-basis:32px;width:32px;height:32px;font-size:20px}
.client-plan-location-list .tariff-location-more{min-height:62px;border-radius:13px}
@media(max-width:760px){
  .landing-plan-locations{padding:15px 0 16px}
  .landing-plan-locations-head>span.tariff-location-title{font-size:13px}
  .tariff-location-tile,.tariff-location-more{min-height:68px}
  .tariff-location-tile{padding:11px 13px}
  .tariff-location-flag{flex-basis:35px;width:35px;height:35px;font-size:21px}
  .tariff-location-copy strong{font-size:13px}
  .tariff-location-copy small{font-size:11.5px}
}


/* v0.21.4-p9 — Cross-platform Location Flags Fix */
.tariff-location-flag img{display:block;width:26px;height:19px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px rgba(21,48,82,.08)}
.tariff-location-flag-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:10px;font-weight:800;letter-spacing:.04em;color:#63748b;background:#f4f7fb}
.client-plan-location-list .tariff-location-flag img{width:23px;height:17px}
@media(max-width:600px){.tariff-location-flag img{width:25px;height:18px}}


/* v0.21.4-p10 — Tariff Public Presentation Polish */
/* Public storefront keeps pricing private until sign-in. The authenticated Client
   tariff cards keep their existing price renderer and compact location metadata. */
.landing-plan-facts-public{margin-top:4px}
.landing-plan-location-list .tariff-location-flag{
  flex:0 0 38px;width:38px;height:28px;border:0;border-radius:0;background:transparent;
  box-shadow:none;overflow:visible
}
.landing-plan-location-list .tariff-location-flag img{
  width:36px;height:25px;object-fit:cover;border-radius:4px;
  box-shadow:0 0 0 1px rgba(21,48,82,.10),0 2px 6px rgba(26,58,97,.07)
}
.landing-plan-location-list .tariff-location-tile:not(.is-lte){min-height:64px}
.landing-plan-location-list .tariff-location-tile.is-lte{
  position:relative;min-height:70px;
  background:linear-gradient(135deg,#fbfbff 0%,#f5f3ff 58%,#f7f5ff 100%);
  border-color:#b9adff;
  box-shadow:0 3px 14px rgba(91,72,210,.08)
}
.landing-plan-location-list .tariff-location-tile.is-lte .tariff-location-copy small{
  color:#6b62a8;font-weight:650
}
.tariff-location-lte-mark{
  margin-left:auto;align-self:center;display:flex;flex-direction:column;align-items:flex-end;gap:5px;
  color:#6558e8;flex:0 0 auto
}
.tariff-location-lte-mark>b{
  display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:22px;padding:0 8px;
  border-radius:8px;background:linear-gradient(135deg,#7968ff,#5b52df);color:#fff;
  box-shadow:0 4px 10px rgba(94,78,222,.20);font-size:10px;line-height:1;font-weight:850;letter-spacing:.035em
}
.tariff-location-signal{height:16px;display:flex;align-items:flex-end;gap:2px;padding-right:3px}
.tariff-location-signal i{display:block;width:3px;border-radius:3px;background:#7062ef}
.tariff-location-signal i:nth-child(1){height:6px}.tariff-location-signal i:nth-child(2){height:10px}.tariff-location-signal i:nth-child(3){height:15px}
.storefront-admin-preview .landing-plan-facts-public{margin-top:4px}
@media(max-width:600px){
  .landing-plan-location-list .tariff-location-flag{flex-basis:38px;width:38px;height:28px}
  .landing-plan-location-list .tariff-location-flag img{width:36px;height:25px}
  .landing-plan-location-list .tariff-location-tile:not(.is-lte){min-height:62px}
  .landing-plan-location-list .tariff-location-tile.is-lte{min-height:70px}
}

/* v0.21.4-p10-p1 — Tariff UI Sync & LTE Desktop Polish
   Client → Тарифы now uses the same customer-facing location language as Public.
   LTE markers are positioned independently from copy so country / «Обход LTE» never
   collapse into desktop ellipsis in two-column cards. */
.client-plan-location-list .tariff-location-flag{
  flex:0 0 34px;width:34px;height:25px;border:0;border-radius:0;background:transparent;
  box-shadow:none;overflow:visible
}
.client-plan-location-list .tariff-location-flag img{
  width:32px;height:23px;object-fit:cover;border-radius:4px;
  box-shadow:0 0 0 1px rgba(21,48,82,.10),0 2px 6px rgba(26,58,97,.07)
}
.client-plan-location-list .tariff-location-tile:not(.is-lte){min-height:60px}
.client-plan-location-list .tariff-location-tile.is-lte{
  position:relative;min-height:68px;padding-right:58px;
  background:linear-gradient(135deg,#fbfbff 0%,#f5f3ff 58%,#f7f5ff 100%);
  border-color:#b9adff;box-shadow:0 3px 14px rgba(91,72,210,.08)
}
.landing-plan-location-list .tariff-location-tile.is-lte{padding-right:60px}
.landing-plan-location-list .tariff-location-tile.is-lte .tariff-location-copy,
.client-plan-location-list .tariff-location-tile.is-lte .tariff-location-copy{min-width:0;flex:1}
.landing-plan-location-list .tariff-location-tile.is-lte .tariff-location-copy strong,
.landing-plan-location-list .tariff-location-tile.is-lte .tariff-location-copy small,
.client-plan-location-list .tariff-location-tile.is-lte .tariff-location-copy strong,
.client-plan-location-list .tariff-location-tile.is-lte .tariff-location-copy small{
  overflow:visible;text-overflow:clip;white-space:normal
}
.client-plan-location-list .tariff-location-tile.is-lte .tariff-location-copy small{
  color:#6b62a8;font-weight:650
}
.landing-plan-location-list .tariff-location-tile.is-lte .tariff-location-lte-mark,
.client-plan-location-list .tariff-location-tile.is-lte .tariff-location-lte-mark{
  position:absolute;right:11px;top:10px;margin-left:0;align-self:auto
}
@media(min-width:761px){
  .landing-plan-location-list .tariff-location-tile.is-lte,
  .client-plan-location-list .tariff-location-tile.is-lte{min-width:0}
  .landing-plan-location-list .tariff-location-tile.is-lte .tariff-location-copy strong,
  .landing-plan-location-list .tariff-location-tile.is-lte .tariff-location-copy small,
  .client-plan-location-list .tariff-location-tile.is-lte .tariff-location-copy strong,
  .client-plan-location-list .tariff-location-tile.is-lte .tariff-location-copy small{max-width:none}
}
@media(max-width:760px){
  .client-plan-location-list .tariff-location-flag{flex-basis:38px;width:38px;height:28px}
  .client-plan-location-list .tariff-location-flag img{width:36px;height:25px}
  .landing-plan-location-list .tariff-location-tile.is-lte,
  .client-plan-location-list .tariff-location-tile.is-lte{padding-right:62px}
}



/* v0.21.4-p11 — Landing Hero Branding Polish */
.landing-header-clean{justify-content:flex-end}
.landing-header-clean .landing-nav{margin-left:auto}
.landing-main{padding-top:34px}
.landing-hero-card{min-height:0;grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);gap:28px;padding:42px 42px 38px;border:1px solid #dfe8f3;border-radius:26px;background:linear-gradient(120deg,rgba(255,255,255,.98),rgba(247,251,255,.96));box-shadow:0 18px 54px rgba(35,55,82,.07);overflow:hidden;isolation:isolate}
.landing-hero-card .landing-hero-copy{max-width:570px;position:relative;z-index:2}
.landing-hero-card .landing-hero-copy h1{font-size:58px;line-height:1.01;letter-spacing:-.052em;white-space:pre-line;margin:0;max-width:560px}
.landing-hero-card .landing-hero-copy p{font-size:17px;line-height:1.58;max-width:540px;margin-top:22px}
.landing-hero-card .landing-hero-actions{margin-top:27px}
.landing-hero-visual{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;margin:-24px -30px -28px 0;overflow:hidden}
.landing-hero-visual::before{content:"";position:absolute;inset:9% 4% 4% 3%;background:radial-gradient(circle at 48% 48%,color-mix(in srgb,var(--accent) 13%,#fff),transparent 66%);filter:blur(16px);z-index:-1}
.landing-hero-visual img{display:block;width:min(100%,520px);height:auto;max-height:430px;object-fit:contain;object-position:center;filter:saturate(.96) contrast(.99)}
.landing-hero-visual.is-fallback{min-height:360px;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 18%,#fff),transparent 66%)}
.landing-benefits{margin-top:34px}
.branding-asset-visual.hero{aspect-ratio:4/3;max-width:420px;min-height:140px;background:#f5f9ff}
.branding-asset-visual.hero img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain}
@media(max-width:1100px){
  .landing-hero-card{grid-template-columns:1fr;gap:10px;padding:36px 36px 26px}
  .landing-hero-card .landing-hero-copy{max-width:720px}
  .landing-hero-visual{min-height:330px;margin:0 -16px -18px;justify-content:center}
  .landing-hero-visual img{max-height:360px;width:min(100%,620px)}
}
@media(max-width:760px){
  .landing-header-clean{justify-content:flex-end}
  .landing-main{padding-top:22px}
  .landing-hero-card{padding:28px 22px 18px;border-radius:20px;gap:8px}
  .landing-hero-card .landing-hero-copy h1{font-size:40px;line-height:1.03}
  .landing-hero-card .landing-hero-copy p{font-size:15px;line-height:1.5;margin-top:16px}
  .landing-hero-visual{min-height:255px;margin:4px -14px -10px}
  .landing-hero-visual img{max-height:285px;width:min(100%,440px)}
  .landing-benefits{margin-top:24px}
}
@media(max-width:430px){
  .landing-hero-card{padding:24px 18px 16px;border-radius:18px}
  .landing-hero-card .landing-hero-copy h1{font-size:36px}
  .landing-hero-visual{min-height:220px;margin:6px -12px -8px}
  .landing-hero-visual img{max-height:245px}
}

/* p11 also carries the agreed p10-p2 micro-fix: keep «Обход LTE» on one desktop line. */
@media(min-width:761px){
  .landing-plan-location-list .tariff-location-tile.is-lte{padding-right:48px}
  .landing-plan-location-list .tariff-location-tile.is-lte .tariff-location-copy small{white-space:nowrap;font-size:10.5px}
  .landing-plan-location-list .tariff-location-tile.is-lte .tariff-location-lte-mark{right:7px;top:9px}
  .landing-plan-location-list .tariff-location-tile.is-lte .tariff-location-lte-mark>b{min-width:31px;height:20px;padding:0 6px;font-size:9px}
}

/* v0.21.4-p11-p1 — Landing Hero Layout Fix */
/* Keep the approved HTML/Branding-driven Hero, but restore a deliberate desktop composition and a compact mobile visual. */
.landing-hero-card{
  width:min(100%,1160px);
  margin-inline:auto;
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);
  gap:34px;
  min-height:470px;
  padding:46px 50px 42px;
  align-items:center;
}
.landing-hero-card .landing-hero-copy{max-width:600px}
.landing-hero-card .landing-hero-copy h1{
  font-size:clamp(46px,4.55vw,60px);
  line-height:1.01;
  max-width:600px;
  text-wrap:balance;
}
.landing-hero-card .landing-hero-copy p{max-width:565px}
.landing-hero-visual{
  min-height:390px;
  margin:-20px -22px -22px 0;
  overflow:visible;
}
.landing-hero-visual img{
  width:min(100%,500px);
  max-height:500px;
}

/* The older 1100px rule collapsed p11 too early. Keep the two-column Hero on normal desktop/laptop widths. */
@media(min-width:861px) and (max-width:1100px){
  .landing-hero-card{
    grid-template-columns:minmax(0,1.04fr) minmax(350px,.96fr);
    gap:24px;
    min-height:430px;
    padding:38px 38px 34px;
  }
  .landing-hero-card .landing-hero-copy{max-width:540px}
  .landing-hero-card .landing-hero-copy h1{font-size:clamp(42px,4.7vw,54px);max-width:540px}
  .landing-hero-visual{min-height:350px;margin:-14px -16px -18px 0}
  .landing-hero-visual img{width:min(100%,430px);max-height:430px}
}

/* Tablet: stack only when there is genuinely not enough horizontal room. */
@media(min-width:761px) and (max-width:860px){
  .landing-hero-card{
    grid-template-columns:1fr;
    gap:18px;
    min-height:0;
    padding:36px 38px 28px;
  }
  .landing-hero-card .landing-hero-copy{max-width:650px}
  .landing-hero-card .landing-hero-copy h1{font-size:46px;max-width:650px}
  .landing-hero-visual{min-height:310px;margin:0;overflow:hidden}
  .landing-hero-visual img{width:min(100%,390px);max-height:390px}
}

/* Mobile: text first, full-width actions, then a deliberately compact network illustration. */
@media(max-width:760px){
  .landing-main{padding-top:24px}
  .landing-hero-card{
    width:100%;
    grid-template-columns:1fr;
    gap:18px;
    min-height:0;
    padding:28px 26px 24px;
    border-radius:20px;
  }
  .landing-hero-card .landing-hero-copy{max-width:none}
  .landing-hero-card .landing-hero-copy h1{
    font-size:clamp(31px,9.2vw,36px);
    line-height:1.04;
    letter-spacing:-.043em;
    max-width:none;
    text-wrap:balance;
  }
  .landing-hero-card .landing-hero-copy p{
    font-size:15px;
    line-height:1.52;
    margin-top:17px;
    max-width:none;
  }
  .landing-hero-card .landing-hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:22px;
  }
  .landing-hero-card .landing-hero-actions .btn{
    width:100%;
    min-height:48px;
    justify-content:center;
    text-align:center;
  }
  .landing-hero-login{margin-top:14px;font-size:12px}
  .landing-hero-visual{
    min-height:0;
    height:auto;
    margin:2px 0 0;
    padding:0;
    overflow:hidden;
  }
  .landing-hero-visual::before{inset:14% 9% 9%;filter:blur(14px)}
  .landing-hero-visual img{
    width:min(78vw,280px);
    max-width:280px;
    max-height:none;
    margin:0 auto;
  }
  .landing-benefits{margin-top:28px}
}

@media(max-width:430px){
  .landing-hero-card{padding:26px 22px 22px;border-radius:18px}
  .landing-hero-card .landing-hero-copy h1{font-size:clamp(30px,9.4vw,34px)}
  .landing-hero-visual img{width:min(76vw,260px);max-width:260px}
}

/* v0.21.4-p11-p2 — Integrated Landing Hero Visual */
/* The network artwork is part of the Hero composition, not a rectangular picture card. */
.landing-hero-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  grid-template-columns:minmax(0,1fr) minmax(390px,.96fr);
  min-height:470px;
  padding:48px 52px 44px;
  background:
    radial-gradient(circle at 82% 48%,color-mix(in srgb,var(--accent) 7%,#fff) 0,rgba(255,255,255,0) 39%),
    linear-gradient(118deg,#fff 0%,#fff 48%,#fbfdff 100%);
}
.landing-hero-card .landing-hero-copy{
  position:relative;
  z-index:3;
  max-width:600px;
}
.landing-hero-visual{
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  width:55%;
  min-height:0;
  height:100%;
  margin:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  pointer-events:none;
}
.landing-hero-visual::before{
  inset:8% 2% 7% 4%;
  filter:blur(24px);
  opacity:.68;
}
.landing-hero-visual img{
  position:absolute;
  right:-18px;
  top:50%;
  transform:translateY(-50%);
  width:min(48vw,610px);
  max-width:none;
  max-height:none;
  height:auto;
  object-fit:contain;
  object-position:center;
  filter:saturate(.98) contrast(.99);
  -webkit-mask-image:radial-gradient(ellipse 76% 84% at 56% 50%,#000 0 62%,rgba(0,0,0,.92) 70%,rgba(0,0,0,.48) 84%,transparent 100%);
  mask-image:radial-gradient(ellipse 76% 84% at 56% 50%,#000 0 62%,rgba(0,0,0,.92) 70%,rgba(0,0,0,.48) 84%,transparent 100%);
}

@media(min-width:861px) and (max-width:1100px){
  .landing-hero-card{
    grid-template-columns:minmax(0,1.04fr) minmax(350px,.96fr);
    padding:40px 40px 36px;
  }
  .landing-hero-visual{width:52%}
  .landing-hero-visual img{right:-28px;width:min(52vw,510px)}
}

@media(min-width:761px) and (max-width:860px){
  .landing-hero-card{
    grid-template-columns:1fr;
    padding:36px 38px 30px;
    min-height:0;
  }
  .landing-hero-visual{
    position:relative;
    width:100%;
    height:300px;
    min-height:300px;
    margin:0;
    justify-content:center;
  }
  .landing-hero-visual img{
    right:auto;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:min(72vw,390px);
  }
}

@media(max-width:760px){
  .landing-hero-card{
    grid-template-columns:1fr;
    min-height:0;
    padding:28px 24px 22px;
    gap:14px;
  }
  .landing-hero-visual{
    position:relative;
    width:100%;
    height:238px;
    min-height:238px;
    margin:2px 0 0;
    overflow:hidden;
    justify-content:center;
  }
  .landing-hero-visual::before{inset:12% 12% 10%;filter:blur(16px);opacity:.58}
  .landing-hero-visual img{
    position:absolute;
    right:auto;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:min(74vw,270px);
    max-width:270px;
    -webkit-mask-image:radial-gradient(ellipse 78% 86% at 50% 50%,#000 0 62%,rgba(0,0,0,.92) 72%,rgba(0,0,0,.42) 86%,transparent 100%);
    mask-image:radial-gradient(ellipse 78% 86% at 50% 50%,#000 0 62%,rgba(0,0,0,.92) 72%,rgba(0,0,0,.42) 86%,transparent 100%);
  }
}

@media(max-width:430px){
  .landing-hero-card{padding:26px 20px 20px}
  .landing-hero-visual{height:220px;min-height:220px}
  .landing-hero-visual img{width:min(72vw,250px);max-width:250px}
}

/* v0.21.4-p12 — Quick Start Journey Polish */
.landing-how{position:relative}
.landing-how .landing-section-head{margin-bottom:24px}
.landing-quickstart-journey{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) 46px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:78px}
.landing-quickstart-card{position:relative;min-height:212px!important;display:grid;grid-template-columns:minmax(0,1fr) 132px;grid-template-rows:auto 1fr;column-gap:18px;align-items:center;padding:24px 24px 22px!important;border-radius:22px!important;border:1px solid #dce7f4!important;background:linear-gradient(145deg,#fff 0%,#fff 64%,#f8fbff 100%)!important;box-shadow:0 14px 38px rgba(33,51,76,.055)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;overflow:hidden}
.landing-quickstart-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 27%,#dce7f4)!important;box-shadow:0 17px 42px rgba(33,51,76,.075)!important}
.landing-quickstart-card .landing-step-number{position:relative;inset:auto;grid-column:1;grid-row:1;width:42px;height:42px;margin-bottom:26px;border-radius:13px;font-size:13px;background:#eaf3ff;box-shadow:inset 0 0 0 1px rgba(23,105,224,.03)}
.landing-quickstart-copy{grid-column:1;grid-row:2;align-self:end;min-width:0}
.landing-quickstart-copy h3{font-size:17px!important;line-height:1.22;margin:0 0 8px!important;letter-spacing:-.015em}
.landing-quickstart-copy p{font-size:13px!important;line-height:1.48!important;margin:0!important;max-width:280px;color:var(--muted)}
.landing-quickstart-art{grid-column:2;grid-row:1 / span 2;position:relative;width:132px;height:136px;justify-self:end;align-self:center}
.landing-quickstart-art::before{content:"";position:absolute;inset:16px 5px 4px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 13%,#fff),transparent 69%);filter:blur(5px)}
.landing-quickstart-user-head{position:absolute;z-index:1;top:25px;left:43px;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#8fc1ff,#418bed);box-shadow:0 8px 20px rgba(30,111,225,.18)}
.landing-quickstart-user-body{position:absolute;z-index:1;left:25px;top:74px;width:84px;height:46px;border-radius:44px 44px 20px 20px;background:linear-gradient(145deg,#9ac9ff,#4a91ee);box-shadow:0 8px 20px rgba(30,111,225,.16)}
.landing-quickstart-user b{position:absolute;z-index:2;right:5px;bottom:6px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:25px;line-height:1;font-weight:500;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 28%,transparent)}
.landing-quickstart-plan{width:126px;height:128px}
.landing-quickstart-plan::after{content:"";position:absolute;z-index:1;left:13px;top:19px;width:100px;height:88px;border:1px solid #d8e5f5;border-radius:15px;background:linear-gradient(#eff6ff 0 34px,#fff 34px);box-shadow:0 10px 23px rgba(33,73,128,.09)}
.landing-quickstart-plan-crown{position:absolute;z-index:3;left:28px;top:28px;color:var(--accent);font-size:18px;transform:rotate(45deg)}
.landing-quickstart-plan i{position:absolute;z-index:3;left:28px;width:49px;height:6px;border-radius:5px;background:#cfdded}
.landing-quickstart-plan i:nth-of-type(1){top:66px;width:60px}
.landing-quickstart-plan i:nth-of-type(2){top:80px;width:46px}
.landing-quickstart-plan i:nth-of-type(3){top:94px;width:34px}
.landing-quickstart-plan b{position:absolute;z-index:4;right:2px;bottom:13px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:16px;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 24%,transparent)}
.landing-quickstart-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.landing-quickstart-facts span{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:6px 10px;border-radius:999px;background:#f0f6ff;color:#24364f;font-size:11px;font-weight:800;white-space:nowrap}
.landing-quickstart-facts i{position:relative;display:inline-block;width:15px;height:15px;flex:0 0 15px;color:var(--accent)}
.landing-quickstart-calendar{border:1.6px solid currentColor;border-radius:3px}
.landing-quickstart-calendar::before{content:"";position:absolute;left:2px;right:2px;top:4px;border-top:1.5px solid currentColor}
.landing-quickstart-calendar::after{content:"";position:absolute;left:3px;top:-3px;width:7px;height:4px;border-left:1.5px solid currentColor;border-right:1.5px solid currentColor}
.landing-quickstart-device-mini::before{content:"";position:absolute;left:0;top:1px;width:11px;height:8px;border:1.5px solid currentColor;border-radius:2px}
.landing-quickstart-device-mini::after{content:"";position:absolute;right:0;bottom:0;width:6px;height:9px;border:1.5px solid currentColor;border-radius:2px;background:#f0f6ff}
.landing-quickstart-devices{width:142px;height:142px;right:-2px}
.landing-quickstart-laptop{position:absolute;z-index:1;right:0;top:16px;width:112px;height:76px;padding:6px 7px 9px;border-radius:8px 8px 4px 4px;background:#17345d;box-shadow:0 12px 23px rgba(26,62,112,.15);transform:perspective(240px) rotateY(-5deg)}
.landing-quickstart-laptop>span{position:absolute;left:-7px;right:-7px;bottom:-6px;height:7px;border-radius:2px 2px 8px 8px;background:linear-gradient(#d8e5f2,#b7cadf)}
.landing-quickstart-phone{position:absolute;z-index:3;left:8px;bottom:5px;width:48px;height:88px;padding:5px;border:5px solid #17345d;border-radius:12px;background:#17345d;box-shadow:0 12px 24px rgba(26,62,112,.16);transform:rotate(2deg)}
.landing-quickstart-device-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background:radial-gradient(circle at 55% 42%,#1f78df 0,#0a326e 50%,#071d43 100%)}
.landing-quickstart-device-screen img{display:block;max-width:64%;max-height:64%;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.15))}
.landing-quickstart-phone .landing-quickstart-device-screen{border-radius:6px}
.landing-quickstart-phone .landing-quickstart-device-screen img{max-width:70%;max-height:70%}
.landing-quickstart-brand-fallback{display:block;color:#fff;font-size:10px;font-weight:900;letter-spacing:-.02em;text-align:center;transform:scale(.92)}
.landing-quickstart-phone .landing-quickstart-brand-fallback{font-size:6px;transform:rotate(-90deg) scale(.82)}
.landing-quickstart-journey .landing-step-arrow{position:relative;width:46px;height:34px;font-size:0}
.landing-quickstart-journey .landing-step-arrow span{position:absolute;left:6px;right:8px;top:16px;border-top:1.5px dashed #91a7c0}
.landing-quickstart-journey .landing-step-arrow span::after{content:"";position:absolute;right:-1px;top:-4px;width:7px;height:7px;border-top:1.5px solid #91a7c0;border-right:1.5px solid #91a7c0;transform:rotate(45deg)}
@media(max-width:1100px) and (min-width:761px){.landing-quickstart-journey{grid-template-columns:1fr 32px 1fr 32px 1fr;gap:7px}.landing-quickstart-card{grid-template-columns:minmax(0,1fr) 96px;column-gap:12px;padding:21px 20px!important;min-height:202px!important}.landing-quickstart-art{width:96px;height:122px;transform:scale(.86);transform-origin:center right}.landing-quickstart-copy h3{font-size:15px!important}.landing-quickstart-copy p{font-size:11.5px!important}.landing-quickstart-facts{gap:5px;margin-top:10px}.landing-quickstart-facts span{font-size:9.5px;padding:5px 7px}.landing-quickstart-journey .landing-step-arrow{width:32px}}
@media(max-width:760px){.landing-how .landing-section-head{margin-bottom:20px}.landing-quickstart-journey{display:grid;grid-template-columns:1fr;gap:0;margin-bottom:58px}.landing-quickstart-card{min-height:184px!important;grid-template-columns:minmax(0,1fr) 108px;column-gap:14px;padding:21px 20px!important;border-radius:19px!important}.landing-quickstart-card .landing-step-number{width:38px;height:38px;margin-bottom:18px;border-radius:12px;font-size:12px}.landing-quickstart-copy h3{font-size:16px!important}.landing-quickstart-copy p{font-size:12.5px!important;max-width:250px}.landing-quickstart-art{width:108px;height:118px;transform:scale(.9);transform-origin:center right}.landing-quickstart-facts{gap:6px;margin-top:11px}.landing-quickstart-facts span{font-size:10px;min-height:29px;padding:5px 8px}.landing-quickstart-journey .landing-step-arrow{display:block;width:100%;height:32px}.landing-quickstart-journey .landing-step-arrow span{left:50%;right:auto;top:4px;bottom:7px;width:0;height:auto;border-top:0;border-left:1.5px dashed #91a7c0}.landing-quickstart-journey .landing-step-arrow span::after{right:auto;left:-4px;top:auto;bottom:-1px;transform:rotate(135deg)}}
@media(max-width:430px){.landing-quickstart-card{grid-template-columns:minmax(0,1fr) 90px;min-height:176px!important;padding:19px 17px!important}.landing-quickstart-art{width:96px;transform:scale(.82);transform-origin:center right}.landing-quickstart-copy p{font-size:12px!important}.landing-quickstart-facts span{font-size:9.5px}}
@media(prefers-reduced-motion:reduce){.landing-quickstart-card{transition:none}.landing-quickstart-card:hover{transform:none}}

/* v0.21.4-p12-p1 — Quick Start Visual Balance Polish */
.landing-quickstart-journey{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr) 52px minmax(0,1fr);gap:10px;align-items:stretch}
.landing-quickstart-card{height:252px!important;min-height:252px!important;box-sizing:border-box;grid-template-columns:minmax(0,1fr) 118px;grid-template-rows:44px 1fr;column-gap:16px;align-items:start;padding:22px 22px 20px!important;background:linear-gradient(145deg,#fff 0%,#fff 72%,#f8fbff 100%)!important;box-shadow:0 13px 34px rgba(33,51,76,.052)!important}
.landing-quickstart-card .landing-step-number{grid-column:1;grid-row:1;width:42px;height:42px;margin:0;border-radius:13px}
.landing-quickstart-copy{grid-column:1;grid-row:2;align-self:start;padding-top:17px;min-width:0}
.landing-quickstart-copy h3{font-size:17px!important;line-height:1.22;margin:0 0 8px!important;white-space:normal}
.landing-quickstart-copy p{font-size:13px!important;line-height:1.46!important;max-width:245px;min-height:38px}
.landing-quickstart-art{grid-column:2;grid-row:1 / span 2;width:118px;height:118px;justify-self:end;align-self:center}
.landing-quickstart-user{transform:scale(.84);transform-origin:center}
.landing-quickstart-plan{width:116px;height:116px;transform:scale(.90);transform-origin:center}
.landing-quickstart-devices{width:126px;height:126px;right:0;transform:scale(.90);transform-origin:center right}
.landing-quickstart-facts{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin-top:13px}
.landing-quickstart-facts span{min-height:30px;padding:5px 9px;font-size:10.5px;line-height:1;flex:0 0 auto}
.landing-quickstart-device-screen{position:relative;isolation:isolate;background:radial-gradient(circle at 54% 42%,#1d70d5 0,#0b3777 46%,#071d43 100%)}
.landing-quickstart-device-screen::before{content:"";position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 32%,#fff) 0%,rgba(23,105,224,.12) 45%,transparent 72%);filter:blur(4px);z-index:0}
.landing-quickstart-device-screen img,.landing-quickstart-brand-fallback{position:relative;z-index:1}
.landing-quickstart-device-screen img{max-width:66%;max-height:66%;object-fit:contain;background:transparent}
.landing-quickstart-device-screen.is-square-mark img{width:70%;height:70%;max-width:none;max-height:none;object-fit:cover;border-radius:50%;clip-path:circle(44% at 50% 50%);filter:drop-shadow(0 4px 9px rgba(0,0,0,.18))}
.landing-quickstart-device-screen.is-wide-mark img{max-width:76%;max-height:48%;clip-path:none;border-radius:0;object-fit:contain}
.landing-quickstart-phone .landing-quickstart-device-screen.is-square-mark img{width:76%;height:76%}
.landing-quickstart-journey .landing-step-arrow{position:relative;width:52px;height:34px;align-self:center;font-size:0}
.landing-quickstart-journey .landing-step-arrow span{position:absolute;left:4px;right:6px;top:16px;height:2px;border:0;border-radius:999px;background:linear-gradient(90deg,#dce8f5 0%,#9dbde6 58%,var(--accent) 100%)}
.landing-quickstart-journey .landing-step-arrow span::before{content:"";position:absolute;left:-1px;top:-2px;width:6px;height:6px;border-radius:50%;background:#d7e5f4}
.landing-quickstart-journey .landing-step-arrow span::after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);transform:rotate(45deg)}
@media(min-width:761px) and (max-width:1100px){
  .landing-quickstart-journey{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);gap:7px}
  .landing-quickstart-card{height:232px!important;min-height:232px!important;grid-template-columns:minmax(0,1fr) 92px;column-gap:10px;padding:20px 18px!important}
  .landing-quickstart-copy{padding-top:14px}
  .landing-quickstart-copy h3{font-size:15px!important}
  .landing-quickstart-copy p{font-size:11.5px!important;min-height:34px}
  .landing-quickstart-art{width:94px;height:108px;transform:scale(.80);transform-origin:center right}
  .landing-quickstart-facts{gap:4px;margin-top:10px}
  .landing-quickstart-facts span{font-size:9px;padding:5px 6px}
  .landing-quickstart-journey .landing-step-arrow{width:34px}
}
@media(max-width:760px){
  .landing-quickstart-journey{grid-template-columns:1fr;gap:0;align-items:stretch}
  .landing-quickstart-card{height:auto!important;min-height:188px!important;grid-template-columns:minmax(0,1fr) 98px;grid-template-rows:40px 1fr;column-gap:12px;padding:20px 18px!important}
  .landing-quickstart-card .landing-step-number{width:38px;height:38px}
  .landing-quickstart-copy{padding-top:14px}
  .landing-quickstart-copy h3{font-size:16px!important}
  .landing-quickstart-copy p{font-size:12.5px!important;min-height:0;max-width:255px}
  .landing-quickstart-art{width:98px;height:108px;transform:scale(.82);transform-origin:center right}
  .landing-quickstart-facts{flex-wrap:wrap;gap:6px;margin-top:11px}
  .landing-quickstart-facts span{font-size:10px;min-height:29px;padding:5px 8px}
  .landing-quickstart-journey .landing-step-arrow{display:block;width:100%;height:34px;align-self:auto}
  .landing-quickstart-journey .landing-step-arrow span{left:50%;right:auto;top:4px;bottom:6px;width:2px;height:auto;background:linear-gradient(180deg,#dce8f5 0%,#9dbde6 58%,var(--accent) 100%)}
  .landing-quickstart-journey .landing-step-arrow span::before{left:-2px;top:-1px}
  .landing-quickstart-journey .landing-step-arrow span::after{right:auto;left:-3px;top:auto;bottom:-1px;transform:rotate(135deg)}
}
@media(max-width:430px){
  .landing-quickstart-card{grid-template-columns:minmax(0,1fr) 84px;min-height:180px!important;padding:18px 16px!important}
  .landing-quickstart-art{width:88px;transform:scale(.76);transform-origin:center right}
  .landing-quickstart-facts{gap:5px}
  .landing-quickstart-facts span{font-size:9.5px;padding:5px 7px}
}

/* v0.21.4-p13 — Value Strip Polish */
.landing-value-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:28px 0 82px;
  padding:10px;
  border:1px solid #e4e9ef;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 34px rgba(31,49,73,.045);
}
.landing-value-strip .landing-value-item{
  min-width:0;
  min-height:106px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:13px;
  align-items:center;
  padding:16px 15px;
  border:1px solid transparent;
  border-radius:16px;
  background:transparent;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.landing-value-strip .landing-value-item+article:before,
.landing-value-strip .landing-value-item+article::before{display:none!important;content:none!important}
.landing-value-strip .landing-benefit-icon{
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  align-self:start;
  background:#edf5ff;
  color:var(--accent);
  box-shadow:inset 0 0 0 1px rgba(39,113,231,.035);
}
.landing-value-strip .landing-benefit-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.landing-value-strip .landing-value-item:nth-child(3) .landing-benefit-icon svg path:first-child{fill:currentColor;stroke:none}
.landing-value-strip .landing-value-copy{min-width:0;padding-top:1px}
.landing-value-strip .landing-value-copy b{
  display:block;
  margin:0 0 5px;
  color:var(--ink);
  font-size:13.5px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.01em;
}
.landing-value-strip .landing-value-copy span{
  display:block;
  color:#778399;
  font-size:11.5px;
  line-height:1.48;
  max-width:220px;
}
@media(hover:hover) and (pointer:fine){
  .landing-value-strip .landing-value-item:hover{
    transform:translateY(-2px);
    background:#f8fbff;
    border-color:#e0eaf6;
    box-shadow:0 8px 20px rgba(32,78,135,.055);
  }
}
@media(max-width:980px){
  .landing-value-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:24px 0 68px}
  .landing-value-strip .landing-value-item{min-height:96px;padding:14px 13px}
  .landing-value-strip .landing-value-copy span{max-width:none}
}
@media(max-width:560px){
  .landing-value-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:18px 0 56px;padding:7px;border-radius:18px}
  .landing-value-strip .landing-value-item{grid-template-columns:36px minmax(0,1fr);gap:9px;min-height:100px;padding:12px 10px;border-radius:14px;align-items:start}
  .landing-value-strip .landing-benefit-icon{width:36px;height:36px;border-radius:11px}
  .landing-value-strip .landing-benefit-icon svg{width:18px;height:18px}
  .landing-value-strip .landing-value-copy b{font-size:12px;margin-bottom:4px}
  .landing-value-strip .landing-value-copy span{font-size:10px;line-height:1.42}
}
@media(max-width:350px){
  .landing-value-strip{grid-template-columns:1fr}
  .landing-value-strip .landing-value-item{min-height:82px}
}
@media(prefers-reduced-motion:reduce){
  .landing-value-strip .landing-value-item{transition:none}
  .landing-value-strip .landing-value-item:hover{transform:none}
}


/* v0.21.4-p14 — Premium Auth Portal Polish */
.premium-client-auth{
  min-height:100vh;
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  padding:42px 22px;
  background:#fbfcfe;
  overflow:hidden;
}
.premium-auth-ambient{
  display:block!important;
  position:absolute;
  inset:0;
  z-index:-2;
  overflow:hidden;
  background:
    var(--brand-auth-background),
    radial-gradient(circle at 50% 45%,rgba(222,238,255,.72) 0,rgba(241,247,255,.56) 33%,rgba(252,253,255,.94) 66%,#fbfcfe 100%);
  background-size:cover;
  background-position:center;
}
.premium-auth-globe{
  position:absolute;
  left:50%;
  top:50%;
  width:min(900px,82vw);
  aspect-ratio:1;
  border-radius:50%;
  transform:translate(-50%,-49%);
  opacity:.52;
  border:1px solid rgba(67,145,234,.18);
  background:
    radial-gradient(circle at 50% 50%,rgba(59,139,229,.045) 0 42%,transparent 43%),
    repeating-radial-gradient(circle at 50% 50%,transparent 0 34px,rgba(74,148,232,.075) 35px,transparent 36px 70px);
  box-shadow:0 0 100px rgba(75,150,237,.10),inset 0 0 70px rgba(80,156,240,.06);
}
.premium-auth-globe::before,
.premium-auth-globe::after{
  content:"";
  position:absolute;
  inset:10%;
  border:1px solid rgba(61,139,229,.12);
  border-radius:50%;
}
.premium-auth-globe::before{transform:scaleX(.43)}
.premium-auth-globe::after{transform:scaleY(.43)}
.premium-auth-node{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:linear-gradient(145deg,#84d9ff,#1771df);
  box-shadow:0 0 0 5px rgba(73,151,235,.07),0 5px 14px rgba(41,116,201,.16);
  opacity:.68;
}
.premium-auth-node.n1{left:22%;top:25%}.premium-auth-node.n2{right:24%;top:18%;width:9px;height:9px}.premium-auth-node.n3{right:18%;top:49%;width:15px;height:15px}.premium-auth-node.n4{left:17%;bottom:26%;width:10px;height:10px}.premium-auth-node.n5{right:28%;bottom:17%;width:8px;height:8px}.premium-auth-node.n6{left:29%;top:57%;width:7px;height:7px}
.premium-client-auth:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.72) 0,rgba(255,255,255,.08) 30%,rgba(255,255,255,.08) 70%,rgba(255,255,255,.72) 100%);
  pointer-events:none;
}
.premium-auth-card,
.premium-auth-card.wide{
  width:min(520px,100%);
  padding:40px 42px 28px;
  border:1px solid rgba(206,216,230,.94);
  border-radius:25px;
  background:rgba(255,255,255,.965);
  box-shadow:0 26px 76px rgba(29,56,91,.12),0 2px 8px rgba(29,56,91,.035);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.premium-auth-card.wide{width:min(570px,100%)}
.premium-auth-brand{display:none!important}
.premium-auth-back{
  display:inline-flex;
  align-items:center;
  margin:0 0 24px;
  color:#738096;
  font-size:12px;
  font-weight:720;
  text-decoration:none;
  transition:color .15s ease,transform .15s ease;
}
.premium-auth-back:hover{color:var(--accent);transform:translateX(-2px)}
.premium-auth-heading{margin-bottom:28px}
.premium-auth-heading .client-eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:9px;color:var(--accent);font-weight:850}
.premium-auth-heading h1{font-size:36px;line-height:1.04;letter-spacing:-.045em;margin:0 0 10px;color:#111a2a}
.premium-auth-heading p{font-size:15px;line-height:1.55;color:#7b879b;margin:0;max-width:430px}
.premium-auth-form{display:grid;gap:17px}
.premium-auth-field{margin:0;gap:8px}
.premium-auth-field label,.premium-auth-password-head label{font-size:12px;font-weight:780;color:#42516a}
.premium-auth-input-wrap,.auth-password-wrap.premium-auth-input-wrap{
  position:relative;
  display:flex;
  align-items:center;
  min-height:56px;
  border:1px solid #d8e1ec;
  border-radius:15px;
  background:#fff;
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.premium-auth-input-wrap:focus-within{
  border-color:color-mix(in srgb,var(--accent) 58%,#d8e1ec);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent);
}
.premium-auth-input-wrap .premium-auth-input-icon{
  width:48px;
  height:100%;
  display:grid;
  place-items:center;
  flex:0 0 48px;
  color:#93a2b8;
}
.premium-auth-input-icon svg,.auth-password-toggle svg,.premium-auth-trust svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.premium-auth-input-wrap input,
.auth-password-wrap.premium-auth-input-wrap input,
.premium-auth-field .premium-auth-input-wrap input{
  width:100%;
  min-height:54px;
  border:0!important;
  border-radius:0!important;
  padding:13px 46px 13px 0!important;
  background:transparent!important;
  color:var(--ink);
  outline:0!important;
  box-shadow:none!important;
  font-size:15px;
}
.premium-auth-field .premium-auth-input-wrap:not(.auth-password-wrap) input{padding-right:15px!important}
.premium-auth-input-wrap input::placeholder{color:#98a3b3}
.premium-auth-password-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 -9px}
.premium-auth-password-head a{font-size:12px;font-weight:780;color:var(--accent);text-decoration:none}
.auth-password-toggle{
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#93a2b8;
  cursor:pointer;
  padding:0;
}
.auth-password-toggle:hover{background:#f1f6fc;color:var(--accent)}
.auth-password-toggle svg{width:20px;height:20px}
.premium-auth-field small{font-size:10.5px;line-height:1.42;color:#8b96a8}
.premium-auth-submit{
  width:100%;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  margin-top:4px;
  font-size:14px;
  font-weight:800;
  box-shadow:0 12px 25px color-mix(in srgb,var(--accent) 18%,transparent);
}
.premium-auth-switch{text-align:center;font-size:13px;color:#7d899a;margin-top:1px}
.premium-auth-switch a,.premium-auth-state-link{color:var(--accent);font-weight:790;text-underline-offset:3px}
.premium-auth-bottom-back{border-top:1px solid #edf0f4;margin-top:26px;padding-top:20px}
.premium-auth-bottom-back .premium-auth-back{margin:0}
.premium-auth-trust{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin-top:22px;
  color:#9aa5b5;
}
.premium-auth-trust span{display:grid;place-items:center}.premium-auth-trust svg{width:14px;height:14px}
.premium-auth-trust small{font-size:10px;line-height:1.3;text-align:center}
.premium-auth-state{display:grid;gap:15px;text-align:center}
.premium-auth-state-icon{width:56px;height:56px;margin:0 auto;border-radius:18px;background:#edf5ff;color:var(--accent);display:grid;place-items:center;font-size:23px;font-weight:900}
.premium-auth-state-note{border:1px solid #e2e8f0;border-radius:14px;padding:13px 14px;background:#fafcff;color:#647287;font-size:12px;line-height:1.5}
.premium-auth-resend{width:100%;min-height:50px;border-radius:13px}
.premium-client-auth .cf-turnstile{max-width:100%;overflow:hidden;border-radius:12px}
@media(max-width:760px){
  .premium-client-auth{padding:28px 16px;place-items:center}
  .premium-auth-globe{width:760px;opacity:.34}
  .premium-auth-card,.premium-auth-card.wide{width:min(540px,100%);padding:34px 28px 24px;border-radius:22px}
  .premium-auth-heading h1{font-size:32px}
  .premium-auth-heading p{font-size:14px}
}
@media(max-width:430px){
  .premium-client-auth{display:grid!important;place-items:start center!important;padding:16px 12px 28px!important;background:#fbfcfe!important;overflow:visible!important}
  .premium-auth-ambient{display:block!important;position:fixed}
  .premium-auth-globe{width:620px;top:33%;opacity:.25}
  .premium-auth-node{opacity:.42}
  .premium-auth-card,.premium-auth-card.wide{min-height:0!important;width:100%!important;padding:28px 20px 22px!important;border:1px solid #dce4ee!important;border-radius:22px!important;box-shadow:0 20px 56px rgba(29,56,91,.10)!important;background:rgba(255,255,255,.97)!important}
  .premium-auth-back{margin-bottom:20px;font-size:11px}
  .premium-auth-heading{margin-bottom:23px}
  .premium-auth-heading h1{font-size:29px;line-height:1.06}
  .premium-auth-heading p{font-size:13.5px}
  .premium-auth-form{gap:15px}
  .premium-auth-input-wrap,.auth-password-wrap.premium-auth-input-wrap{min-height:54px;border-radius:14px}
  .premium-auth-submit{min-height:54px}
  .premium-auth-bottom-back{margin-top:22px;padding-top:18px}
  .premium-auth-trust{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.premium-auth-back{transition:none}.premium-auth-back:hover{transform:none}}


/* v0.21.4-p14-p1 — Auth Visual Sync
   Matches the approved CrispLink Auth concept: one bounded floating card over
   a real network/globe visual, with the security hint outside the card. */
.premium-client-auth{
  min-height:100vh;
  padding:44px 22px 34px;
  place-items:center;
  background:#fbfcfe;
}
.premium-auth-ambient{
  position:fixed!important;
  inset:0;
  z-index:-2;
  overflow:hidden;
  background:#fbfcfe!important;
}
.premium-auth-ambient::before{
  content:"";
  position:absolute;
  inset:-6%;
  background-image:var(--brand-auth-background),url("/assets/crisplink-hero-network.webp");
  background-repeat:no-repeat,no-repeat;
  background-position:center,center;
  background-size:cover,min(1040px,88vw) auto;
  opacity:.27;
  filter:saturate(.58) brightness(1.42) blur(.35px);
  transform:scale(1.05);
}
.premium-auth-ambient::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,255,255,.08) 0 28%,rgba(250,253,255,.28) 48%,rgba(251,252,254,.80) 76%,#fbfcfe 100%),
    linear-gradient(90deg,rgba(255,255,255,.62),rgba(255,255,255,.05) 31% 69%,rgba(255,255,255,.62));
}
.premium-auth-globe,.premium-auth-node{display:none!important}
.premium-client-auth:after{display:none!important}
.premium-auth-stage,
.premium-auth-stage.wide{
  position:relative;
  z-index:1;
  width:min(604px,calc(100vw - 44px));
  display:grid;
  justify-items:center;
  gap:20px;
}
.premium-auth-card,
.premium-auth-card.wide{
  width:100%;
  padding:42px 48px 32px;
  border:1px solid rgba(205,216,230,.96);
  border-radius:24px;
  background:rgba(255,255,255,.975);
  box-shadow:0 25px 70px rgba(30,62,105,.13),0 2px 9px rgba(30,62,105,.04);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.premium-auth-back{
  margin:0 0 24px;
  color:#738096;
  font-size:12px;
  font-weight:760;
}
.premium-auth-heading{margin-bottom:30px}
.premium-auth-heading .client-eyebrow{
  margin-bottom:10px;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.16em;
  font-weight:900;
}
.premium-auth-heading h1{
  margin:0 0 10px;
  color:#101827;
  font-size:38px;
  line-height:1.03;
  letter-spacing:-.045em;
}
.premium-auth-heading p{
  max-width:455px;
  margin:0;
  color:#7b879b;
  font-size:15px;
  line-height:1.55;
}
.premium-auth-form{gap:18px}
.premium-auth-field{gap:8px}
.premium-auth-field label,.premium-auth-password-head label{font-size:12.5px;font-weight:790;color:#36465f}
.premium-auth-input-wrap,.auth-password-wrap.premium-auth-input-wrap{
  min-height:58px;
  border-color:#d5dfeb;
  border-radius:15px;
  background:rgba(255,255,255,.96);
}
.premium-auth-input-wrap .premium-auth-input-icon{width:50px;flex-basis:50px;color:#93a4bb}
.premium-auth-input-wrap input,
.auth-password-wrap.premium-auth-input-wrap input,
.premium-auth-field .premium-auth-input-wrap input{
  min-height:56px;
  font-size:15.5px;
}
.premium-auth-password-head{margin-bottom:-9px}
.premium-auth-password-head a{font-size:12px;font-weight:800}
.premium-auth-submit{
  min-height:58px;
  margin-top:3px;
  border-radius:14px;
  font-size:14.5px;
  font-weight:850;
  box-shadow:0 13px 27px color-mix(in srgb,var(--accent) 20%,transparent);
}
.premium-auth-switch{font-size:13px;margin-top:1px}
.premium-auth-bottom-back{
  margin-top:27px;
  padding-top:20px;
  border-top:1px solid #edf0f4;
}
.premium-auth-trust{
  margin:0;
  color:#8f9db1;
  gap:7px;
  min-height:18px;
  text-shadow:0 1px 0 rgba(255,255,255,.8);
}
.premium-auth-trust small{font-size:10.5px;font-weight:540}
.premium-auth-trust svg{width:15px;height:15px}
.premium-client-auth .cf-turnstile{
  width:100%;
  max-width:100%;
  overflow:hidden;
  border-radius:12px;
}
@media(max-width:760px){
  .premium-client-auth{padding:28px 16px 30px}
  .premium-auth-ambient::before{inset:-4%;background-size:cover,820px auto;opacity:.24;filter:saturate(.55) brightness(1.48) blur(.5px)}
  .premium-auth-stage,.premium-auth-stage.wide{width:min(560px,100%);gap:16px}
  .premium-auth-card,.premium-auth-card.wide{padding:35px 30px 28px;border-radius:22px}
  .premium-auth-heading{margin-bottom:25px}
  .premium-auth-heading h1{font-size:32px}
  .premium-auth-heading p{font-size:14px}
}
@media(max-width:430px){
  .premium-client-auth{display:grid!important;place-items:start center!important;padding:14px 12px 24px!important;background:#fbfcfe!important;overflow:visible!important}
  .premium-auth-ambient{display:block!important;position:fixed!important}
  .premium-auth-ambient::before{inset:-12%;background-size:cover,660px auto;opacity:.20;filter:saturate(.5) brightness(1.55) blur(.8px)}
  .premium-auth-stage,.premium-auth-stage.wide{width:100%!important;gap:13px}
  .premium-auth-card,.premium-auth-card.wide{min-height:0!important;width:100%!important;padding:28px 20px 22px!important;border:1px solid #dce4ee!important;border-radius:22px!important;box-shadow:0 20px 56px rgba(29,56,91,.11)!important;background:rgba(255,255,255,.975)!important}
  .premium-auth-back{margin-bottom:19px;font-size:11px}
  .premium-auth-heading{margin-bottom:22px}
  .premium-auth-heading h1{font-size:29px;line-height:1.06}
  .premium-auth-heading p{font-size:13.5px}
  .premium-auth-form{gap:15px}
  .premium-auth-input-wrap,.auth-password-wrap.premium-auth-input-wrap{min-height:54px;border-radius:14px}
  .premium-auth-input-wrap input,.auth-password-wrap.premium-auth-input-wrap input,.premium-auth-field .premium-auth-input-wrap input{min-height:52px;font-size:15px}
  .premium-auth-submit{min-height:54px}
  .premium-auth-bottom-back{margin-top:22px;padding-top:18px}
  .premium-auth-trust{min-height:16px}
  .premium-auth-trust small{font-size:9.5px}
}


/* v0.21.4-p15 — Client Portal Visual Sync */
.launch-client-shell{grid-template-columns:236px minmax(0,1fr);background:#f7f7f4}
.launch-client-side{padding:22px 14px 16px;background:linear-gradient(180deg,#0d1728 0%,#0b1525 100%);box-shadow:12px 0 34px rgba(15,23,42,.035)}
.launch-client-side .launch-side-brand{padding:2px 8px 16px;gap:8px}
.launch-client-side .launch-side-brand .client-logo-title{font-size:17px;font-weight:850;letter-spacing:-.02em}
.launch-client-side .launch-side-brand .client-logo-media{width:36px;height:36px}
.launch-client-side .launch-primary-nav{gap:7px!important}
.launch-client-side .launch-primary-nav .launch-nav-item{min-height:46px;padding:11px 12px;border-radius:12px;color:#a8b7ce;font-size:12px}
.launch-client-side .launch-primary-nav .launch-nav-item .launch-icon{width:18px;height:18px}
.launch-client-side .launch-primary-nav .launch-nav-item.active{background:linear-gradient(135deg,#1a3152,#193354);box-shadow:inset 0 0 0 1px rgba(122,166,230,.12),0 8px 24px rgba(3,11,24,.16)}
.launch-client-side .launch-primary-nav .launch-nav-item.active .launch-icon{color:#55a0ff}
.launch-client-side .launch-side-foot{padding:16px 5px 0;border-top-color:#23334b}
.launch-client-side .launch-profile-card{padding:9px;border-radius:13px}
.launch-client-side .launch-profile-card:hover,.launch-client-side .launch-profile-card.active{background:#15243a}
.launch-client-side .launch-avatar{background:linear-gradient(145deg,#3f9bff,#1765e5);box-shadow:0 7px 18px rgba(18,104,226,.25)}
.launch-client-side .launch-logout{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px!important;border-radius:10px;background:transparent;border:0!important;box-shadow:none!important;text-align:left}
.launch-client-side .launch-logout:hover{background:#142238!important;color:#d9e6f8!important}.launch-client-side .launch-logout .launch-icon{width:16px;height:16px}
.launch-client-main{width:100%;max-width:1500px;margin:0 auto;padding:34px 42px 96px}
.launch-client-main .client-home-head{margin-bottom:20px}.launch-client-main .client-home-head h1{font-size:34px;line-height:1.08;margin-bottom:6px}.launch-client-main .client-home-head p{font-size:14px;color:#7d8aa0}

.client-home-start-hero{position:relative;overflow:hidden;min-height:236px;margin-bottom:16px;border:1px solid #dbe5f2;border-radius:22px;background:linear-gradient(120deg,#fff 0%,#fbfdff 54%,#f1f7ff 100%);box-shadow:0 10px 34px rgba(15,23,42,.055);display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr)}
.client-home-start-copy{position:relative;z-index:2;padding:28px 30px;align-self:center;max-width:650px}.client-home-start-copy h2{margin:6px 0 9px;font-size:29px;line-height:1.12;letter-spacing:-.035em}.client-home-start-copy p{margin:0 0 22px;max-width:560px;font-size:13px;line-height:1.62;color:var(--muted)}
.client-home-start-cta{min-width:190px;justify-content:center}.client-home-start-cta span{font-size:18px;line-height:1;margin-left:7px}
.client-home-start-art{position:relative;min-height:236px;background-image:linear-gradient(90deg,#fbfdff 0%,rgba(251,253,255,.3) 24%,rgba(255,255,255,0) 48%),url('/assets/crisplink-hero-network.webp');background-size:auto 130%;background-position:66% 49%;background-repeat:no-repeat;opacity:.72}
.client-home-start-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fbfdff 0%,rgba(251,253,255,0) 34%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.18))}

.client-home-companion-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:22px}.client-home-companion-grid>.client-panel-card,.client-home-quickstart{margin:0!important;min-height:218px;border-radius:20px;box-shadow:0 7px 25px rgba(15,23,42,.04)}
.client-home-telegram{position:relative;padding:24px!important;overflow:hidden}.client-home-telegram .client-home-card-icon{position:absolute;right:24px;top:30px;width:72px;height:72px;border-radius:20px;background:linear-gradient(145deg,#edf6ff,#f8fbff);color:#2394ea;display:grid;place-items:center;border:1px solid #dfeaf7}.client-home-telegram .client-home-card-icon .launch-icon{width:36px;height:36px}.client-home-telegram .client-card-head{padding-right:84px;margin-bottom:20px}.client-home-telegram .client-card-head h2{font-size:21px;letter-spacing:-.025em}.client-home-telegram .client-card-head p{font-size:12px;line-height:1.55;max-width:560px}.client-home-telegram .status{position:absolute;right:22px;top:14px;font-size:9px}.client-home-telegram .row{margin-top:auto}

.client-home-quickstart{background:#fff;border:1px solid var(--line);padding:24px;position:relative}.client-home-quickstart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px}.client-home-quickstart-head h2{margin:5px 0 0;font-size:21px;letter-spacing:-.025em}.client-home-quickstart-mark{width:42px;height:42px;border-radius:13px;background:#eef5ff;color:var(--accent);font-size:11px;font-weight:900;display:grid;place-items:center}.client-home-quickstart-steps{display:grid;gap:0}.client-home-quickstart-steps>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:11px 0;border-top:1px solid #edf0f4}.client-home-quickstart-steps>div:first-child{border-top:0}.client-home-quickstart-steps>div>span{width:34px;height:34px;border-radius:11px;background:#eff5ff;color:var(--accent);font-size:10px;font-weight:900;display:grid;place-items:center}.client-home-quickstart-steps p{display:grid;gap:3px;margin:0}.client-home-quickstart-steps b{font-size:12px}.client-home-quickstart-steps small{font-size:10px;color:var(--muted);line-height:1.35}

.client-home-plan-section{margin-top:4px}.client-home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}.client-home-section-head h2{margin:4px 0 3px;font-size:22px;letter-spacing:-.025em}.client-home-section-head p{margin:0;color:var(--muted);font-size:11px}.client-home-all-plans{appearance:none;border:0;background:transparent;color:var(--accent);font-weight:850;font-size:11px;cursor:pointer;padding:7px 2px}.client-home-all-plans span{margin-left:6px;font-size:16px}.client-home-plan-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.client-home-plan-preview-card{appearance:none;text-align:left;border:1px solid var(--line);background:#fff;border-radius:17px;padding:16px;min-height:154px;cursor:pointer;box-shadow:0 5px 20px rgba(15,23,42,.03);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.client-home-plan-preview-card:hover{transform:translateY(-2px);border-color:#bdd2ef;box-shadow:0 10px 28px rgba(15,23,42,.065)}.client-home-plan-preview-card.featured{border-color:#bad4f7;background:linear-gradient(150deg,#fff,#f7fbff)}.client-home-plan-preview-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.client-home-plan-preview-card h3{margin:3px 0 0;font-size:17px;letter-spacing:-.02em}.client-home-plan-badge{display:inline-flex;font-size:8px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:var(--accent);background:#eef5ff;border-radius:999px;padding:5px 7px}.client-home-plan-arrow{width:30px;height:30px;border-radius:10px;background:#eff5ff;color:var(--accent);display:grid;place-items:center;font-size:16px;font-weight:900}.client-home-plan-price{margin-top:18px;font-size:18px;font-weight:900;color:var(--ink)}.client-home-plan-price small{font-size:9px;color:var(--muted);font-weight:700}.client-home-plan-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.client-home-plan-meta span{font-size:8px;color:#66758b;border:1px solid #e4eaf2;background:#f8fafc;border-radius:999px;padding:5px 6px}

/* Active customer home keeps the action-first hierarchy but adopts the same visual surface. */
.client-home-hero-main{background:linear-gradient(135deg,#fff 0%,#fbfdff 100%);border-radius:20px;padding:24px}.client-home-next{border-radius:20px;background:linear-gradient(145deg,#10203a,#0d182a);box-shadow:0 10px 28px rgba(6,16,32,.12)}.client-home-shortcuts{margin-top:14px}.client-home-shortcuts button{border-radius:16px;padding:16px}

@media(max-width:1180px){.client-home-plan-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.client-home-start-hero{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}.launch-client-main{padding-inline:28px}}
@media(max-width:980px){.launch-client-main{max-width:none}.client-home-start-hero{grid-template-columns:1fr minmax(260px,.78fr)}.client-home-companion-grid{grid-template-columns:1fr}.client-home-companion-grid>.client-panel-card,.client-home-quickstart{min-height:auto}}
@media(max-width:760px){.launch-client-main{padding-inline:16px}.launch-client-main .client-home-head h1{font-size:28px}.launch-client-main .client-home-head p{font-size:12px}.client-home-start-hero{display:block;min-height:0;border-radius:19px}.client-home-start-copy{padding:22px 20px 18px}.client-home-start-copy h2{font-size:25px}.client-home-start-copy p{font-size:12px;margin-bottom:18px}.client-home-start-cta{width:100%}.client-home-start-art{min-height:150px;background-size:auto 150%;background-position:50% 50%;opacity:.63}.client-home-start-art:after{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,.18) 100%)}.client-home-companion-grid{gap:12px;margin-bottom:19px}.client-home-telegram,.client-home-quickstart{padding:18px!important;border-radius:18px}.client-home-telegram .client-home-card-icon{width:56px;height:56px;right:18px;top:30px}.client-home-telegram .client-home-card-icon .launch-icon{width:27px;height:27px}.client-home-telegram .client-card-head{padding-right:60px}.client-home-telegram .row{display:grid;grid-template-columns:1fr}.client-home-telegram .btn{width:100%}.client-home-section-head{align-items:flex-start}.client-home-section-head p{display:none}.client-home-plan-preview{grid-template-columns:1fr 1fr;gap:9px}.client-home-plan-preview-card{padding:13px;min-height:140px}.client-home-plan-preview-card h3{font-size:15px}.client-home-plan-price{font-size:16px}.client-home-plan-meta{display:grid;gap:4px}.client-home-plan-meta span{width:max-content}}
@media(max-width:430px){.client-home-plan-preview{grid-template-columns:1fr}.client-home-plan-preview-card{min-height:0}.client-home-section-head{display:grid;grid-template-columns:1fr auto;align-items:end}.client-home-all-plans{align-self:end}.client-home-quickstart-head h2{font-size:19px}.client-home-telegram .client-card-head h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.client-home-plan-preview-card{transition:none}.client-home-plan-preview-card:hover{transform:none}}

/* v0.21.4-p15-p2 — Client Home Visual Fidelity */
.launch-client-shell{grid-template-columns:252px minmax(0,1fr)}
.launch-client-side{padding:24px 15px 18px}
.launch-client-side .launch-side-brand{padding:2px 10px 20px;gap:10px}
.launch-client-side .launch-side-brand .client-logo-media{width:40px;height:40px;border-radius:12px}
.launch-client-side .launch-side-brand .client-logo-title{font-size:20px;font-weight:880;letter-spacing:-.025em}
.launch-client-side .launch-side-brand small{margin-top:2px;font-size:9px;letter-spacing:.13em}
.launch-client-side .launch-primary-nav{gap:9px}
.launch-client-side .launch-primary-nav .launch-nav-item{min-height:50px;padding:0 14px;border-radius:14px;font-size:13px}
.launch-client-side .launch-primary-nav .launch-nav-item .launch-icon{width:19px;height:19px}
.launch-client-main{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:34px clamp(38px,4.1vw,68px) 96px;background:linear-gradient(180deg,#f9fbfe 0,#f7f7f4 330px,#f7f7f4 100%)}
.launch-client-main:before{content:"";position:absolute;z-index:-1;top:-225px;right:-155px;width:min(920px,66vw);height:650px;background:url('/assets/crisplink-hero-network.webp') center/cover no-repeat;opacity:.075;filter:saturate(.72);pointer-events:none;-webkit-mask-image:radial-gradient(circle at 55% 47%,#000 0 31%,rgba(0,0,0,.86) 45%,transparent 76%);mask-image:radial-gradient(circle at 55% 47%,#000 0 31%,rgba(0,0,0,.86) 45%,transparent 76%)}
.launch-client-main>.client-page-head,.launch-client-main>section,.launch-client-main>.client-home-companion-grid,.launch-client-main>.client-home-shortcuts,.launch-client-main>.service-banner,.launch-client-main>.notice{position:relative;z-index:1}
.launch-client-main .client-home-head{margin-bottom:24px}.launch-client-main .client-home-head h1{font-size:38px;line-height:1.05;margin-bottom:7px}.launch-client-main .client-home-head p{font-size:16px;line-height:1.45;color:#718097}

.client-home-start-hero{min-height:286px;margin-bottom:20px;border-radius:24px;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);background:linear-gradient(118deg,#fff 0%,#fbfdff 47%,#eef7ff 100%);box-shadow:0 14px 40px rgba(15,23,42,.06)}
.client-home-start-copy{padding:34px 36px;max-width:710px}.client-home-start-copy h2{font-size:32px;margin:7px 0 10px}.client-home-start-copy p{font-size:14px;line-height:1.62;margin-bottom:24px;max-width:620px}.client-home-start-cta{min-width:210px;min-height:50px}
.client-home-start-art{min-height:286px;opacity:1;background-image:url('/assets/crisplink-hero-network.webp');background-size:auto 168%;background-position:54% 49%;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 100%)}
.client-home-start-art:after{background:linear-gradient(90deg,#fbfdff 0%,rgba(251,253,255,.42) 18%,rgba(255,255,255,0) 42%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(243,249,255,.08))}
.client-home-location-pass{position:absolute;z-index:3;left:49%;top:51%;transform:translate(-50%,-50%) rotate(3deg);width:min(355px,76%);min-height:112px;padding:16px 18px;border:1px solid rgba(255,255,255,.8);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(227,241,255,.48));box-shadow:0 18px 46px rgba(35,89,155,.18),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(12px);display:flex;align-items:center;gap:16px}
.client-home-location-pass-icon{flex:0 0 44px;width:44px;height:44px;border-radius:15px;background:rgba(255,255,255,.7);display:grid;place-items:center;color:#1b74e8;border:1px solid rgba(177,210,247,.8)}
.client-home-location-pass-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.client-home-location-flags{display:flex;align-items:center;gap:11px;min-width:0;flex-wrap:wrap}.client-home-location-flag{width:47px;height:47px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(210,222,238,.95);box-shadow:0 7px 18px rgba(26,68,122,.12);display:grid;place-items:center;overflow:hidden}.client-home-location-flag img{width:32px;height:22px;object-fit:cover;border-radius:3px}.client-home-location-flag.fallback{font-size:10px;font-weight:850;color:#49627f}.client-home-location-pass-empty{font-size:12px;font-weight:800;color:#5c6f87}

.client-home-companion-grid{gap:20px;margin-bottom:28px}.client-home-companion-grid>.client-panel-card,.client-home-quickstart{min-height:246px;border-radius:22px;box-shadow:0 9px 29px rgba(15,23,42,.045)}
.client-home-telegram{padding:28px!important}.client-home-telegram .client-home-card-icon{right:28px;top:48px;width:82px;height:82px;border-radius:22px}.client-home-telegram .client-home-card-icon .launch-icon{width:42px;height:42px}.client-home-telegram .client-card-head{padding-right:104px;margin-bottom:24px}.client-home-telegram .client-card-head h2{font-size:24px}.client-home-telegram .client-card-head p{font-size:13px;line-height:1.58}.client-home-telegram .status{right:27px;top:18px;font-size:9px}
.client-home-quickstart{padding:26px 28px;display:grid;grid-template-columns:minmax(0,1fr) 156px;gap:18px;align-items:center;overflow:hidden}.client-home-quickstart-copy{min-width:0}.client-home-quickstart-head{margin-bottom:10px}.client-home-quickstart-head h2{font-size:24px}.client-home-quickstart-steps>div{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:10px 0}.client-home-quickstart-steps>div>span{width:36px;height:36px;border-radius:12px}.client-home-quickstart-steps b{font-size:12.5px}.client-home-quickstart-steps small{font-size:10.5px}
.client-home-device-visual{position:relative;width:148px;height:178px;justify-self:end;align-self:center}.client-home-device-phone{position:absolute;right:11px;top:3px;width:86px;height:160px;border-radius:22px;background:linear-gradient(160deg,#163968,#0c2344);border:6px solid #153158;box-shadow:0 17px 30px rgba(26,69,122,.18);padding:22px 10px 12px;display:grid;align-content:center;justify-items:center;gap:10px;transform:rotate(3deg)}.client-home-device-speaker{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:24px;height:4px;border-radius:999px;background:#7894ba}.client-home-device-qr{width:54px;height:54px;padding:6px;border-radius:10px;background:#fff;box-shadow:0 4px 15px rgba(12,35,68,.2)}.client-home-device-qr svg{width:100%;height:100%;fill:#2582ee}.client-home-device-qr .cut{fill:#fff}.client-home-device-link{width:54px;height:28px;border-radius:9px;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;gap:5px;color:#2377df}.client-home-device-link .launch-icon{width:15px;height:15px}.client-home-device-link span{display:block;width:18px;height:3px;border-radius:999px;background:#bdd8f7}.client-home-device-shadow{position:absolute;left:10px;bottom:0;width:118px;height:20px;border-radius:50%;background:rgba(61,115,181,.13);filter:blur(7px)}

.client-home-plan-section{margin-top:2px}.client-home-section-head{margin-bottom:16px}.client-home-section-head h2{font-size:27px;margin:5px 0 4px}.client-home-section-head p{font-size:12px}.client-home-all-plans{font-size:12px}
.client-home-plan-section.landing-plans .client-home-public-plans{width:100%;max-width:none!important;gap:18px;align-items:stretch}
.client-home-plan-section.landing-plans .client-home-public-plans[data-plan-count="1"]{grid-template-columns:minmax(0,620px)}
.client-home-plan-section.landing-plans .client-home-public-plans[data-plan-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.client-home-plan-section.landing-plans .client-home-public-plans[data-plan-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.client-home-plan-section.landing-plans .client-home-public-plans[data-plan-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.client-home-plan-section.landing-plans .public-plan{height:100%;min-height:0!important;padding:25px 26px 23px;border-radius:20px;box-shadow:0 9px 28px rgba(26,43,68,.05)}
.client-home-plan-section.landing-plans .public-plan.is-current{border-color:#91bdf6;box-shadow:0 0 0 1px #91bdf6,0 12px 34px rgba(26,86,170,.08)}
.customer-tariff-current{font-size:9px;font-weight:850;color:var(--accent);background:#edf5ff;border:1px solid #d7e8ff;border-radius:999px;padding:6px 9px;white-space:nowrap}.customer-tariff-price{margin-top:1px!important}.client-home-plan-section .landing-plan-description{min-height:40px!important}.client-home-plan-section .landing-plan-action .btn{width:100%}.client-home-plan-section .landing-plan-location-list{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:1320px){.launch-client-main{padding-inline:34px}.client-home-start-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}.client-home-plan-section.landing-plans .client-home-public-plans[data-plan-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.client-home-plan-section.landing-plans .client-home-public-plans[data-plan-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.client-home-start-hero{grid-template-columns:minmax(0,1fr) minmax(315px,.84fr)}.client-home-location-pass{width:min(300px,78%);padding:14px}.client-home-location-flag{width:40px;height:40px}.client-home-location-flag img{width:28px;height:20px}.client-home-quickstart{grid-template-columns:minmax(0,1fr) 130px}.client-home-device-visual{transform:scale(.88);transform-origin:center right}}
@media(max-width:980px){.launch-client-main:before{display:none}.client-home-start-hero{grid-template-columns:1fr}.client-home-start-art{min-height:210px;background-size:auto 155%;background-position:50% 48%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 100%)}.client-home-companion-grid{grid-template-columns:1fr}.client-home-quickstart{grid-template-columns:minmax(0,1fr) 145px}.client-home-plan-section.landing-plans .client-home-public-plans[data-plan-count="3"],.client-home-plan-section.landing-plans .client-home-public-plans[data-plan-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.launch-client-main{background:#f7f7f4;padding-inline:16px}.launch-client-main .client-home-head h1{font-size:29px}.launch-client-main .client-home-head p{font-size:13px}.client-home-start-hero{border-radius:20px}.client-home-start-copy{padding:23px 20px 18px}.client-home-start-copy h2{font-size:26px}.client-home-start-art{min-height:175px;background-size:auto 150%;background-position:50% 49%}.client-home-location-pass{top:51%;width:min(278px,82%);min-height:84px;border-radius:20px;padding:11px 12px;gap:10px}.client-home-location-pass-icon{width:36px;height:36px;flex-basis:36px;border-radius:12px}.client-home-location-pass-icon svg{width:19px;height:19px}.client-home-location-flags{gap:7px}.client-home-location-flag{width:35px;height:35px}.client-home-location-flag img{width:25px;height:17px}.client-home-telegram,.client-home-quickstart{padding:19px!important}.client-home-quickstart{grid-template-columns:minmax(0,1fr) 100px}.client-home-device-visual{width:105px;transform:scale(.72);transform-origin:center right}.client-home-section-head h2{font-size:24px}.client-home-section-head p{display:none}.client-home-plan-section.landing-plans .client-home-public-plans[data-plan-count="1"],.client-home-plan-section.landing-plans .client-home-public-plans[data-plan-count="2"],.client-home-plan-section.landing-plans .client-home-public-plans[data-plan-count="3"],.client-home-plan-section.landing-plans .client-home-public-plans[data-plan-count="4"]{grid-template-columns:1fr}.client-home-plan-section.landing-plans .public-plan{padding:21px 20px 20px}.client-home-plan-section .landing-plan-location-list{grid-template-columns:1fr}}
@media(max-width:430px){.client-home-quickstart{grid-template-columns:1fr}.client-home-device-visual{display:none}.client-home-section-head{grid-template-columns:1fr auto}.client-home-location-pass{width:min(250px,88%)}.client-home-location-flag:nth-child(n+4){display:none}}

/* v0.21.4-p15-p3 — Active Subscription Home Visual Sync */
.client-home-active-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);min-height:330px;margin:0 0 20px;overflow:hidden;border:1px solid #d6e4f4;border-radius:24px;background:linear-gradient(118deg,#fff 0%,#fbfdff 47%,#eef7ff 100%);box-shadow:0 14px 40px rgba(15,23,42,.06)}
.client-home-active-copy{position:relative;z-index:3;padding:31px 34px 29px;display:flex;flex-direction:column;align-items:flex-start}.client-home-active-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}.client-home-active-top .status{position:static}.client-home-active-copy h2{font-size:34px;letter-spacing:-.035em;margin:8px 0 6px}.client-home-active-date{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.client-home-term{width:min(610px,100%);margin:21px 0 13px}.client-home-term-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.client-home-term-head strong{font-size:13px;color:#17243a}.client-home-term-head span{font-size:10px;color:var(--muted);font-weight:700}.client-home-term-track{height:7px;border-radius:999px;background:#e7eef7;overflow:hidden}.client-home-term-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1681ff,#55a9ff)}.client-home-active-hero.is-urgent .client-home-term-track i{background:linear-gradient(90deg,#e9a51b,#ffc95d)}.client-home-active-hero.is-expired .client-home-term-track i{background:#d7dde7}
.client-home-active-facts{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px}.client-home-active-facts span{padding:7px 10px;border:1px solid #dbe6f3;border-radius:999px;background:rgba(247,250,254,.94);color:#53657d;font-size:10px;font-weight:750}.client-home-last-payment{display:flex;align-items:center;gap:8px;min-width:0;margin:0 0 18px;color:var(--muted);font-size:10px}.client-home-last-payment span{white-space:nowrap}.client-home-last-payment b{color:#3d4d63;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-home-active-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto}.client-home-active-primary{min-width:185px}.client-home-tariff-link{background:transparent}
.client-home-active-art{position:relative;min-height:330px;background-image:url('/assets/crisplink-hero-network.webp');background-size:auto 172%;background-position:53% 49%;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 19%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 19%,#000 100%)}.client-home-active-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fbfdff 0%,rgba(251,253,255,.32) 18%,rgba(255,255,255,0) 43%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(243,249,255,.08))}
.client-home-active-pass{position:absolute;z-index:3;left:50%;top:52%;transform:translate(-50%,-50%) rotate(2deg);width:min(370px,78%);min-height:170px;padding:18px 20px;border:1px solid rgba(255,255,255,.84);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(227,241,255,.5));box-shadow:0 20px 50px rgba(35,89,155,.2),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(13px);display:grid;gap:14px}.client-home-active-pass-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.client-home-active-pass-status{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:850;background:rgba(238,247,255,.9);color:#2876d5;border:1px solid rgba(164,204,248,.8)}.client-home-active-pass-status.warn{background:rgba(255,247,225,.94);color:#9b6900;border-color:#f3d994}.client-home-active-pass-status.danger{background:rgba(255,239,239,.94);color:#b43d3d;border-color:#efc5c5}.client-home-active-pass-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-top:2px}.client-home-active-pass-copy b{font-size:17px;color:#142641}.client-home-active-pass-copy small{font-size:10px;color:#58708f;font-weight:750}.client-home-active-pass .client-home-location-flags{gap:9px}.client-home-active-pass .client-home-location-flag{width:43px;height:43px}.client-home-active-pass .client-home-location-flag img{width:29px;height:20px}
.client-home-active-companions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:18px}.client-home-action-card{position:relative;min-height:246px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 9px 29px rgba(15,23,42,.045);overflow:hidden}.client-home-action-card:after{content:"";position:absolute;width:210px;height:210px;right:-80px;bottom:-110px;border-radius:50%;background:radial-gradient(circle,rgba(56,145,255,.12),rgba(56,145,255,0) 70%);pointer-events:none}.client-home-action-card.is-urgent{border-color:#ecdba8;background:linear-gradient(145deg,#fff,#fffdf6)}.client-home-action-card.is-expired{border-color:#ead3d3;background:linear-gradient(145deg,#fff,#fffafa)}.client-home-action-icon{position:absolute;right:28px;top:28px;width:62px;height:62px;border-radius:18px;background:#eef6ff;color:#2582ee;display:grid;place-items:center;border:1px solid #d9eaff}.client-home-action-card.is-urgent .client-home-action-icon{background:#fff7df;color:#b87b00;border-color:#f2dfaa}.client-home-action-card.is-expired .client-home-action-icon{background:#fff0f0;color:#b84c4c;border-color:#efd0d0}.client-home-action-icon .launch-icon{width:29px;height:29px}.client-home-action-card h2{font-size:24px;margin:7px 86px 8px 0}.client-home-action-card p{max-width:520px;margin:0 76px 23px 0;color:var(--muted);font-size:13px;line-height:1.58}.client-home-action-buttons{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:1100px){.client-home-active-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr)}.client-home-active-art{background-size:auto 158%}.client-home-active-pass{width:min(310px,80%)}.client-home-active-companions{grid-template-columns:1fr}}
@media(max-width:760px){.client-home-active-hero{grid-template-columns:1fr;border-radius:20px}.client-home-active-copy{padding:23px 20px 20px}.client-home-active-copy h2{font-size:28px}.client-home-active-art{min-height:190px;background-size:auto 150%;background-position:50% 49%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 100%)}.client-home-active-pass{top:52%;width:min(292px,84%);min-height:130px;padding:13px 14px;border-radius:21px;gap:10px}.client-home-active-pass .client-home-location-flag{width:35px;height:35px}.client-home-active-pass .client-home-location-flag img{width:25px;height:17px}.client-home-active-pass-copy b{font-size:14px}.client-home-term-head{align-items:flex-end}.client-home-term-head span{max-width:45%;text-align:right}.client-home-last-payment{align-items:flex-start;flex-direction:column;gap:3px}.client-home-active-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.client-home-active-actions .client-home-active-primary{grid-column:1/-1;width:100%}.client-home-active-actions .btn{width:100%}.client-home-action-card{padding:21px 20px;min-height:0}.client-home-action-icon{right:20px;top:20px;width:52px;height:52px;border-radius:15px}.client-home-action-icon .launch-icon{width:24px;height:24px}.client-home-action-card h2{font-size:22px;margin-right:64px}.client-home-action-card p{margin-right:0}.client-home-action-buttons{display:grid;grid-template-columns:1fr 1fr}.client-home-action-buttons .btn{width:100%}}
@media(max-width:430px){.client-home-active-top{align-items:flex-start}.client-home-active-facts{gap:6px}.client-home-active-pass .client-home-location-flag:nth-child(n+4){display:none}.client-home-action-buttons{grid-template-columns:1fr}}


/* v0.21.4-p15-p4 — Subscription Workspace */
.client-launch-section-nav{max-width:100%;}
.client-launch-section-nav button{min-width:max-content;}
@media(max-width:760px){
  .launch-mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr));}
  .client-launch-section-nav button{min-width:42%;}
}

/* v0.21.4-p15-p5 — Subscription Workspace UI Polish */
.subscription-workspace-head{margin-bottom:18px}.subscription-workspace-head p{max-width:760px;line-height:1.55}
.subscription-workspace-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center;margin-bottom:16px;padding:28px 30px;border:1px solid #d8e5f3;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#fbfdff 62%,#f1f7ff 100%);box-shadow:0 10px 32px rgba(15,23,42,.05);overflow:hidden}
.subscription-workspace-hero:after{content:"";position:absolute;width:300px;height:300px;right:-150px;top:-155px;border-radius:50%;background:radial-gradient(circle,rgba(64,151,255,.14),rgba(64,151,255,0) 70%);pointer-events:none}.subscription-workspace-hero.is-waiting{border-color:#cfe2f8;background:linear-gradient(135deg,#fff 0%,#fbfdff 56%,#edf6ff 100%)}
.subscription-workspace-main{position:relative;z-index:2}.subscription-workspace-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.subscription-workspace-status>strong{font-size:11px;color:#65758c}.subscription-workspace-main>h2{margin:10px 0 6px;font-size:28px;letter-spacing:-.03em}.subscription-workspace-main>p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.subscription-workspace-facts{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.subscription-workspace-facts span{padding:6px 9px;border:1px solid #dfe8f3;border-radius:999px;background:rgba(255,255,255,.82);font-size:9px;font-weight:800;color:#52647c}.subscription-workspace-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.subscription-workspace-term{position:relative;z-index:2;display:grid;justify-items:center;gap:10px;text-align:center}.subscription-term-ring{--term:0;width:142px;height:142px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--term)*1%),#e7edf5 0);box-shadow:inset 0 0 0 1px rgba(55,101,160,.06)}.subscription-term-ring:before{content:"";grid-area:1/1;width:118px;height:118px;border-radius:50%;background:#fff;box-shadow:0 5px 20px rgba(15,23,42,.045)}.subscription-term-ring>div{grid-area:1/1;z-index:1;display:grid;gap:3px}.subscription-term-ring strong{font-size:24px;color:#173152}.subscription-term-ring span{max-width:82px;font-size:9px;line-height:1.25;color:var(--muted);font-weight:750}.subscription-workspace-term>small{max-width:180px;color:var(--muted);font-size:9px;line-height:1.35}.subscription-workspace-hero.is-waiting .subscription-term-ring{background:conic-gradient(#66aaf8 0 25%,#e7edf5 25% 100%)}
.subscription-ready-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.subscription-ready-flow>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;padding:10px;border:1px solid #e1e8f1;border-radius:13px;background:rgba(255,255,255,.78)}.subscription-ready-flow i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eaf7ef;color:#23844c;font-style:normal;font-size:11px;font-weight:900}.subscription-ready-flow .current i{background:#edf5ff;color:#1d72dc}.subscription-ready-flow span{display:grid;gap:2px}.subscription-ready-flow b{font-size:10px}.subscription-ready-flow small{font-size:8.5px;color:var(--muted);line-height:1.25}
.subscription-workspace-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px}.subscription-workspace-grid>.client-panel-card{margin:0}.subscription-operations-card{padding:22px}.subscription-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.subscription-card-head h2{margin:4px 0 0;font-size:19px}.subscription-card-head p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.subscription-operational-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.subscription-operational-list>div{padding:12px;border:1px solid #e5eaf0;border-radius:12px;background:#f9fafb}.subscription-operational-list span{display:block;margin-bottom:5px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:850}.subscription-operational-list b{font-size:11px}.subscription-next-card{position:relative;overflow:hidden;padding:22px;border-radius:19px;background:linear-gradient(145deg,#10203a,#122a4b);color:#fff;box-shadow:0 10px 28px rgba(14,31,57,.12)}.subscription-next-card:after{content:"";position:absolute;width:180px;height:180px;right:-80px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,rgba(61,149,255,.28),rgba(61,149,255,0) 70%)}.subscription-next-icon{position:absolute;right:20px;top:20px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#68adff}.subscription-next-icon .launch-icon{width:23px;height:23px}.subscription-next-card .client-eyebrow{color:#7db8ff}.subscription-next-card h3{margin:7px 58px 8px 0;font-size:20px}.subscription-next-card p{position:relative;z-index:1;margin:0 0 18px;color:#aebdd1;font-size:11px;line-height:1.55}.subscription-next-card .btn{position:relative;z-index:1}.subscription-empty-state .subscription-empty-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#eef5ff;color:var(--accent);margin-bottom:12px}.subscription-empty-icon .launch-icon{width:24px;height:24px}

.connection-workspace-head{margin-bottom:16px}.connection-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.connection-journey>div{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:12px 13px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.connection-journey i{width:32px;height:32px;border-radius:10px;background:#f1f4f8;color:#64748b;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900}.connection-journey .active{border-color:#cfe1f7;background:#f9fcff}.connection-journey .active i{background:#eaf4ff;color:#1875df}.connection-journey span{display:grid;gap:2px}.connection-journey b{font-size:10px}.connection-journey small{font-size:8.5px;color:var(--muted);line-height:1.3}.connection-access-card.polished{grid-template-columns:190px minmax(0,1fr);padding:22px;border-radius:20px;box-shadow:0 8px 28px rgba(15,23,42,.04)}.connection-access-card.polished .connection-qr{position:relative;background:#fbfcfe}.connection-step-badge{position:absolute;left:9px;top:9px;padding:4px 6px;border-radius:7px;background:#eaf4ff;color:#1e74da;font-size:8px;font-weight:900}.connection-secret-note{display:block;margin-top:8px;color:#8b98aa;font-size:8.5px}.connection-device-summary.polished{margin:14px 0 20px}.connection-device-summary.polished>div{background:#fbfcfd}.connection-platform-section{margin-top:4px}.connection-platform-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:11px}.connection-platform-section-head h2{margin:4px 0 0;font-size:20px}.connection-platform-section-head>span{font-size:9px;color:var(--muted);font-weight:800}.connection-platform-card.polished{padding:18px;border-radius:18px;box-shadow:0 6px 22px rgba(15,23,42,.035)}.connection-platform-card.polished .connection-platform-icon{width:46px;height:46px;border-radius:14px}.connection-platform-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}

.devices-workspace-head{margin-bottom:16px}.devices-capacity-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:24px;align-items:center;padding:23px 24px}.devices-capacity-copy h2{margin:5px 0 6px;font-size:24px}.devices-capacity-copy p{margin:0;max-width:600px;color:var(--muted);font-size:11px;line-height:1.5}.client-device-slots{padding:14px 15px;border:1px solid #e3e9f1;border-radius:15px;background:#fafbfd}.client-device-slots-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.client-device-slots-head span{font-size:9px;color:var(--muted);font-weight:800}.client-device-slots-head b{font-size:10px}.client-device-slot-rail{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.client-device-slot-rail i{width:18px;height:18px;border-radius:6px;border:1px solid #dce4ed;background:#fff}.client-device-slot-rail i.used{border-color:#9cc5f5;background:linear-gradient(145deg,#2f91ff,#1670dc);box-shadow:0 3px 9px rgba(28,117,220,.17)}.client-device-slot-rail em{font-style:normal;font-size:9px;color:var(--muted);font-weight:800}.devices-list-card{padding:22px}.client-device-list{display:grid;gap:8px}.client-device-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #e5eaf0;border-radius:14px;background:#fbfcfd}.client-device-row-icon{width:40px;height:40px;border-radius:12px;background:#eef5ff;color:#287de1;display:grid;place-items:center}.client-device-row-icon .launch-icon{width:20px;height:20px}.client-device-row-copy{min-width:0;display:grid;gap:2px}.client-device-row-copy b{font-size:11px}.client-device-row-copy small{font-size:9px;color:#617188}.client-device-row-copy span{font-size:8.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-empty-inline{display:grid;gap:4px;padding:20px;text-align:center;color:var(--muted)}.client-empty-inline b{color:var(--ink);font-size:12px}.client-empty-inline span{font-size:10px}

.tariff-workspace-head{margin-bottom:14px}.tariff-workspace-context{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:12px;padding:15px 17px;border:1px solid #dce7f4;border-radius:17px;background:linear-gradient(135deg,#fff,#f7fbff)}.tariff-workspace-context>div{display:flex;align-items:center;gap:13px;min-width:0}.tariff-workspace-context h2{margin:2px 0 2px;font-size:16px}.tariff-workspace-context p{margin:0;color:var(--muted);font-size:9.5px}.tariff-promo-hint{display:flex;gap:10px;align-items:center;margin-bottom:14px;padding:10px 12px;border:1px dashed #d9e2ed;border-radius:13px;background:#fafbfd}.tariff-promo-hint>span{font-size:18px}.tariff-promo-hint>div{display:grid;gap:2px}.tariff-promo-hint b{font-size:10px}.tariff-promo-hint small{font-size:9px;color:var(--muted)}

@media(max-width:980px){.subscription-workspace-grid{grid-template-columns:1fr}.subscription-workspace-hero{grid-template-columns:minmax(0,1fr) 180px}.subscription-ready-flow{grid-template-columns:1fr}.subscription-operational-list{grid-template-columns:1fr 1fr}.devices-capacity-card{grid-template-columns:1fr}}
@media(max-width:760px){.subscription-workspace-head,.connection-workspace-head,.devices-workspace-head{display:grid}.subscription-workspace-head>.btn,.connection-workspace-head>.btn{justify-self:start}.subscription-workspace-hero{grid-template-columns:1fr;padding:20px;border-radius:19px;gap:18px}.subscription-workspace-main>h2{font-size:24px}.subscription-workspace-term{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left}.subscription-term-ring{width:100px;height:100px}.subscription-term-ring:before{width:82px;height:82px}.subscription-term-ring strong{font-size:18px}.subscription-workspace-actions{display:grid;grid-template-columns:1fr}.subscription-workspace-actions .btn{width:100%}.subscription-ready-flow{gap:6px}.subscription-operational-list{grid-template-columns:1fr}.subscription-next-card{padding:19px}.connection-journey{grid-template-columns:1fr}.connection-access-card.polished{grid-template-columns:1fr;padding:16px}.connection-access-card.polished .connection-qr{width:min(210px,100%);justify-self:center}.connection-platform-actions{display:grid;grid-template-columns:1fr}.connection-platform-actions .btn{width:100%}.devices-workspace-head>.row{width:100%;display:grid;grid-template-columns:1fr 1fr}.devices-workspace-head .btn{width:100%}.devices-capacity-card{padding:18px}.client-device-row{grid-template-columns:38px minmax(0,1fr)}.client-device-row>.btn{grid-column:1/-1;width:100%}.client-device-row-copy span{white-space:normal}.tariff-workspace-context{align-items:flex-start}.tariff-workspace-context>div{align-items:flex-start}.tariff-workspace-context>.btn{flex:0 0 auto}}
@media(max-width:430px){.subscription-workspace-status{align-items:flex-start;display:grid}.subscription-workspace-term{grid-template-columns:1fr;text-align:center;justify-items:center}.subscription-ready-flow>div{grid-template-columns:28px 1fr}.devices-workspace-head>.row{grid-template-columns:1fr}.tariff-workspace-context{display:grid}.tariff-workspace-context>.btn{width:100%}.tariff-workspace-context>div{display:grid}.connection-platform-section-head{align-items:flex-start}}

/* p15-p6 — Client Communications & Promotions UX */
.client-utility-bar{display:flex;justify-content:flex-end;align-items:center;min-height:42px;margin:-2px 0 8px}
.client-notification-bell{position:relative;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.92);color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(23,38,69,.06)}
.client-notification-bell:hover{border-color:rgba(37,99,235,.28);transform:translateY(-1px)}
.client-notification-bell .launch-icon{width:20px;height:20px}
.client-notification-bell>span{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#1d4ed8;color:#fff;border:2px solid #fff;font-size:10px;font-weight:800;line-height:15px;text-align:center}
.launch-mobile-actions{display:flex;align-items:center;gap:7px}
.launch-client-mobile-head .client-notification-bell{display:none;width:38px;height:38px;border-radius:12px;box-shadow:none}
.notification-center-shell{width:min(560px,calc(100vw - 28px))}
.notification-center-list{display:grid;gap:10px;max-height:min(68vh,680px);overflow:auto;padding-right:3px}
.notification-center-item{border:1px solid var(--line);border-radius:18px;padding:15px 16px;background:#fff}
.notification-center-item.warning{border-color:rgba(217,119,6,.24);background:rgba(255,251,235,.62)}
.notification-center-item.critical{border-color:rgba(220,38,38,.22);background:rgba(254,242,242,.68)}
.notification-center-item h3{margin:6px 0 6px;font-size:16px}
.notification-center-item p{margin:0 0 10px;color:var(--muted);line-height:1.5}
.notification-center-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}
.notification-center-meta span{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#31568f}
.notification-center-meta small{color:var(--muted)}
.client-promotion-stack{display:grid;gap:10px;margin:0 0 16px}
.client-promotion-card{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid rgba(37,99,235,.15);border-radius:22px;padding:18px 20px;background:linear-gradient(135deg,rgba(248,251,255,.98),rgba(239,246,255,.82));box-shadow:0 12px 32px rgba(37,99,235,.06)}
.client-promotion-card h3{margin:4px 0 6px;font-size:19px}
.client-promotion-card p{margin:0;color:var(--muted)}
.client-promo-code{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:7px 10px;border:1px dashed rgba(37,99,235,.28);border-radius:11px;background:#fff}
.client-promo-code span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.client-promo-code b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em}
.client-attention-card{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid rgba(37,99,235,.15);border-radius:20px;padding:16px 18px;margin:0 0 14px;background:rgba(239,246,255,.72)}
.client-attention-card.warning{border-color:rgba(217,119,6,.20);background:rgba(255,251,235,.72)}
.client-attention-card.critical{border-color:rgba(220,38,38,.17);background:rgba(254,242,242,.72)}
.client-attention-card h3{margin:4px 0 5px;font-size:17px}
.client-attention-card p{margin:0;color:var(--muted)}
.subscription-workspace-hero.is-expired{border-color:rgba(148,163,184,.28);background:linear-gradient(135deg,#fff,#f8fafc)}
.subscription-workspace-hero.is-expired .subscription-term-ring{filter:saturate(.45)}
.subscription-next-card.is-expired{background:linear-gradient(145deg,#fff,#f8fafc);border-color:rgba(148,163,184,.24)}
.communication-placement-list{display:grid;gap:7px}

@media(max-width:760px){
  .client-utility-bar{display:none}
  .launch-client-mobile-head .client-notification-bell{display:inline-grid}
  .client-promotion-card,.client-attention-card{align-items:flex-start;flex-direction:column}
  .client-promotion-card .btn,.client-attention-card .btn{width:100%}
  .notification-center-list{max-height:65vh}
}

/* v0.21.4-p15-p6-p3 — Communications Workspace UI Polish */
.notification-drawer-overlay{display:flex;justify-content:flex-end;align-items:stretch;padding:0;background:rgba(15,23,42,.28);backdrop-filter:blur(2px)}
.notification-drawer-modal{width:min(460px,100vw);height:100vh;max-height:none;border-radius:24px 0 0 24px;padding:0;overflow:hidden;box-shadow:-24px 0 70px rgba(15,23,42,.16)}
.notification-drawer-shell{height:100%;display:flex;flex-direction:column;background:#fbfcfe}
.notification-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 22px 18px;border-bottom:1px solid #e9edf3;background:#fff}
.notification-drawer-head h2{margin:0;font-size:24px;letter-spacing:-.025em}.notification-drawer-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.notification-drawer-head .x{flex:0 0 auto}
.notification-center-list{display:block;flex:1;max-height:none;overflow:auto;padding:16px 18px 24px}
.notification-group+.notification-group{margin-top:22px}.notification-group-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px;color:#738096;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.notification-group-head b{min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#eef2f7;color:#66758b;font-size:10px}
.notification-group-list{display:grid;gap:2px;background:#fff;border:1px solid #e8edf3;border-radius:18px;overflow:hidden}
.notification-row{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:15px 15px 14px;background:#fff;border:0;border-bottom:1px solid #eef1f5;border-radius:0;position:relative}.notification-row:last-child{border-bottom:0}.notification-row.is-unread:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.notification-row-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f2f5f9;color:#62728a}.notification-row-icon .launch-icon{width:19px;height:19px}.notification-row.warning .notification-row-icon{background:#fff6df;color:#9a6a0d}.notification-row.critical .notification-row-icon{background:#fff0f1;color:#b83b49}.notification-row.info .notification-row-icon{background:#eef5ff;color:#276dc8}
.notification-row-body{min-width:0}.notification-row-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.notification-row-meta span{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:#708097}.notification-row-meta small{font-size:10px;color:#98a1af;white-space:nowrap}.notification-row h3{margin:0 0 5px;font-size:15px;line-height:1.35;letter-spacing:-.01em}.notification-row p{margin:0;color:#66758a;font-size:12px;line-height:1.5}.notification-row-actions{display:flex;margin-top:10px}.notification-row-actions .btn{min-height:34px}.client-promo-code.compact{margin-top:9px;padding:5px 8px;border-radius:9px}.client-promo-code.compact span{font-size:9px}.client-promo-code.compact b{font-size:11px}
.notification-empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;color:var(--muted)}.notification-empty-icon{width:52px;height:52px;border-radius:16px;background:#eef4fb;color:#5d7290;display:grid;place-items:center;margin-bottom:13px}.notification-empty-icon .launch-icon{width:24px;height:24px}.notification-empty b{font-size:16px;color:var(--ink)}.notification-empty p{max-width:290px;margin:7px 0 0;font-size:12px;line-height:1.55}

.communication-workspace-card{padding:0;overflow:hidden}.communication-workspace-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 20px 16px}.communication-workspace-head h2{margin:3px 0 5px;font-size:20px}.communication-workspace-head p{margin:0;max-width:620px;color:var(--muted);font-size:11px;line-height:1.5}.communication-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;background:#fafbfd}.communication-stats span{padding:11px 14px;border-right:1px solid #eef1f5}.communication-stats span:last-child{border-right:0}.communication-stats small{display:block;color:#8793a4;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.communication-stats b{display:block;margin-top:2px;font-size:17px;color:#24334a}.communication-feed{display:grid;gap:0}.communication-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:start;padding:15px 18px;border-bottom:1px solid #eef1f5}.communication-row:last-child{border-bottom:0}.communication-row-icon{width:38px;height:38px;border-radius:12px;background:#f1f5fa;color:#5c708c;display:grid;place-items:center}.communication-row-icon .launch-icon{width:18px;height:18px}.communication-row-main{min-width:0}.communication-row-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.communication-row-title h3{margin:2px 0 4px;font-size:14px}.communication-type{display:block;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:#7d8ca0}.communication-row p{margin:0;color:#69778b;font-size:11px;line-height:1.45}.communication-chip-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.communication-chip-row span{padding:4px 7px;border:1px solid #e3e8ef;border-radius:999px;background:#fbfcfd;color:#6d7c90;font-size:9px;font-weight:700}.communication-promo-line{display:flex;align-items:center;gap:8px;margin-top:8px}.communication-promo-line b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:#1f5faa}.communication-promo-line span{font-size:9px;color:#8994a4}.communication-close{align-self:center}.communication-row.is-closed{opacity:.72;background:#fafbfc}.communication-history{border-top:1px solid #e8edf3}.communication-history>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 18px;color:#65758a;font-size:10px;font-weight:800;background:#fafbfd}.communication-history>summary b{font-size:10px}.communication-feed.is-history{border-top:1px solid #eef1f5}

.communication-editor-modal{width:min(1180px,calc(100vw - 32px));height:min(860px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden}.communication-editor-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:#f7f8fa}.communication-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 22px 15px;background:#fff;border-bottom:1px solid #e8edf3}.communication-editor-head h2{margin:3px 0 4px;font-size:22px}.communication-editor-head p{margin:0;max-width:650px;color:var(--muted);font-size:10px;line-height:1.45}.communication-editor-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);min-height:0;height:100%;max-height:none;overflow:hidden}.communication-editor-main{min-height:0;overflow:auto;scrollbar-gutter:stable;padding:14px 16px 18px;display:grid;gap:10px}.communication-step{border:1px solid #e3e8ef;border-radius:16px;background:#fff;padding:14px 15px}.communication-step-head{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:14px}.communication-step-head>span{width:28px;height:28px;border-radius:9px;background:#edf4ff;color:#2468bf;display:grid;place-items:center;font-size:11px;font-weight:900}.communication-step-head h3{margin:1px 0 3px;font-size:15px}.communication-step-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.communication-choice-grid,.communication-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.communication-choice,.communication-channel{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #e2e7ee;border-radius:14px;background:#fbfcfd;cursor:pointer}.communication-choice input,.communication-channel input{position:absolute;opacity:0;pointer-events:none}.communication-choice:has(input:checked),.communication-channel:has(input:checked){border-color:#9cc5f7;background:#f4f9ff;box-shadow:0 0 0 1px #cde2fb inset}.communication-choice-icon{width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid #e7ebf0;display:grid;place-items:center;color:#63758d}.communication-choice-icon .launch-icon{width:17px;height:17px}.communication-choice b,.communication-channel b{display:block;font-size:12px}.communication-choice small,.communication-channel small{display:block;margin-top:2px;color:#7d8999;font-size:9px;line-height:1.35}.communication-inline-panel,.communication-placement-panel{margin:12px 0 0!important;padding:12px;border:1px solid #e8edf3;border-radius:13px;background:#fafbfd}.communication-inline-panel small{color:#7e8999;font-size:9px}.communication-fields{gap:10px}.communication-step .field{margin:9px 0}.communication-step .field:first-of-type{margin-top:0}.communication-tariff-list{max-height:190px}.communication-placement-panel>b{font-size:11px}.communication-placement-panel>p{margin:4px 0 8px;color:var(--muted);font-size:9px;line-height:1.4}.communication-placement-panel .check{padding:6px 7px}.communication-preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;min-height:0;overflow:hidden;padding:16px;background:#fff;border-left:1px solid #e4e9ef}.communication-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.communication-preview-head h3{margin:3px 0 0;font-size:16px}.communication-preview-tabs{display:flex;padding:3px;background:#f1f4f8;border-radius:10px}.communication-preview-tabs button{border:0;background:transparent;padding:6px 8px;border-radius:7px;color:#7b8798;font-size:9px;font-weight:800;cursor:pointer}.communication-preview-tabs button.active{background:#fff;color:#25364f;box-shadow:0 1px 4px rgba(15,23,42,.08)}.communication-preview-tabs button.is-channel-off{opacity:.58}.communication-preview-stage{min-height:0;border:1px solid #e5eaf0;border-radius:16px;background:#f6f8fb;padding:14px;overflow:auto}.communication-preview-web{border:1px solid #dfe6ee;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 9px 24px rgba(15,23,42,.06)}.communication-preview-web-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #edf0f4;color:#44566f;font-size:10px;font-weight:800}.communication-preview-web-head span{display:flex;align-items:center;gap:6px}.communication-preview-web-head .launch-icon{width:15px;height:15px}.communication-preview-web-head i{width:7px;height:7px;border-radius:50%;background:#2d7eea}.communication-preview-web .notification-row{border:0}.communication-preview-telegram{min-height:100%;padding:12px;background:linear-gradient(180deg,#eef4f7,#e6eef2);border-radius:12px;display:grid;grid-template-rows:auto 1fr;gap:12px}.communication-preview-telegram-head{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:9px;font-weight:800}.communication-preview-telegram-head span{display:flex;align-items:center;gap:6px}.communication-preview-telegram-head .launch-icon{width:14px;height:14px}.telegram-preview-bubble{align-self:end;max-width:92%;padding:11px 12px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 4px 13px rgba(15,23,42,.08);font-size:11px;line-height:1.45}.telegram-preview-bubble b{display:block;margin-bottom:5px}.telegram-preview-bubble p{margin:0}.telegram-preview-bubble code{display:block;margin-top:8px;padding-top:7px;border-top:1px solid #eef1f4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#245b9e}.communication-preview-off{height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8a95a5}.communication-preview-off b{color:#4e5e74;font-size:13px}.communication-preview-off span{margin-top:5px;font-size:10px}.communication-publish-summary{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:12px 2px;color:#7a8798;font-size:9px}.communication-publish-summary b{color:#3d4c61;font-size:10px;text-align:right}.communication-preview-panel .errorbox{margin:8px 0 0}.communication-publish{width:100%;min-height:44px;margin-top:10px}

@media(max-width:980px){.communication-editor-layout{grid-template-columns:1fr;display:block;overflow:auto}.communication-editor-main{overflow:visible}.communication-preview-panel{min-height:420px;border-left:0;border-top:1px solid #e4e9ef;overflow:visible}.communication-preview-stage{min-height:230px}.communication-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.communication-stats span:nth-child(2){border-right:0}.communication-stats span:nth-child(-n+2){border-bottom:1px solid #eef1f5}}
@media(max-width:760px){.notification-drawer-overlay{align-items:flex-end;background:rgba(15,23,42,.32)}.notification-drawer-modal{width:100%;height:min(86vh,760px);border-radius:22px 22px 0 0}.notification-drawer-head{padding:18px 17px 14px}.notification-drawer-head h2{font-size:21px}.notification-center-list{padding:12px 12px 20px}.notification-row{grid-template-columns:34px minmax(0,1fr);padding:13px 12px;gap:10px}.notification-row-icon{width:34px;height:34px;border-radius:10px}.notification-row-meta{align-items:flex-start}.notification-row-meta small{font-size:9px}.communication-workspace-head{display:grid;padding:17px}.communication-workspace-head .btn{width:100%}.communication-row{grid-template-columns:34px minmax(0,1fr);padding:13px 14px}.communication-row-icon{width:34px;height:34px}.communication-row>.communication-close{grid-column:1/-1;width:100%}.communication-row-title{display:grid}.communication-row-title .status{justify-self:start}.communication-editor-modal{width:100%;height:100dvh;max-height:none;border-radius:0}.communication-editor-shell{height:100dvh}.communication-editor-head{padding:15px 16px 13px}.communication-editor-head h2{font-size:20px}.communication-editor-layout{display:block;height:auto;max-height:none;overflow:auto}.communication-editor-main{overflow:visible;padding:10px 12px}.communication-step{padding:14px}.communication-choice-grid,.communication-channel-grid,.communication-fields{grid-template-columns:1fr}.communication-preview-panel{padding:14px}.communication-preview-head{display:grid}.communication-preview-tabs{justify-self:start}.communication-preview-stage{min-height:210px}.communication-publish{position:sticky;bottom:0;z-index:2}}


/* Admin 2.0 / P1 — Command Center Signature Precision. Область только /admin → Главная. */
.launch-admin-main.command-v2-main{max-width:1680px;padding-top:26px}
.command-v2{--cv2-active:#0d9674;--cv2-waiting:#2773e6;--cv2-expired:#ef5b67;--cv2-other:#ced7e4;display:grid;gap:14px;color:#111d33}
.command-v2 .card{margin:0;min-width:0;border:1px solid #e2e8f1;border-radius:17px;background:#fff;box-shadow:0 5px 20px rgba(17,35,64,.035)}
.command-v2-intro{display:flex;justify-content:space-between;align-items:center;gap:16px}
.command-v2-intro p{margin:5px 0 0;color:#70819a;font-size:12px}
.command-v2-system{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;border:1px solid #e1e8f1;padding:8px 14px;border-radius:13px;background:#fff;font-size:11px;font-weight:800}
.command-v2-system i{grid-row:1/3;height:8px;width:8px;border-radius:50%;background:#9daabd}
.command-v2-system i.ok{background:#0b9974;box-shadow:0 0 0 4px #ddf8ee}
.command-v2-system i.warn{background:#db9222;box-shadow:0 0 0 4px #fff1dc}
.command-v2-system small{font-size:9px;font-weight:500;color:#8793a9}
.command-v2-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.command-v2-metric{appearance:none;text-align:left;display:grid;gap:7px;border:1px solid #e1e8f1;border-radius:16px;background:#fff;padding:16px 17px;min-height:125px;cursor:pointer;box-shadow:0 5px 20px rgba(17,35,64,.035);min-width:0;transition:border-color .18s,transform .18s}
.command-v2-metric:hover,.command-v2-finance-tile:hover{border-color:#b9d1f5;transform:translateY(-1px)}
.command-v2-metric:focus-visible,.command-v2-finance-tile:focus-visible,.command-v2-filter:focus-visible,.command-v2-quick:focus-visible{outline:3px solid #b6d2ff;outline-offset:2px}
.command-v2-metric-head{display:flex;align-items:center;gap:10px;min-width:0}
.command-v2-metric-icon{flex:none;width:33px;height:33px;border-radius:10px;background:#eaf2ff;color:#196be0;display:grid;place-items:center}
.command-v2-metric:nth-child(2) .command-v2-metric-icon{background:#e6f7f0;color:#0d9871}
.command-v2-metric:nth-child(3) .command-v2-metric-icon{background:#fff3e5;color:#d18920}
.command-v2-metric:nth-child(4) .command-v2-metric-icon{background:#ffedf0;color:#df4b62}
.command-v2 .launch-icon{width:17px;height:17px}
.command-v2-metric-label{font-size:12px;font-weight:780;line-height:1.35}
.command-v2-metric strong{font-size:29px;letter-spacing:-.04em;line-height:1}
.command-v2-metric small{font-size:10px;color:#7788a0}
.command-v2-finance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.command-v2-finance-tile{appearance:none;text-align:left;border:1px solid #e1e8f1;border-radius:16px;background:#fff;display:grid;gap:7px;padding:15px 18px;min-width:0;cursor:pointer;transition:border-color .18s,transform .18s}
.command-v2-finance-tile>span{display:flex;align-items:center;gap:8px;color:#446482}.command-v2-finance-tile>span .launch-icon{color:#1e6de5}
.command-v2-finance-tile b{font-size:11px}.command-v2-finance-tile strong{font-size:23px;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}.command-v2-finance-tile small{font-size:10px;color:#8291a6}
.command-v2-primary{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:14px}
.command-v2-section{padding:17px 18px!important;min-width:0}.command-v2-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.command-v2-section-head h2{margin:0;font-size:16px;letter-spacing:-.025em;color:#111d33}.command-v2-section-head p{margin:4px 0 0;font-size:10px;color:#8290a5}.command-v2-section-head .btn{flex:none}
.command-v2-count{font-size:10px;font-weight:750;color:#1c6ad8;background:#edf4ff;border:1px solid #d9e8fc;padding:5px 9px;border-radius:999px;white-space:nowrap}
.command-v2-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.command-v2-filter{appearance:none;border:1px solid #e6ebf1;border-radius:999px;background:#f7f9fc;color:#6b7d97;padding:7px 9px;display:inline-flex;align-items:center;gap:6px;font-size:10px;cursor:pointer;white-space:nowrap}
.command-v2-filter span{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e7edf4;color:#586c86;font-weight:800;font-size:9px}
.command-v2-filter.active{background:#eaf2ff;color:#1468e3;border-color:#bcd6fe;font-weight:850}.command-v2-filter.active span{background:#1d6ce6;color:#fff}
.command-v2-attention .attention-row{border-radius:11px;min-height:58px}.command-v2-attention .attention-list{max-height:270px;overflow:auto}
.command-v2-service-list{display:grid}.command-v2-service-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 2px;border-bottom:1px solid #eef1f6;font-size:11px}.command-v2-service-row b{font-size:10px;color:#6c7d94}.command-v2-service-row b.good-text{color:#0b9974}
.command-v2-status-dot{height:7px;width:7px;border-radius:50%;background:#9ba8b8}.command-v2-status-dot.ok{background:#0c9c73}.command-v2-status-dot.paused{background:#e5a039}.command-v2-panel-line{border-top:1px solid #e9eef5;margin-top:8px;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:9px}.command-v2-panel-line>span{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;color:#596e89;font-size:10px}.command-v2-panel-line>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-v2-panel-line .btn{flex:none}
.command-v2-insights{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.08fr) minmax(0,1.11fr);gap:14px}
.command-v2-sub-body{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:center;min-height:192px}
.command-v2-donut{width:132px;height:132px;display:grid;place-items:center;border-radius:50%;position:relative}
.command-v2-donut>div{width:90px;height:90px;border-radius:50%;background:#fff;display:grid;align-content:center;justify-items:center;box-shadow:0 0 0 1px #ecf0f6}
.command-v2-donut strong{font-size:25px;line-height:1.1}.command-v2-donut small{font-size:9px;color:#7e8ca2}
.command-v2-sub-legend{display:grid;gap:11px}.command-v2-sub-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:7px;align-items:center;font-size:10px}.command-v2-sub-row b{font-size:11px}.command-v2-dot{height:8px;width:8px;border-radius:50%;background:var(--cv2-other)}.command-v2-dot.active{background:var(--cv2-active)}.command-v2-dot.waiting{background:var(--cv2-waiting)}.command-v2-dot.expired{background:var(--cv2-expired)}
.command-v2-revenue-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:9px}.command-v2-revenue-totals>div{padding:10px;border:1px solid #e6ebf2;border-radius:11px;background:#fafbfd;min-width:0}.command-v2-revenue-totals small{display:block;color:#7f8ca2;font-size:9px}.command-v2-revenue-totals b{display:block;margin-top:4px;font-size:17px;overflow-wrap:anywhere}
.command-v2-chart{height:142px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;padding:9px 3px 0;border-bottom:1px solid #e9edf4}.command-v2-chart-column{height:100%;display:grid;grid-template-rows:1fr 20px;gap:3px;min-width:0}.command-v2-chart-track{display:flex;align-items:flex-end;justify-content:center;min-height:0;border-bottom:1px solid #d5e2f4;background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#f1f4f9 31px)}.command-v2-chart-track span{width:min(68%,28px);border-radius:4px 4px 0 0;background:linear-gradient(180deg,#67a8ff,#1c6de5);min-height:2px}.command-v2-chart-track span.is-zero{background:#d9e1ec}.command-v2-chart-column small{text-align:center;font-size:9px;color:#71839a}.command-v2-chart-caption{text-align:right;font-size:9px;color:#8492a8;padding-top:5px}
.command-v2-chart-empty{height:150px;display:grid;justify-items:center;align-content:center;gap:8px;color:#7d8da3;font-size:10px;text-align:center}
.command-v2-order-list{display:grid;gap:1px}.command-v2-order{appearance:none;width:100%;display:grid;grid-template-columns:8px minmax(0,1fr) auto 14px;gap:9px;align-items:center;border:0;border-bottom:1px solid #edf0f5;background:transparent;padding:8px 0;text-align:left;cursor:pointer}.command-v2-order:last-child{border-bottom:0}.command-v2-order:hover{background:#f9fbfe}.command-v2-order-main{display:grid;gap:4px;min-width:0}.command-v2-order-main b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-v2-order-main small{font-size:9px;color:#78879d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-v2-order .status{font-size:9px;padding:4px 6px}.command-v2-order>.launch-icon{width:13px;height:13px;color:#aab5c5}
.command-v2-shortcuts .command-v2-section-head{margin-bottom:11px}.command-v2-quick-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.command-v2-quick{appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #dfe6f0;border-radius:11px;background:#fff;font-size:10px;font-weight:750;color:#28436b;cursor:pointer;padding:8px}.command-v2-quick:hover{background:#edf4ff;color:#1365d8;border-color:#bad4f8}.command-v2-quick .launch-icon{color:#2170e9;flex:none}
@media(max-width:1370px){.command-v2-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.command-v2-orders{grid-column:1/-1}.command-v2-sub-body{grid-template-columns:132px minmax(0,1fr)}.command-v2-quick-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.command-v2-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.command-v2-primary{grid-template-columns:1fr 1fr}.command-v2-insights{grid-template-columns:1fr 1fr}.command-v2-finance{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.command-v2-primary,.command-v2-insights{grid-template-columns:1fr}.command-v2-orders{grid-column:auto}.command-v2-finance{grid-template-columns:1fr 1fr}.command-v2-finance-tile:last-child{grid-column:1/-1}.command-v2-intro{align-items:flex-start}.command-v2-sub-body{grid-template-columns:132px minmax(0,1fr)}}
@media(max-width:550px){.command-v2-metrics,.command-v2-finance{grid-template-columns:1fr 1fr}.command-v2-metric{padding:12px;min-height:118px}.command-v2-metric strong{font-size:25px}.command-v2-metric-label{font-size:10px}.command-v2-metric-head{align-items:flex-start;flex-direction:column;gap:6px}.command-v2-finance-tile{padding:12px}.command-v2-finance-tile strong{font-size:19px}.command-v2-finance-tile:last-child{grid-column:1/-1}.command-v2-intro{flex-direction:column}.command-v2-system{width:100%}.command-v2-section{padding:14px!important}.command-v2-sub-body{grid-template-columns:100px minmax(0,1fr);gap:10px}.command-v2-donut{width:100px;height:100px}.command-v2-donut>div{width:70px;height:70px}.command-v2-donut strong{font-size:20px}.command-v2-sub-row{font-size:9px}.command-v2-quick-list{grid-template-columns:repeat(2,minmax(0,1fr))}.command-v2-order{grid-template-columns:8px minmax(0,1fr) auto}.command-v2-order>.launch-icon{display:none}.command-v2-order .status{font-size:8px}.command-v2-section-head h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){.command-v2-metric,.command-v2-finance-tile{transition:none}}


/* Admin 2.0 / P1.1 — Command Center UI Polish; строго в рамках dashboard. */
.launch-admin-main.command-v2-main{padding-top:17px}
.command-v2{gap:10px}
.command-v2-metrics,.command-v2-finance{gap:10px}
.command-v2-metric{min-height:101px;padding:12px 15px;gap:5px;border-radius:14px}
.command-v2-metric-icon{width:30px;height:30px}
.command-v2-metric strong{font-size:27px}
.command-v2-finance-tile{padding:11px 15px;gap:5px;border-radius:14px}
.command-v2-finance-tile strong{font-size:21px}
.command-v2-primary{gap:10px;align-items:start}
.command-v2-insights{gap:10px;align-items:start}
.command-v2-section{padding:14px 16px!important}
.command-v2-section-head{margin-bottom:10px}
.command-v2-filters{gap:5px;margin-bottom:8px}
.command-v2-filter{padding:6px 9px}
.command-v2-attention .attention-row{min-height:50px}
.command-v2-service-row{padding:8px 2px}
.command-v2-panel-line{margin-top:5px;padding-top:7px}
.command-v2-sub-body{min-height:170px}
.command-v2-revenue-totals{gap:7px;margin-bottom:7px}
.command-v2-revenue-totals>div{padding:8px}
.command-v2-revenue-totals b{font-size:16px}
.command-v2-chart{height:124px;grid-template-columns:repeat(var(--cv2-bars,7),minmax(0,1fr));gap:3px;padding:5px 2px 0}
.command-v2-chart-column{grid-template-rows:1fr 17px}
.command-v2-chart-column small{font-size:8px;white-space:nowrap;overflow:visible}
.command-v2-chart-track span{width:min(77%,24px)}
.command-v2-periods{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.command-v2-period{appearance:none;white-space:nowrap;border:1px solid #e3e9f3;border-radius:9px;background:#f8fafd;color:#617491;font-size:10px;font-weight:700;padding:6px 9px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.command-v2-period:hover{background:#ecf4ff;border-color:#bed5f4;color:#1e65d3}
.command-v2-period.active{background:#eaf2ff;border-color:#b7d3fd;color:#135ecd}
.command-v2-period:focus-visible{outline:3px solid #b6d2ff;outline-offset:2px}
.command-v2-period:disabled{cursor:wait;opacity:.6}
.command-v2-chart-error{font-size:10px;line-height:1.5;color:#ac342b;padding:6px 8px;margin-bottom:5px;border-radius:8px;background:#fff0ec}
.command-v2-quick-list{gap:8px}
.command-v2-quick{min-height:37px;padding:7px 9px;border-radius:10px;transition:background .15s,border-color .15s,box-shadow .15s}
.command-v2-quick:hover{background:#eaf2ff;border-color:#8bbafd;box-shadow:0 3px 11px rgba(30,106,213,.10)}
.command-v2-quick:active{background:#dceaff}
@media(max-width:550px){
  .command-v2-metric{min-height:107px;padding:11px}
  .command-v2-finance-tile{padding:10px}
  .command-v2-section{padding:13px!important}
  .command-v2-quick{min-height:39px}
  .command-v2-chart{gap:2px}
  .command-v2-period{padding:6px 8px}
}
@media(prefers-reduced-motion:reduce){.command-v2-period,.command-v2-quick{transition:none}}
/* =======================================================================
 CrispLink Admin 2.0 — Unified Workspace (p15-p11)
 This layer is intentionally scoped to Admin, never Public or Client Web.
 Ink / Midnight + warm paper + precise electric blue, without cyan.
 ======================================================================= */
.admin2-unified{
 --admin2-canvas:#f4f3f0;--admin2-paper:#ffffff;--admin2-ink:#142138;
 --admin2-muted:#66758d;--admin2-line:#e2e7ee;--admin2-soft:#f7f9fc;
 --admin2-navy:#0c1628;--admin2-navy-hover:#1a2b45;
 --admin2-blue:var(--accent);--admin2-ring:color-mix(in srgb,var(--accent) 18%,transparent);
 --admin2-shadow:0 8px 28px rgba(21,37,67,.045);
 grid-template-columns:258px minmax(0,1fr);
 background:var(--admin2-canvas);color:var(--admin2-ink);min-height:100vh;
 font-size:13px;line-height:1.5;
}
.admin2-unified .launch-admin-side{
 background:var(--admin2-navy);height:100dvh;position:sticky;top:0;
 gap:12px;padding:27px 17px 18px;border-right:1px solid #1e304a;
}
.admin2-unified .launch-side-brand{padding:0 10px 12px;min-width:0}
.admin2-unified .launch-side-brand .client-logo{font-size:15px;font-weight:800;min-width:0}
.admin2-unified .launch-side-brand>small{font-size:10px;color:#8399b5;letter-spacing:.095em}
.admin2-unified .launch-primary-nav{gap:5px!important}
.admin2-unified .launch-primary-nav .launch-nav-item{
 position:relative;min-height:46px;padding:11px 13px;border-radius:12px;
 font-size:12px;font-weight:670;gap:12px;color:#aebcd1;letter-spacing:.005em;
 transition:background .15s,color .15s;
}
.admin2-unified .launch-primary-nav .launch-nav-item .launch-icon{width:19px;height:19px;color:#8da2c0}
.admin2-unified .launch-primary-nav .launch-nav-item:hover{background:rgba(255,255,255,.075);color:#fff}
.admin2-unified .launch-primary-nav .launch-nav-item.active{
 background:#1b3050;box-shadow:inset 0 0 0 1px #2d4261;color:#fff;
}
.admin2-unified .launch-primary-nav .launch-nav-item.active:before{
 content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;
 border-radius:0 4px 4px 0;background:#63a0ff;
}
.admin2-unified .launch-primary-nav .launch-nav-item.active .launch-icon{color:#82b3ff}
.admin2-unified .launch-side-foot{border-top:1px solid #253651;padding:15px 7px 0}
.admin2-unified .launch-admin-identity b{font-size:12px;font-weight:730}
.admin2-unified .launch-admin-identity small{font-size:10px;color:#9badc3}
.admin2-unified .launch-avatar{box-shadow:none;border-radius:12px}
/* Section switcher: no new backend endpoints, just existing view selection. */
.admin2-jump{
 appearance:none;display:flex;gap:9px;align-items:center;width:100%;min-height:39px;
 margin:0 0 4px;padding:8px 10px;background:#13233b;border:1px solid #2d3c55;
 color:#a9bad1;border-radius:10px;text-align:left;cursor:pointer;font-size:11px;
}
.admin2-jump:hover,.admin2-jump:focus-visible{background:#1e3352;border-color:#6286bd;color:#fff}
.admin2-jump .launch-icon{width:15px;height:15px}
.admin2-jump span{flex:1;min-width:0}
.admin2-jump kbd{border:1px solid #3b506f;padding:2px 5px;border-radius:5px;font-family:inherit;font-size:9px;white-space:nowrap}
.admin2-unified .launch-admin-main{max-width:1800px;width:100%;padding:30px clamp(20px,3.25vw,52px) 52px;min-width:0;margin-inline:auto}
.admin2-unified .launch-topbar{margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #dbe2ea;align-items:center}
.admin2-unified .launch-kicker{font-size:10px;letter-spacing:.115em;font-weight:800}
.admin2-unified .launch-page-heading h1{font-size:clamp(27px,2.3vw,34px);letter-spacing:-.045em;font-weight:790;color:#0d1d35}
.admin2-unified .launch-page-heading .muted{font-size:12px;color:#718096;max-width:640px}
.admin2-unified .launch-top-actions{gap:11px}
.admin2-unified .launch-health{font-size:11px;padding:9px 13px;border-color:#dce4ef;color:#33506e}
.admin2-unified .launch-account-action{font-size:12px;padding:9px 14px;min-height:40px}
.admin2-unified .launch-section-nav{margin:-4px 0 20px;border-color:#dfe5ed;background:#fff;box-shadow:none;padding:5px;gap:3px}
.admin2-unified .launch-section-nav button{font-size:11px;font-weight:710;padding:9px 12px;min-height:38px}
.admin2-unified .launch-section-nav button.active{background:#eff5ff;color:#185eb9;box-shadow:none}
.admin2-unified .launch-section-nav button.active .launch-icon{color:#246ad7}
/* General-purpose surfaces — all Admin modules use the same depth and spacing. */
.admin2-unified .card{
 background:var(--admin2-paper);border:1px solid var(--admin2-line);
 border-radius:17px;box-shadow:var(--admin2-shadow);padding:19px 21px;
 margin-bottom:14px;min-width:0;
}
.admin2-unified .card h2{font-size:17px;line-height:1.25;letter-spacing:-.025em;font-weight:770;color:#13223b;margin:0 0 9px}
.admin2-unified .card h3{font-size:14px;letter-spacing:-.015em;margin:0 0 9px}
.admin2-unified .card p{line-height:1.55}
.admin2-unified .muted,.admin2-unified .subline,.admin2-unified .days{color:var(--admin2-muted)}
.admin2-unified .muted{font-size:12px}
.admin2-unified .card>.muted{margin-top:3px}
.admin2-unified .grid,.admin2-unified .two{gap:13px}
.admin2-unified .facts{gap:9px}
.admin2-unified .facts>div,.admin2-unified .settings-facts>div,.admin2-unified .payment-details>div{
 border:1px solid #e5eaf0;background:#f8fafd;border-radius:11px;padding:12px;
}
.admin2-unified .facts small{font-size:10px;color:#64748b;letter-spacing:.055em;font-weight:720}
.admin2-unified .facts b{font-size:13px}
.admin2-unified .btn{
 border-color:#dce4ee;border-radius:10px;min-height:38px;padding:8px 13px;
 font-size:12px;font-weight:725;box-shadow:none;background:#fff;color:#253953;
}
.admin2-unified .btn:hover:not(:disabled){background:#f7faff;border-color:#b7cee9;box-shadow:none;transform:none;color:#1559b1}
.admin2-unified .btn.primary{color:white;background:var(--admin2-blue);border-color:var(--admin2-blue);box-shadow:0 5px 14px var(--admin2-ring)}
.admin2-unified .btn.primary:hover:not(:disabled){color:#fff;background:color-mix(in srgb,var(--admin2-blue) 88%,#000);border-color:transparent;box-shadow:0 7px 16px var(--admin2-ring)}
.admin2-unified .btn.danger{color:#b82e47;border-color:#f2d8df}
.admin2-unified .btn.danger:hover{background:#fff5f7;border-color:#ebb4c3;color:#a91f3c}
.admin2-unified .btn.compact{font-size:11px;padding:7px 10px;min-height:34px}
.admin2-unified button:focus-visible,.admin2-unified a:focus-visible,
.admin2-unified input:focus-visible,.admin2-unified select:focus-visible,.admin2-unified textarea:focus-visible,
.client360-backdrop button:focus-visible{outline:3px solid #91bcf6;outline-offset:2px}
.admin2-unified .status{font-size:10px;font-weight:760;letter-spacing:.005em;padding:5px 9px}
.admin2-unified .tag{font-size:11px;color:#3a516e;background:#f8fafd}
.admin2-unified .item{background:#fafbfd;border-color:#e4e9f1;border-radius:12px;min-width:0;padding:12px 14px}
.admin2-unified .item b{font-weight:735;font-size:12px}
.admin2-unified .item small{font-size:11px;line-height:1.55;overflow-wrap:anywhere}
.admin2-unified .list{gap:9px}
.admin2-unified .notice,.admin2-unified .errorbox{border-radius:11px;padding:12px 14px;font-size:12px}
.admin2-unified details>summary{cursor:pointer;font-weight:700;font-size:12px;color:#416083;min-height:26px}
.admin2-unified details[open]>summary{margin-bottom:8px}
.admin2-unified :is(.field input,.field textarea,.field select,.users-toolbar input,.users-toolbar select,.analytics-periods input){
 min-height:39px;padding:9px 11px;background:#fff;border:1px solid #dbe3ed;border-radius:10px;color:#16263e;
 font-size:12px;max-width:100%;
}
.admin2-unified .field label{font-size:11px;font-weight:720;color:#536a85}
.admin2-unified :is(input,select,textarea)::placeholder{color:#93a1b3;opacity:1}
.admin2-unified :is(input,select,textarea):focus{border-color:#8db5ed;outline:0;box-shadow:0 0 0 3px var(--admin2-ring)}
/* Reusable stat cards — the same typography on clients, sales and analytics. */
.admin2-unified .users-metrics{gap:12px;margin-bottom:17px}
.admin2-unified .user-metric,.admin2-unified .analytics-metrics .metric{
 background:#fff;border:1px solid #e1e8f0;border-radius:15px;
 padding:15px 17px;min-height:93px;box-shadow:0 3px 13px rgba(15,28,50,.025);
}
.admin2-unified .user-metric{cursor:pointer;position:relative}
.admin2-unified .user-metric:hover,.admin2-unified .user-metric:focus-visible{border-color:#92bcf4;background:#fafdff}
.admin2-unified .user-metric span{font-size:10px;letter-spacing:.06em;color:#627896}
.admin2-unified .user-metric strong,.admin2-unified .analytics-metrics .metric strong{font-size:25px;line-height:1.3;color:#142440;font-weight:800;letter-spacing:-.04em}
.admin2-unified .user-metric.good strong{color:#0b8d69}
.admin2-unified .user-metric.warn strong{color:#a77924}
.admin2-unified .user-metric.bad strong,.admin2-unified .user-metric.error strong{color:#cd4056}
.admin2-unified .analytics-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin2-unified .analytics-metrics .metric span{font-size:11px}
/* Search/filter workspace: allow filters to wrap instead of clipping them. */
.admin2-unified .users-toolbar{padding:13px;border-color:#dfe7f0;gap:12px;overflow:visible;align-items:stretch}
.admin2-unified .users-toolbar-main{flex-wrap:wrap;min-width:0;gap:8px;align-items:center}
.admin2-unified .users-toolbar .user-search{min-width:min(100%,250px);flex:1 1 230px;min-height:41px;border-radius:11px;border-color:#dbe3ed}
.admin2-unified .user-search input{min-height:38px;border:0!important;box-shadow:none!important;font-size:12px}
.admin2-unified .users-toolbar select{min-width:138px;flex:0 1 auto}
.admin2-unified .users-toolbar>.btn{align-self:stretch;white-space:nowrap}
.admin2-unified .order-history-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.admin2-unified .order-history-filters>*{flex:1 1 125px;min-width:0}
.admin2-unified .order-history-filters .user-search{flex:2 1 230px}
.admin2-unified .order-history-filters .btn{flex:0 1 auto;white-space:nowrap}
/* Tables — business-like density with readable 12px content, sticky labels. */
.admin2-unified .users-table-card{padding:0;overflow:hidden}
.admin2-unified .users-table{font-variant-numeric:tabular-nums;min-width:810px}
.admin2-unified .users-table th{font-size:10px;color:#657892;background:#f7f9fc;padding:13px 14px;letter-spacing:.052em}
.admin2-unified .users-table td{font-size:12px;padding:13px 14px;line-height:1.45;border-color:#edf0f5}
.admin2-unified .users-table td b{font-size:12px;letter-spacing:-.007em}
.admin2-unified .users-table tbody tr:hover{background:#f6f9ff}
.admin2-unified .users-table .user-cell{min-width:180px}
.admin2-unified .user-cell b{font-size:12px;font-weight:760;line-height:1.4}
.admin2-unified .user-cell small,.admin2-unified .subline,.admin2-unified .days{font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.admin2-unified .user-cell .avatar{width:39px;height:39px;border-radius:12px;background:#ecf3ff;color:#2064cc;font-size:13px}
.admin2-unified .account-kind{font-size:10px;padding:5px 9px}
.admin2-unified .sync-state{font-size:11px}
.admin2-unified .table-foot{padding:12px 16px;border-top:1px solid #e5eaf0}
.admin2-unified .table-foot .page-indicator{font-size:12px;font-weight:720}
/* Other admin views: robust responsive cards and mixed configuration consoles. */
.admin2-unified :is(.settings-center-grid,.operations-layout,.payment-console-grid,.telegram-console-grid,.communication-workspace-card,.compensation-console,.settings-card,.analytics-filter,.analytics-chart,.telegram-details,.payment-details,.operation-list,.help-admin-row){min-width:0}
.admin2-unified .settings-center-grid{gap:14px}
.admin2-unified .settings-center-grid .card,.admin2-unified .operations-layout .card,.admin2-unified .telegram-console-grid .card{margin-bottom:0}
.admin2-unified .settings-card,.admin2-unified .telegram-console-card{border-radius:17px}
.admin2-unified .analytics-filter-head{gap:12px}
.admin2-unified .analytics-filter{padding:20px}
.admin2-unified .analytics-periods{display:flex;flex-wrap:wrap;gap:7px}
.admin2-unified .analytics-chart{background:#fafbfd;border:1px solid #edf0f6;border-radius:12px;padding:17px 12px 0}
.admin2-unified .analytics-bar-col small{font-size:10px}
.admin2-unified .communication-workspace-card{overflow:hidden}
.admin2-unified .support-chat-modal{border-radius:20px}
/* Admin-specific dialog surfaces; preserve original forms and destructive confirms. */
body:has(.admin2-unified) .modal-bg{backdrop-filter:blur(5px);background:rgba(9,20,37,.54)}
body:has(.admin2-unified) .modal{border:1px solid #dee5ee;border-radius:20px;box-shadow:0 28px 80px rgba(8,20,42,.24)}
body:has(.admin2-unified) .modal:not(.client360-modal){padding:24px}
body:has(.admin2-unified) .modal .modal-head h2{font-size:21px;letter-spacing:-.025em}
body:has(.admin2-unified) .modal .field label{font-size:11px;color:#586c85;font-weight:720}
body:has(.admin2-unified) .modal :is(input:not([type="checkbox"]),select,textarea){font-size:12px;border-color:#dbe3ed}
body:has(.admin2-unified) .modal .btn{font-size:12px}
body:has(.admin2-unified) .modal .x{width:38px;height:38px;border-radius:11px}
/* Client 360: one stable UI across six tabs, account and subscription first. */
body:has(.admin2-unified) .client360-backdrop{z-index:35}
body:has(.admin2-unified) .client360-modal{width:min(1180px,96vw)!important;max-height:94dvh!important;border-radius:21px}
body:has(.admin2-unified) .client360-head{padding:20px 25px;background:#fff;gap:18px}
body:has(.admin2-unified) .client360-avatar{width:48px;height:48px;border-radius:15px;box-shadow:none;font-size:18px}
body:has(.admin2-unified) .client360-title-line h2{font-size:20px;font-weight:780;letter-spacing:-.03em;overflow-wrap:anywhere}
body:has(.admin2-unified) .client360-identity{min-width:0}
body:has(.admin2-unified) .client360-identity>div{min-width:0}
body:has(.admin2-unified) .client360-identity p{font-size:11px;overflow-wrap:anywhere;color:#77869b}
body:has(.admin2-unified) .client360-tabs{padding:9px 19px;gap:5px;background:#fff}
body:has(.admin2-unified) .client360-tabs button{font-size:11px;font-weight:730;min-height:39px;padding:9px 12px}
body:has(.admin2-unified) .client360-tabs button:hover{color:#1c5eb8;background:#f1f5fb}
body:has(.admin2-unified) .client360-tabs button.active{background:#edf4ff;color:#165eba;box-shadow:none}
body:has(.admin2-unified) .client360-body{padding:20px 24px;min-height:280px;background:#f6f8fb}
body:has(.admin2-unified) .client360-overview-grid{gap:14px;margin-bottom:14px}
body:has(.admin2-unified) .client360-panel{padding:20px;border-radius:16px;border-color:#e1e8f0;box-shadow:0 5px 19px rgba(12,27,52,.027);min-width:0}
body:has(.admin2-unified) .client360-panel.accent{background:#f9fbff;border-color:#cfe1fa}
body:has(.admin2-unified) .client360-panel h3{font-size:17px;letter-spacing:-.02em;color:#14233b;line-height:1.35}
body:has(.admin2-unified) .client360-panel p{font-size:12px;color:#697b95;line-height:1.6}
body:has(.admin2-unified) .client360-info-grid{gap:9px}
body:has(.admin2-unified) .client360-info{padding:12px;border-radius:10px;background:#f8fafd}
body:has(.admin2-unified) .client360-info span{font-size:10px;color:#7889a0}
body:has(.admin2-unified) .client360-info b{font-size:12px;font-weight:750;line-height:1.5}
body:has(.admin2-unified) .client360-subscription-summary{gap:5px;margin:11px 0 15px}
body:has(.admin2-unified) .client360-subscription-summary strong{font-size:21px;letter-spacing:-.02em}
body:has(.admin2-unified) .client360-subscription-summary span{font-size:12px}
body:has(.admin2-unified) .client360-list-row{padding:12px;border-radius:11px}
body:has(.admin2-unified) .client360-list-row b{font-size:12px}
body:has(.admin2-unified) .client360-list-row small{font-size:11px}
body:has(.admin2-unified) .client360-danger{padding:12px 24px 17px}
body:has(.admin2-unified) .client360-danger summary{font-size:11px;color:#6e7f96}
/* Dashboard gains the same surface scale without changing its data semantics. */
.admin2-unified .command-v2-section{box-shadow:var(--admin2-shadow)}
.admin2-unified .command-v2-section-head h2{font-size:16px}
.admin2-unified .command-v2-metric-label{font-size:12px}
.admin2-unified .command-v2-order-main b{font-size:11px}
.admin2-unified .command-v2-order-main small{font-size:10px}
.admin2-unified .command-v2-quick{font-size:11px}
/* Switcher is outside the shell in document.body so it overlays any Admin view. */
.admin2-switch-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;background:rgba(7,18,35,.58);backdrop-filter:blur(4px);z-index:100}
.admin2-switcher{width:min(560px,100%);max-height:min(75vh,640px);overflow:hidden;display:flex;flex-direction:column;border-radius:17px;border:1px solid #dbe4ee;background:#fff;box-shadow:0 28px 75px rgba(5,15,32,.25)}
.admin2-switch-search{display:flex;align-items:center;gap:13px;padding:15px 17px;border-bottom:1px solid #e5eaf1}
.admin2-switch-search .launch-icon{width:18px;height:18px;color:#4d678a}
.admin2-switch-search input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;font-size:15px;color:#132443;background:#fff;padding:4px}
.admin2-switch-search kbd{font-size:10px;color:#6d7e94;border:1px solid #dde5ef;border-radius:6px;padding:4px 6px}
.admin2-switch-results{padding:8px;overflow:auto;min-height:0}
.admin2-switch-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;background:transparent;border:0;border-radius:10px;cursor:pointer;color:#19304f;text-align:left}
.admin2-switch-item>span{display:grid;gap:2px}.admin2-switch-item b{font-size:13px;font-weight:740}.admin2-switch-item small{font-size:11px;color:#7c8aa0}
.admin2-switch-item .launch-icon{width:16px;height:16px;color:#8ea0b8}
.admin2-switch-item:hover,.admin2-switch-item.selected{background:#eff5ff}
.admin2-switch-empty{font-size:13px;color:#697a93;text-align:center;padding:18px}
.admin2-switch-footer{padding:10px 17px;border-top:1px solid #e8edf3;color:#8090a6;font-size:10px}
@media(max-width:1300px){
 .admin2-unified .users-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 .admin2-unified .orders-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 .admin2-unified .analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 .admin2-unified .users-toolbar{flex-direction:column}
 .admin2-unified .users-toolbar>.btn{align-self:flex-start}
}
@media(max-width:980px){
 .admin2-unified{display:block}
 .admin2-unified .launch-admin-side{height:auto;position:sticky!important;top:0;padding:11px 17px 8px;gap:7px;z-index:30}
 .admin2-unified .launch-side-brand{padding:0 3px 4px}
 .admin2-unified .admin2-jump{display:none}
 .admin2-unified .launch-primary-nav{display:flex!important;gap:6px!important;overflow-x:auto!important}
 .admin2-unified .launch-primary-nav .launch-nav-item{flex:0 0 auto!important;min-height:41px!important;font-size:11px!important;padding:9px 12px!important;flex-direction:row!important}
 .admin2-unified .launch-primary-nav .launch-nav-item.active:before{display:none}
 .admin2-unified .launch-admin-main{padding:22px 20px 38px}
 .admin2-unified .launch-topbar{display:flex}
 .admin2-unified .analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 body:has(.admin2-unified) .client360-overview-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 .admin2-unified .launch-admin-main{padding:18px 14px 32px}
 .admin2-unified .launch-topbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding-bottom:14px}
 .admin2-unified .launch-page-heading h1{font-size:25px}
 .admin2-unified .launch-top-actions{width:100%;justify-content:space-between}
 .admin2-unified .launch-section-nav{margin:0 0 16px;width:100%;overflow:auto;flex-wrap:nowrap}
 .admin2-unified .launch-section-nav button{flex:0 0 auto}
 .admin2-unified .users-metrics,.admin2-unified .orders-metrics,.admin2-unified .analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin2-unified .user-metric{min-height:86px;padding:13px}
 .admin2-unified .users-toolbar-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .admin2-unified .users-toolbar .user-search{grid-column:1/-1;min-width:0;flex:none}
 .admin2-unified .users-toolbar select{width:100%;min-width:0}
 .admin2-unified .users-toolbar-main .btn{width:100%}
 .admin2-unified .order-history-filters{display:grid!important;grid-template-columns:1fr 1fr!important}
 .admin2-unified .order-history-filters .user-search{grid-column:1/-1}
 .admin2-unified .order-history-filters>*{width:100%;min-width:0}
 .admin2-unified .order-history-filters .btn{white-space:normal}
 .admin2-unified .card{padding:15px}
 .admin2-unified .users-table-card{padding:0}
 .admin2-unified .users-table td{padding:12px 10px}
 body:has(.admin2-unified) .client360-modal{height:100dvh!important;max-height:100dvh!important;width:100vw!important;border-radius:0!important}
 body:has(.admin2-unified) .client360-head{padding:15px 16px}
 body:has(.admin2-unified) .client360-title-line h2{font-size:17px}
 body:has(.admin2-unified) .client360-body{padding:14px}
 body:has(.admin2-unified) .client360-tabs{padding:8px}
 body:has(.admin2-unified) .client360-panel{padding:15px}
 body:has(.admin2-unified) .client360-danger{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
}
@media(max-width:430px){
 .admin2-unified .launch-health{padding:7px 9px}
 .admin2-unified .launch-account-action{min-height:35px;padding:7px 9px}
 .admin2-unified .launch-page-heading h1{font-size:24px}
 .admin2-unified .user-metric strong{font-size:22px}
 .admin2-unified .users-toolbar-main{grid-template-columns:1fr}
 .admin2-unified .order-history-filters{grid-template-columns:1fr!important}
 .admin2-unified .users-toolbar-main .user-search{grid-column:auto}
 body:has(.admin2-unified) .client360-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body:has(.admin2-unified) .client360-info-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
 .admin2-unified *,body:has(.admin2-unified) .modal *, .admin2-switcher *{transition:none!important;scroll-behavior:auto!important}
}

/* Admin Unified Mobile: show ALL navigation groups and readable client cards. */
@media(max-width:760px){
  .admin2-unified .launch-primary-nav{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;overflow:visible!important;padding-right:0!important;
    -webkit-mask-image:none!important;mask-image:none!important;
  }
  .admin2-unified .launch-primary-nav .launch-nav-item{
    display:flex!important;flex-direction:column!important;gap:4px!important;
    justify-content:center!important;align-items:center!important;text-align:center!important;
    width:100%;min-width:0;min-height:58px!important;padding:7px 3px!important;
    font-size:10px!important;line-height:1.2;white-space:normal;
  }
  .admin2-unified .launch-primary-nav .launch-nav-item .launch-icon{width:18px;height:18px}
  .admin2-unified [data-admin-view="users"] .users-table-card .table-scroll{overflow:visible}
  .admin2-unified [data-admin-view="users"] .users-table{min-width:0;width:100%;display:block}
  .admin2-unified [data-admin-view="users"] .users-table thead{display:none}
  .admin2-unified [data-admin-view="users"] .users-table tbody{display:grid;gap:10px;padding:10px}
  .admin2-unified [data-admin-view="users"] .users-table tbody tr{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;
    border:1px solid #e4eaf3;background:#fff;border-radius:13px;padding:12px;
  }
  .admin2-unified [data-admin-view="users"] .users-table tbody td{
    display:block!important;min-width:0;width:auto!important;padding:0!important;
    border:0!important;position:static!important;box-shadow:none!important;
    background:transparent!important;overflow-wrap:anywhere;
  }
  .admin2-unified [data-admin-view="users"] .users-table tbody td::before{
    display:block;font-size:9px;text-transform:uppercase;color:#7b8ba3;
    font-weight:790;letter-spacing:.05em;margin-bottom:4px;
  }
  .admin2-unified [data-admin-view="users"] .users-table tbody td:first-child{
    grid-column:1/-1;padding-bottom:9px!important;margin-bottom:1px;border-bottom:1px solid #edf0f5!important;
  }
  .admin2-unified [data-admin-view="users"] .users-table tbody td:first-child::before{display:none}
  .admin2-unified [data-admin-view="users"] .users-table tbody td:nth-child(2)::before{content:"Аккаунт"}
  .admin2-unified [data-admin-view="users"] .users-table tbody td:nth-child(3)::before{content:"Тариф"}
  .admin2-unified [data-admin-view="users"] .users-table tbody td:nth-child(4)::before{content:"Статус"}
  .admin2-unified [data-admin-view="users"] .users-table tbody td:nth-child(5)::before{content:"Подписка до"}
  .admin2-unified [data-admin-view="users"] .users-table tbody td:nth-child(6)::before{content:"Синхронизация"}
  .admin2-unified [data-admin-view="users"] .users-table tbody td:last-child{grid-column:1/-1}
  .admin2-unified [data-admin-view="users"] .users-table tbody td:last-child::before{display:none}
  .admin2-unified [data-admin-view="users"] .users-table tbody td:last-child .btn{width:100%;min-height:38px}
  .admin2-unified [data-admin-view="users"] .users-table .user-cell{min-width:0}
}
@media(max-width:430px){
  .admin2-unified .launch-primary-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .admin2-unified .launch-primary-nav .launch-nav-item{font-size:9px!important}
  .admin2-unified .users-metrics .user-metric:last-child:nth-child(odd){grid-column:1/-1}
}


/* CrispLink Admin micro-patch p15-p11-p2: only client-detail panels. */
body:has(.admin2-unified) .admin-client-access-modal,
body:has(.admin2-unified) .admin-client-devices-modal{width:min(900px,96vw)!important;max-height:min(90dvh,880px);overflow:auto;}
body:has(.admin2-unified) .admin-client-access-head{align-items:flex-start;gap:12px;padding-bottom:14px;}
body:has(.admin2-unified) .admin-client-access-head>div{min-width:0;}
body:has(.admin2-unified) .admin-client-access-head h2{overflow-wrap:anywhere;line-height:1.3;}
body:has(.admin2-unified) .admin-client-access-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 22px;}
body:has(.admin2-unified) .admin-client-access-facts>div{min-width:0;padding:13px;background:#f6f9fd;border-radius:12px;}
body:has(.admin2-unified) .admin-client-access-facts b{display:block;margin-top:8px;overflow-wrap:anywhere;font-size:13px;line-height:1.35;}
body:has(.admin2-unified) .admin-client-access-section h3{margin:0 0 12px;font-size:15px;}
body:has(.admin2-unified) .admin-client-session-list{display:grid;gap:9px;}
body:has(.admin2-unified) .admin-client-session{background:#f8fafd;border:1px solid #e0e8f3;border-radius:12px;padding:13px 15px;min-width:0;}
body:has(.admin2-unified) .admin-client-session-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;align-items:center;}
body:has(.admin2-unified) .admin-client-session-title>b{font-size:13px;}
body:has(.admin2-unified) .admin-client-session-title>span{font-size:11px;color:#637894;overflow-wrap:anywhere;}
body:has(.admin2-unified) .admin-client-session-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:11px;}
body:has(.admin2-unified) .admin-client-session-details>div{display:grid;gap:4px;min-width:0;}
body:has(.admin2-unified) .admin-client-session-details small{font-size:10px;font-weight:700;color:#7889a0;}
body:has(.admin2-unified) .admin-client-session-details span{font-size:11px;color:#213752;overflow-wrap:anywhere;}
body:has(.admin2-unified) .admin-client-access-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;}
body:has(.admin2-unified) .admin-client-access-notice{margin:19px 0 0;line-height:1.5;}
body:has(.admin2-unified) .admin-client-access-empty{padding:14px;border:1px dashed #dce5f0;border-radius:10px;}
body:has(.admin2-unified) .client360-devices-content{display:grid;gap:17px;margin-top:17px;}
body:has(.admin2-unified) .client360-device-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
body:has(.admin2-unified) .client360-device-list-head>b{font-size:13px;}
body:has(.admin2-unified) .client360-device-list{display:grid;gap:9px;}
body:has(.admin2-unified) .client360-device-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;border:1px solid #e2e9f1;background:#f8fafd;border-radius:12px;min-width:0;}
body:has(.admin2-unified) .client360-device-mark{display:grid;place-items:center;width:36px;height:36px;background:#e7f0ff;color:#2466d1;border-radius:11px;}
body:has(.admin2-unified) .client360-device-row>div{display:grid;gap:4px;min-width:0;}
body:has(.admin2-unified) .client360-device-row b{font-size:12px;overflow-wrap:anywhere;}
body:has(.admin2-unified) .client360-device-row small,.client360-device-time{font-size:11px;color:#71849e;}
body:has(.admin2-unified) .client360-device-hint{color:#9d611b!important;}
@media(max-width:750px){
 body:has(.admin2-unified) .admin-client-access-facts{grid-template-columns:repeat(2,minmax(0,1fr));}
 body:has(.admin2-unified) .admin-client-session-details{grid-template-columns:1fr;}
 body:has(.admin2-unified) .client360-device-row{grid-template-columns:auto minmax(0,1fr);}
 body:has(.admin2-unified) .client360-device-time{grid-column:2;}
}

/* CrispLink Client v0.21.4-p15-p11-p4 — Analytics UI Polish.
   Scoped to Admin Analytics; no changes to global Admin, Public or Client design. */
.admin2-unified [data-admin-view="analytics"] .analytics-v4{display:grid;gap:17px;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4>.card{margin:0;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-filter{padding:21px 24px;border-radius:19px}
.admin2-unified [data-admin-view="analytics"] .analytics-filter-head{display:flex;align-items:flex-start;gap:16px}
.admin2-unified [data-admin-view="analytics"] .analytics-filter-head h2{font-size:21px;letter-spacing:-.025em;margin:5px 0 4px}
.admin2-unified [data-admin-view="analytics"] .analytics-filter-head p{font-size:12px;line-height:1.5;max-width:650px}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-source{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:730;color:#2a5d9b;background:#f0f6ff;border:1px solid #e0ebfa;padding:8px 11px;border-radius:11px;white-space:nowrap}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-source .launch-icon{width:16px;height:16px}
.admin2-unified [data-admin-view="analytics"] .analytics-periods{gap:7px;margin:18px 0 0;align-items:center}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-period{min-height:36px;padding:8px 13px;border-radius:10px;border:1px solid #e0e7f1;background:#f7f9fc;color:#52647f;font-size:11px;font-weight:740;transition:background .15s ease,border-color .15s ease}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-period:hover{border-color:#bed2ef;background:#edf4ff}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-period.primary{background:#1e57ba!important;border-color:#1e57ba!important;color:#fff!important;box-shadow:none}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-custom{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-left:5px}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-custom label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#5e718a}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-custom input{font-size:11px;min-height:36px;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-period-label{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;font-size:11px;color:#71839d;margin-top:13px}
.admin2-unified [data-admin-view="analytics"] .analytics-period-label span{display:inline-flex;align-items:center;gap:5px}
.admin2-unified [data-admin-view="analytics"] .analytics-period-label .launch-icon{width:13px;height:13px}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-primary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-kpi{display:flex;flex-direction:column;gap:13px;min-width:0;min-height:142px;padding:18px 18px 16px;background:#fff;border:1px solid #e0e7f0;border-radius:17px;box-shadow:0 4px 18px rgba(18,36,65,.027)}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-kpi-revenue{background:#f8fbff;border-color:#c8dcf7}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-kpi-top{display:flex;align-items:center;gap:8px;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-kpi-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:#edf4ff;color:#1e59b7}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-kpi-icon svg{width:17px;height:17px}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-kpi-label{font-size:11px;font-weight:740;color:#64758e;line-height:1.35;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-kpi-value{font-size:clamp(19px,1.9vw,27px);line-height:1.15;letter-spacing:-.042em;font-weight:810;color:#14263f;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-kpi>small{margin-top:auto;color:#8999ae;font-size:10px;line-height:1.4}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-details{border-radius:16px;padding:0;overflow:hidden}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-details summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 19px;cursor:pointer;list-style:none;user-select:none}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-details summary::-webkit-details-marker{display:none}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-details summary>span:first-child{display:grid;gap:3px;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-details summary b{font-size:12px;color:#20324d}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-details summary small{font-size:10px;color:#7f91a9;line-height:1.4}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-details-count{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-size:10px;font-weight:760;color:#2860ab}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-details-count svg{width:14px;height:14px;transform:rotate(90deg);transition:transform .15s ease}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-details[open] .analytics-v4-details-count svg{transform:rotate(-90deg)}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-secondary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #edf1f6}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-stat{display:flex;flex-direction:column;gap:7px;padding:16px 19px;min-width:0;border-right:1px solid #eef1f6;border-bottom:1px solid #eef1f6}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-stat span{font-size:10px;font-weight:730;color:#74869d}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-stat b{font-size:18px;color:#1b2d49;font-weight:810;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-stat small{font-size:10px;color:#8b99a9}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-chart-panel{padding:22px 22px 17px;border-radius:18px}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-section-head>div:first-child{min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-section-head h2{margin:5px 0 5px;font-size:17px;letter-spacing:-.022em;color:#152943;line-height:1.3}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-section-head p{font-size:11px;line-height:1.5;max-width:540px}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-eyebrow{font-size:9px;letter-spacing:.11em;color:#6c87ad;font-weight:820}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-chart-controls{display:flex;align-items:flex-start;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.admin2-unified [data-admin-view="analytics"] .analytics-currency{display:grid;gap:5px;color:#667991;font-size:10px;font-weight:730}
.admin2-unified [data-admin-view="analytics"] .analytics-currency select{min-height:34px;font-size:12px}
.admin2-unified [data-admin-view="analytics"] .analytics-single-currency{display:inline-flex;align-items:center;border:1px solid #e1e8f1;border-radius:10px;background:#f7faff;color:#5777a0;padding:9px 11px;font-size:11px;font-weight:800}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-chart-total{display:grid;gap:5px;text-align:right}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-chart-total small{font-size:10px;color:#7f90a8}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-chart-total b{font-size:18px;color:#1a3154;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-chart-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:#8a9aaf;margin:17px 0 8px}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-legend{display:flex;gap:7px;align-items:center;color:#647a9a;font-weight:730}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-legend i{display:block;width:9px;height:9px;border-radius:3px;background:#3373d8}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-plot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:stretch;background:#fbfcfe;border:1px solid #ecf1f7;border-radius:13px;padding:16px 13px 11px;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-axis{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-end;padding:3px 0 23px;min-height:237px;color:#8c9ab0;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-plot .analytics-chart{display:flex;align-items:stretch;gap:5px;width:100%;height:237px;min-width:0;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;border:0;border-radius:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#e8edf4 calc(25% - 1px),#e8edf4 25%);background-size:100% 206px;background-repeat:no-repeat;background-position:0 0;scrollbar-width:thin}
.admin2-unified [data-admin-view="analytics"] .analytics-bar-col{flex:1 0 max(14px,calc(100% / var(--analytics-bar-count) - 5px));min-width:14px;position:relative;align-items:stretch;gap:0;padding-top:2px;outline-offset:1px}
.admin2-unified [data-admin-view="analytics"] .analytics-bar-wrap{height:207px;align-items:flex-end;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-bar{width:100%;background:#4180dc;border-radius:5px 5px 1px 1px;transition:background .15s ease;min-height:2px}
.admin2-unified [data-admin-view="analytics"] .analytics-bar.zero{background:#cbd8eb;opacity:.45}
.admin2-unified [data-admin-view="analytics"] .analytics-bar-col:is(:hover,:focus-visible) .analytics-bar{background:#164caa}
.admin2-unified [data-admin-view="analytics"] .analytics-bar-col:focus-visible{outline:2px solid #2e66bd;border-radius:4px}
.admin2-unified [data-admin-view="analytics"] .analytics-bar-col small{display:block;height:24px;padding-top:6px;font-size:9px;text-align:center;color:#8090a4;white-space:nowrap}
.admin2-unified [data-admin-view="analytics"] .analytics-bar-col::after{content:attr(data-tip);position:absolute;bottom:calc(100% - 45px);left:50%;transform:translateX(-50%);background:#162c4d;color:#fff;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;box-shadow:0 8px 20px rgba(20,35,60,.2)}
.admin2-unified [data-admin-view="analytics"] .analytics-bar-col:is(:hover,:focus-visible)::after{opacity:1}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-zero-note{font-size:11px;color:#74849c;margin:9px 0 0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-chart-empty{margin-top:16px;padding:38px 16px;text-align:center;background:#f8fbff;border:1px dashed #dbe7f7;border-radius:12px;font-size:12px;color:#8191a8}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-finance-note{margin:12px 0 0;font-size:10px;line-height:1.6;color:#8b9ab0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-breakdown{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);align-items:start;gap:16px;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-breakdown>.card{margin:0;padding:22px;min-width:0;border-radius:18px}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-count{flex-shrink:0;min-width:30px;text-align:center;border-radius:9px;background:#f1f5fa;color:#6d809d;font-size:10px;font-weight:760;padding:7px 10px}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-tariffs,.admin2-unified [data-admin-view="analytics"] .analytics-v4-expiring-list{display:grid;gap:10px;margin-top:16px;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-tariff{min-width:0;border:1px solid #e5ebf2;background:#fbfcfe;border-radius:13px;padding:14px}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-tariff-main{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-tariff-main>div:first-child{min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-tariff h3{font-size:13px;margin:0 0 4px;color:#1b3150;overflow-wrap:anywhere}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-tariff small{font-size:10px;color:#8795a9}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-tariff-revenue{display:grid;gap:4px;text-align:right;flex-shrink:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-tariff-revenue strong{font-size:15px;font-weight:820;color:#1d4f9d;font-variant-numeric:tabular-nums}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-tariff-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #e9eef4}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-tariff-facts>div{display:grid;gap:5px;min-width:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-tariff-facts span{font-size:10px;color:#8795ab}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-tariff-facts b{font-size:11px;color:#2a3f5e;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-expiring-row{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 0;border-bottom:1px solid #edf0f5}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-expiring-row:last-child{border-bottom:0}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-expiring-avatar{display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:11px;background:#edf4ff;color:#2864b8;font-size:12px;font-weight:800}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-expiring-person{display:grid;gap:4px;min-width:0;flex:1}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-expiring-person b{font-size:11px;color:#2b3d57;overflow-wrap:anywhere}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-expiring-person small{font-size:10px;color:#8393a9;overflow-wrap:anywhere}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-expiring-date{white-space:nowrap;padding:6px 8px;border-radius:8px;background:#f2f5f9;font-size:10px;font-weight:760;color:#61758f}
.admin2-unified [data-admin-view="analytics"] .analytics-v4-empty{border:1px dashed #e1e9f3;background:#f9fbfe;color:#8191a7;text-align:center;padding:24px 15px;border-radius:12px;font-size:11px}
@media(max-width:1380px){.admin2-unified [data-admin-view="analytics"] .analytics-v4-breakdown{grid-template-columns:1fr}}
@media(max-width:1050px){.admin2-unified [data-admin-view="analytics"] .analytics-v4-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin2-unified [data-admin-view="analytics"] .analytics-v4-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .admin2-unified [data-admin-view="analytics"] .analytics-v4{gap:12px}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-filter,.admin2-unified [data-admin-view="analytics"] .analytics-v4-chart-panel,.admin2-unified [data-admin-view="analytics"] .analytics-v4-breakdown>.card{padding:16px}
 .admin2-unified [data-admin-view="analytics"] .analytics-filter-head{flex-wrap:wrap}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-source{display:none}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-period{flex:1 1 calc(50% - 7px);text-align:center}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-custom{margin:4px 0 0;flex:1 1 100%}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-custom label{flex:1 1 45%;flex-direction:column;align-items:stretch}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-custom input{width:100%}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-custom button{width:100%}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-primary{gap:9px}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-kpi{min-height:135px;padding:14px;gap:10px}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-kpi-top{align-items:flex-start;flex-direction:column;gap:7px}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-kpi-value{font-size:20px;letter-spacing:-.025em}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-section-head{flex-wrap:wrap}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-chart-controls{justify-content:space-between;width:100%}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-chart-total{text-align:right}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-chart-note>span:last-child{display:none}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-plot{gap:7px;padding:12px 7px 8px}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-axis{font-size:8px}
 .admin2-unified [data-admin-view="analytics"] .analytics-bar-col{min-width:15px;flex-basis:15px}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-tariff-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:13px}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-details summary{padding:14px}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-details-count{font-size:0;gap:0}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-details-count svg{width:17px;height:17px}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-stat{padding:12px}
 .admin2-unified [data-admin-view="analytics"] .analytics-v4-stat b{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.admin2-unified [data-admin-view="analytics"] .analytics-bar,.admin2-unified [data-admin-view="analytics"] .analytics-v4-period{transition:none}}


/* CrispLink Client v0.21.4-p15-p11-p5 — Knowledge Base UI Polish.
   Только FAQ Web и предпросмотр Admin: никакого глобального редизайна. */
.help-category-card .help-category-head{margin-bottom:16px}
.help-category-card .help-category-head h2{font-size:21px;line-height:1.25}
.help-category-card .help-category-head p{font-size:12px}
.help-faq-list{gap:9px}
.help-faq-item{border-radius:14px;border-color:#e1e7f0;transition:border-color .16s ease,box-shadow .16s ease}
.help-faq-item[open]{border-color:#d1dff7;box-shadow:0 5px 18px rgba(26,58,108,.045)}
.help-faq-item summary{font-size:14px;line-height:1.5;min-height:54px;padding:14px 18px;gap:18px;color:#17243c}
.help-faq-item summary:hover{background:#f8faff}
.help-faq-item summary:focus-visible,.help-admin-preview summary:focus-visible{outline:2px solid #2563eb;outline-offset:-3px;border-radius:12px}
.help-faq-item[open] summary{background:#f7faff;border-bottom-color:#e4ebf5}
.help-faq-chevron{font-size:18px;flex-shrink:0}
.help-faq-answer{font-size:14px;line-height:1.6;padding:16px 18px 18px;color:#50627e}
.help-faq-body{max-width:900px;overflow-wrap:anywhere;white-space:normal}
.help-faq-body p{margin:0 0 10px}
.help-faq-body :is(ol,ul){margin:10px 0 12px;padding-left:25px;display:grid;gap:7px}
.help-faq-body li{padding-left:4px;margin:0}
.help-faq-body li::marker{color:#1769e0;font-weight:750}
.help-faq-body>:last-child{margin-bottom:0}
.help-faq-note{display:block;background:#f4f8ff;border-left:3px solid #2870df;border-radius:0 9px 9px 0;padding:10px 13px;margin:10px 0 12px;color:#344866;font-size:13px;line-height:1.55}
.help-faq-actions{margin-top:14px;padding-top:12px;border-top:1px solid #e9eef5}
.help-admin-preview{margin-top:12px;border:1px solid #e2e9f2;border-radius:12px;background:#fbfcff;overflow:hidden}
.help-admin-preview summary{padding:10px 12px;cursor:pointer;font-size:12px;font-weight:700;color:#345b91}
.help-admin-preview .help-faq-answer{padding:12px 14px;background:#fff;border-top:1px solid #e9eef5}
@media(max-width:700px){
 .help-category-card .help-category-head h2{font-size:19px}
 .help-faq-item summary{padding:13px 14px;min-height:50px;font-size:13px}
 .help-faq-answer{padding:13px 14px 15px;font-size:13px}
 .help-faq-body :is(ol,ul){padding-left:22px;gap:6px}
 .help-faq-note{font-size:12px;padding:9px 11px}
 .help-faq-actions .btn{max-width:100%;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.help-faq-item{transition:none}}


/* CrispLink Client P6 — бонусные места; только Admin Client360/устройства */
body:has(.admin2-unified) .admin-device-bonus{border:1px solid #d8e4f3;background:#f8fbff;border-radius:15px;padding:18px;display:grid;gap:15px;margin:10px 0 18px;}
body:has(.admin2-unified) .admin-device-bonus-title b{font-size:14px;color:#1b304e;}
body:has(.admin2-unified) .admin-device-bonus-title p{font-size:12px;color:#62728b;margin:6px 0 0;line-height:1.5;}
body:has(.admin2-unified) .admin-device-bonus-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
body:has(.admin2-unified) .admin-device-bonus-facts>div{background:#fff;border:1px solid #e2e9f3;border-radius:11px;padding:13px;display:grid;gap:5px;}
body:has(.admin2-unified) .admin-device-bonus-facts span{font-size:11px;color:#61728c;}
body:has(.admin2-unified) .admin-device-bonus-facts strong{font-size:22px;color:#142c50;}
body:has(.admin2-unified) .admin-device-bonus-form{display:grid;gap:8px;}
body:has(.admin2-unified) .admin-device-bonus-form label{font-size:12px;font-weight:700;color:#243c5c;}
body:has(.admin2-unified) .admin-device-bonus-form .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
body:has(.admin2-unified) .admin-device-bonus-form input{width:112px;max-width:100%;border:1px solid #c9d7eb;border-radius:10px;padding:11px 13px;background:#fff;color:#142b4b;}
body:has(.admin2-unified) .admin-device-bonus-form small{font-size:11px;color:#71819a;line-height:1.5;}
@media(max-width:600px){body:has(.admin2-unified) .admin-device-bonus{padding:14px;}body:has(.admin2-unified) .admin-device-bonus-facts{gap:5px;}body:has(.admin2-unified) .admin-device-bonus-facts>div{padding:9px;}body:has(.admin2-unified) .admin-device-bonus-facts strong{font-size:18px;}body:has(.admin2-unified) .admin-device-bonus-form input{flex:1;min-width:0;}body:has(.admin2-unified) .admin-device-bonus-form .btn{flex:1;}}


/* CrispLink Client v0.21.4-p15-p11-p7 — Knowledge Base 2.0.
   Изолированная клиентская База знаний: не меняет глобальную тему и Admin. */
.client-kb2{--kb2-ink:#17243b;--kb2-secondary:#61728a;--kb2-line:#e4eaf2;--kb2-accent:#1769e0;--kb2-soft:#f6f8fc;display:grid;gap:18px;min-width:0;color:var(--kb2-ink)}
.client-kb2 *{box-sizing:border-box}
.client-kb2-hero{border:1px solid #e1e8f2;border-radius:22px;background:#fff;padding:28px 30px 26px;box-shadow:0 10px 35px rgba(21,46,83,.04);display:grid;gap:24px;position:relative;overflow:hidden}
.client-kb2-hero:after{content:"";position:absolute;right:-32px;top:-125px;width:310px;height:310px;border:1px solid #ecf2fa;border-radius:50%;box-shadow:0 0 0 46px rgba(234,241,250,.36),0 0 0 99px rgba(243,247,252,.5);pointer-events:none}
.client-kb2-hero-intro,.client-kb2-search-wrap{position:relative;z-index:1}
.client-kb2-kicker{display:inline-flex;align-items:center;gap:9px;color:#1769e0;font-size:11px;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.client-kb2-kicker span{width:7px;height:7px;background:#1769e0;border-radius:50%;box-shadow:0 0 0 4px #eaf2ff}
.client-kb2-hero h1{font-size:clamp(26px,3vw,35px);line-height:1.2;letter-spacing:-.035em;color:#152239;margin:11px 0 9px;font-weight:850}
.client-kb2-hero p{max-width:690px;font-size:14px;line-height:1.55;color:#65748b;margin:0}
.client-kb2-search-wrap{display:grid;gap:8px}
.client-kb2-search-wrap label{font-size:12px;color:#4e6280;font-weight:800}
.client-kb2-search-control{display:flex;align-items:center;gap:11px;border:1px solid #dbe4f0;background:#fafcff;border-radius:13px;padding:0 15px;min-height:52px;transition:border-color .16s ease,box-shadow .16s ease}
.client-kb2-search-control:focus-within{border-color:#7aa7f3;box-shadow:0 0 0 3px rgba(37,99,235,.10);background:#fff}
.client-kb2-search-control .client-kb2-search-icon{display:grid;place-items:center;color:#6d87ab;flex:none}
.client-kb2-search-icon svg{width:20px;height:20px}
.client-kb2-search-control input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#15243d;font-size:14px;font-weight:500;padding:14px 0;box-shadow:none!important}
.client-kb2-search-control input::placeholder{color:#93a0b2}
.client-kb2-search-shortcut{flex:none;font-size:11px;color:#8b99aa;border:1px solid #e7edf5;border-radius:7px;background:#fff;padding:5px 7px}
.client-kb2-layout{display:grid;grid-template-columns:235px minmax(0,1fr);align-items:start;gap:18px}
/* P7-P2: when global search hides the categories rail, the sole results column spans the complete grid. */
.client-kb2-layout>.client-kb2-main:only-child{grid-column:1/-1;min-width:0;width:100%}
.client-kb2-topic-nav{background:#fff;border:1px solid var(--kb2-line);border-radius:18px;padding:17px 11px 12px;box-shadow:0 5px 24px rgba(22,48,81,.03)}
.client-kb2-nav-heading{padding:0 12px 13px;font-weight:850;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#8190a5}
.client-kb2-topic-list{display:grid;gap:3px}
.client-kb2-topic{display:flex;align-items:center;gap:11px;width:100%;border:1px solid transparent;border-radius:11px;background:transparent;padding:10px 11px;text-align:left;cursor:pointer;color:#53647b;font-size:13px;line-height:1.3;min-width:0;transition:background .15s ease,border-color .15s ease,color .15s ease}
.client-kb2-topic:hover{background:#f6f9fd;color:#17365a}
.client-kb2-topic.active{background:#f0f6ff;border-color:#d9e8fe;color:#165dc2;font-weight:750}
.client-kb2-topic:focus-visible,.client-kb2-reset:focus-visible{outline:2px solid #1769e0;outline-offset:2px}
.client-kb2-topic-icon{flex:none;width:31px;height:31px;border-radius:9px;background:#f4f6fa;display:grid;place-items:center;font-size:17px}
.client-kb2-topic.active .client-kb2-topic-icon{background:#fff}
.client-kb2-topic-icon svg{width:17px;height:17px}
.client-kb2-topic-name{flex:1;min-width:0;overflow-wrap:anywhere}
.client-kb2-topic small{font-size:11px;font-weight:800;min-width:19px;text-align:center;color:#8391a4}
.client-kb2-topic.active small{color:#1769e0}
.client-kb2-topic.all{margin-top:5px;border-top:1px solid #f2f4f8}
.client-kb2-main{min-width:0;display:grid;gap:14px}
.client-kb2-content-head{display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:0;padding:3px 1px 6px}
.client-kb2-overline,.client-kb2-section-overline{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:850;color:#1769e0}
.client-kb2-content-head h2{margin:6px 0 5px;font-size:22px;letter-spacing:-.02em;line-height:1.22;color:#15243d}
.client-kb2-content-head p{margin:0;color:#71819a;font-size:12px;line-height:1.5}
.client-kb2-reset{border:1px solid #dce5f1;border-radius:10px;background:#fff;padding:10px 12px;color:#175bb7;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
.client-kb2-section{border:1px solid var(--kb2-line);border-radius:18px;background:#fff;padding:23px 26px 12px;min-width:0;box-shadow:0 8px 28px rgba(20,43,76,.035)}
.client-kb2-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid #e9edf4}
.client-kb2-section-identity{display:flex;align-items:center;gap:12px;min-width:0}
.client-kb2-section-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:12px;background:#f3f6fb;font-size:20px}
.client-kb2-section h2{margin:3px 0 0;font-size:19px;line-height:1.25;letter-spacing:-.018em}
.client-kb2-section-count{flex:none;font-size:11px;color:#74849c;background:#f4f7fb;border:1px solid #ebf0f6;padding:6px 9px;border-radius:99px}
.client-kb2 .help-faq-list{display:grid;gap:0}
.client-kb2 .help-faq-item{margin:0;border:0;border-radius:0;border-bottom:1px solid #edf1f6;background:#fff;box-shadow:none;overflow:visible;transition:background .16s ease}
.client-kb2 .help-faq-item:last-child{border-bottom:0}
.client-kb2 .help-faq-item[open]{background:#fbfcff;border-color:#e8edf5;box-shadow:none}
.client-kb2 .help-faq-item summary{padding:19px 4px;min-height:61px;gap:18px;font-size:14px;font-weight:750;line-height:1.42;color:#20304a;border:0!important;background:transparent!important}
.client-kb2 .help-faq-item summary:hover{color:#1563ce}
.client-kb2 .help-faq-item summary:focus-visible{outline:2px solid #1769e0;outline-offset:-4px;border-radius:8px}
.client-kb2 .help-faq-chevron{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #e3eaf3;border-radius:9px;color:#7b8aa0;background:#f7f9fc;transition:transform .16s ease,background .16s ease}
.client-kb2 .help-faq-chevron svg{width:16px;height:16px}
.client-kb2 .help-faq-item[open] .help-faq-chevron{transform:rotate(180deg);background:#eaf2ff;border-color:#d6e5fd;color:#1769e0}
.client-kb2 .help-faq-item[open] summary{color:#175dc5}
.client-kb2 .help-faq-answer{padding:0 38px 22px 4px;margin:0;color:#4e607b;font-size:14px;line-height:1.72;background:transparent}
.client-kb2-answer-caption{display:inline-flex;gap:8px;align-items:center;color:#7184a0;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;margin:0 0 11px}
.client-kb2-answer-caption:before{content:"";width:16px;height:2px;background:#3378e7;border-radius:2px}
.client-kb2 .help-faq-body{max-width:75ch;color:#455a76}
.client-kb2 .help-faq-body p{margin:0 0 12px;line-height:1.72}
.client-kb2 .help-faq-body ol,.help-admin-preview .help-faq-body ol{counter-reset:kb-step;list-style:none;margin:17px 0 19px;padding:0;display:grid;gap:12px}
.client-kb2 .help-faq-body ol li,.help-admin-preview .help-faq-body ol li{counter-increment:kb-step;position:relative;display:flex;align-items:flex-start;gap:12px;min-height:34px;padding:2px 0;color:#435775;line-height:1.58}
.client-kb2 .help-faq-body ol li:before,.help-admin-preview .help-faq-body ol li:before{content:counter(kb-step);display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid #d5e3fa;border-radius:9px;background:#eef5ff;color:#1c63c7;font-size:12px;font-weight:850}
.client-kb2 .help-faq-body ul,.help-admin-preview .help-faq-body ul{display:grid;gap:8px;margin:13px 0 17px;padding-left:21px}
.client-kb2 .help-faq-body ul li,.help-admin-preview .help-faq-body ul li{padding-left:4px;line-height:1.6}
.client-kb2 .help-faq-note,.help-admin-preview .help-faq-note{border:1px solid #d9e7fd;border-left:3px solid #1769e0;background:#f4f8ff;padding:13px 15px;border-radius:8px 11px 11px 8px;color:#37527a;font-size:13px;margin:16px 0;line-height:1.6}
.client-kb2 .help-faq-actions{border-top:1px solid #e8edf5;margin-top:19px;padding-top:15px}
.client-kb2 .help-faq-actions .btn{white-space:normal}
.client-kb2-support{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e1e8f2;border-radius:16px;padding:19px 20px;min-width:0}
.client-kb2-support-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid #dbe8fc;border-radius:12px;color:#1769e0;background:#f0f6ff}
.client-kb2-support-icon svg{width:23px;height:23px}
.client-kb2-support div{flex:1;min-width:0}
.client-kb2-support h2{font-size:14px;margin:0 0 4px}
.client-kb2-support p{font-size:12px;line-height:1.45;color:#71819a;margin:0}
.client-kb2-support .btn{white-space:nowrap}
.client-kb2-empty{text-align:center;padding:50px 20px;background:#fff;border:1px solid #e1e8f2;border-radius:18px}
.client-kb2-empty span{font-size:42px;color:#9cb3d0;display:block;line-height:1}
.client-kb2-empty h3{font-size:18px;margin:10px 0 5px}
.client-kb2-empty p{margin:0 auto 18px;color:#73839c;max-width:390px;font-size:13px;line-height:1.6}
@media(max-width:950px){.client-kb2-layout{grid-template-columns:190px minmax(0,1fr);gap:13px}.client-kb2-topic{padding:9px 8px;gap:7px}.client-kb2-section{padding:18px 19px 8px}}
@media(max-width:700px){
 .client-kb2{gap:12px}
 .client-kb2-hero{padding:21px 18px;border-radius:18px;gap:18px}
 .client-kb2-hero:after{width:190px;height:190px;right:-65px;top:-105px;box-shadow:0 0 0 25px rgba(234,241,250,.30)}
 .client-kb2-hero h1{font-size:26px}
 .client-kb2-hero p{font-size:12px}
 .client-kb2-search-shortcut{display:none}
 .client-kb2-layout{display:flex;flex-direction:column;gap:16px}
 .client-kb2-topic-nav{width:100%;padding:0;border:0;box-shadow:none;background:transparent;overflow:hidden}
 .client-kb2-nav-heading{padding:0 1px 9px}
 .client-kb2-topic-list{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;padding:1px 1px 9px;scrollbar-width:thin;scrollbar-color:#d4dce9 transparent}
 .client-kb2-topic{flex:none;width:auto;white-space:nowrap;scroll-snap-align:start;border:1px solid #e2e8f2;background:#fff;padding:8px 11px}
 .client-kb2-topic-name{overflow-wrap:normal}
 .client-kb2-topic-icon{width:25px;height:25px;border-radius:7px;font-size:14px}
 .client-kb2-topic small{font-size:10px}
 .client-kb2-topic.all{margin-top:0;border:1px solid #e2e8f2}
 .client-kb2-main{width:100%;gap:12px}
 .client-kb2-content-head{padding:0 1px}
 .client-kb2-content-head h2{font-size:20px}
 .client-kb2-section{padding:14px 15px 4px;border-radius:16px}
 .client-kb2-section-head{padding-bottom:13px}
 .client-kb2-section-icon{width:36px;height:36px;font-size:17px;border-radius:10px}
 .client-kb2-section h2{font-size:17px}
 .client-kb2-section-count{font-size:10px;padding:5px 7px}
 .client-kb2 .help-faq-item summary{padding:15px 0;font-size:13px;min-height:54px;gap:9px}
 .client-kb2 .help-faq-chevron{width:26px;height:26px}
 .client-kb2 .help-faq-answer{padding:0 5px 19px 0;font-size:13px}
 .client-kb2-support{padding:16px;align-items:flex-start;display:grid;grid-template-columns:38px minmax(0,1fr)}
 .client-kb2-support-icon{width:38px;height:38px}
 .client-kb2-support .btn{grid-column:1/-1;width:100%}
 .client-kb2-reset{font-size:11px;padding:8px}
}
@media(prefers-reduced-motion:reduce){.client-kb2 .help-faq-chevron,.client-kb2-topic,.client-kb2-search-control{transition:none}}


/* CrispLink Client p15-p11-p8 — Device Management UI Polish.
   Изолированная Admin-модалка: без изменений Client, Public и бизнес-логики. */
body:has(.admin2-unified) .admin-client-devices-modal{width:min(920px,96vw)!important;padding:24px!important;overflow-x:hidden}
body:has(.admin2-unified) .adm-dev8-head{align-items:flex-start;margin-bottom:17px;gap:12px}
body:has(.admin2-unified) .adm-dev8-head>div{min-width:0}
body:has(.admin2-unified) .adm-dev8-head h2{font-size:21px;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}
body:has(.admin2-unified) .adm-dev8-head p{margin:7px 0 0;font-size:12px;color:#71819a;line-height:1.5}
body:has(.admin2-unified) .adm-dev8-head .x{flex:none}
body:has(.admin2-unified) .adm-dev8-bonus{gap:16px;margin:0 0 20px;background:#f6f9fe}
body:has(.admin2-unified) .adm-dev8-formula{display:grid;grid-template-columns:minmax(0,1fr) 19px minmax(0,1fr) 19px minmax(0,1fr);align-items:center;gap:10px;min-width:0}
body:has(.admin2-unified) .adm-dev8-formula>div{min-width:0;display:grid;gap:5px;background:#fff;border:1px solid #dce5f2;padding:13px 15px;border-radius:12px}
body:has(.admin2-unified) .adm-dev8-formula>div>span{font-size:11px;color:#687e9c;font-weight:700}
body:has(.admin2-unified) .adm-dev8-formula>div>strong{font-size:25px;color:#142b4a;font-weight:850;line-height:1.25;letter-spacing:-.025em}
body:has(.admin2-unified) .adm-dev8-formula>div.adm-dev8-formula-total{background:#eaf3ff;border-color:#c5daf9}
body:has(.admin2-unified) .adm-dev8-formula-total strong{color:#1769e0!important}
body:has(.admin2-unified) .adm-dev8-math{text-align:center;font-weight:800;font-size:18px;color:#90a0b7}
body:has(.admin2-unified) .adm-dev8-form-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body:has(.admin2-unified) .adm-dev8-form-controls input{width:108px;font-variant-numeric:tabular-nums}
body:has(.admin2-unified) .adm-dev8-form-controls .btn{min-height:43px}
body:has(.admin2-unified) #adminDeviceBonusPreview{color:#3766a1;font-weight:700}
body:has(.admin2-unified) .adm-dev8-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 21px}
body:has(.admin2-unified) .adm-dev8-summary>div{display:grid;gap:7px;min-width:0;border:1px solid #e1e8f2;border-radius:12px;background:#f9fbfe;padding:13px 15px}
body:has(.admin2-unified) .adm-dev8-summary span{font-size:10px;font-weight:800;color:#788ba4;text-transform:uppercase;letter-spacing:.045em}
body:has(.admin2-unified) .adm-dev8-summary b{font-size:18px;color:#1a314f;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
body:has(.admin2-unified) .adm-dev8-summary .adm-dev8-good{color:#17815e}
body:has(.admin2-unified) .adm-dev8-summary .adm-dev8-warning{color:#9c6220}
body:has(.admin2-unified) .adm-dev8-section{margin:21px 0 0;display:grid;gap:12px;min-width:0}
body:has(.admin2-unified) .adm-dev8-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
body:has(.admin2-unified) .adm-dev8-section-head h3{margin:5px 0 0;font-size:16px;color:#1a2b43}
body:has(.admin2-unified) .adm-dev8-device-list,.adm-dev8-history{display:grid;gap:10px;min-width:0}
body:has(.admin2-unified) .adm-dev8-device{border:1px solid #e1e7ef;background:#fff;border-radius:13px;padding:16px;min-width:0;display:grid;gap:14px}
body:has(.admin2-unified) .adm-dev8-device-top{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0}
body:has(.admin2-unified) .adm-dev8-device-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#edf4ff;color:#2168d7}
body:has(.admin2-unified) .adm-dev8-device-icon svg{width:20px;height:20px}
body:has(.admin2-unified) .adm-dev8-device-identity{display:grid;gap:5px;min-width:0}
body:has(.admin2-unified) .adm-dev8-device-identity b{font-size:14px;color:#18283e;line-height:1.3;overflow-wrap:anywhere}
body:has(.admin2-unified) .adm-dev8-device-identity span{font-size:12px;color:#70829b;overflow-wrap:anywhere}
body:has(.admin2-unified) .adm-dev8-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body:has(.admin2-unified) .adm-dev8-dates>div{display:grid;gap:5px;background:#f8fafd;border-radius:9px;padding:11px 12px;min-width:0}
body:has(.admin2-unified) .adm-dev8-dates span{font-size:10px;color:#73859d;font-weight:750}
body:has(.admin2-unified) .adm-dev8-dates strong{font-size:12px;color:#283c5b;font-weight:700;overflow-wrap:anywhere}
body:has(.admin2-unified) .adm-dev8-tech{border-top:1px solid #e9edf4;padding-top:11px;min-width:0}
body:has(.admin2-unified) .adm-dev8-tech summary{font-size:12px;color:#3f6394;cursor:pointer;font-weight:725;list-style:revert}
body:has(.admin2-unified) .adm-dev8-tech dl{display:grid;gap:9px;margin:11px 0 0}
body:has(.admin2-unified) .adm-dev8-tech dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:start;min-width:0}
body:has(.admin2-unified) .adm-dev8-tech dt{font-size:11px;font-weight:750;color:#7c8ba0}
body:has(.admin2-unified) .adm-dev8-tech dd{margin:0;color:#33465f;font-size:11px;min-width:0;overflow-wrap:anywhere}
body:has(.admin2-unified) .adm-dev8-tech code{white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:11px}
body:has(.admin2-unified) .adm-dev8-danger-actions{display:flex;justify-content:flex-end;padding-top:4px}
body:has(.admin2-unified) .adm-dev8-audit-row{display:grid;gap:8px;padding:13px 15px;border:1px solid #e3e9f2;border-radius:12px;background:#fafbfd;min-width:0}
body:has(.admin2-unified) .adm-dev8-audit-top{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap}
body:has(.admin2-unified) .adm-dev8-audit-top b{font-size:12px;font-weight:800;color:#203752}
body:has(.admin2-unified) .adm-dev8-audit-top>span{font-size:11px;color:#64768e;font-weight:700}
body:has(.admin2-unified) .adm-dev8-audit-top .adm-dev8-audit-state{border-radius:999px;padding:5px 9px;background:#ecf1f8}
body:has(.admin2-unified) .adm-dev8-audit-state.is-success{background:#e9f7f1;color:#187c59}
body:has(.admin2-unified) .adm-dev8-audit-state.is-error{background:#fff0f0;color:#ba3441}
body:has(.admin2-unified) .adm-dev8-audit-state.is-pending{background:#fff7e7;color:#8a6525}
body:has(.admin2-unified) .adm-dev8-audit-details{display:flex;gap:6px 18px;flex-wrap:wrap;color:#6e8097;font-size:11px;line-height:1.5}
body:has(.admin2-unified) .adm-dev8-audit-error{font-size:11px;color:#a73c43;overflow-wrap:anywhere;margin:0}
body:has(.admin2-unified) .adm-dev8-audit-label{font-size:11px;color:#4c6789;overflow-wrap:anywhere}
body:has(.admin2-unified) .adm-dev8-empty{border:1px dashed #d8e2ef;border-radius:11px;padding:16px;color:#73839a;font-size:12px}
body:has(.admin2-unified) .adm-dev8-events{margin-top:21px;border-top:1px solid #e5eaf2;padding-top:14px}
body:has(.admin2-unified) .adm-dev8-events>summary{color:#5c728f;font-weight:750;font-size:12px;cursor:pointer}
body:has(.admin2-unified) .adm-dev8-events[open] .adm-dev8-history{margin-top:11px}
@media(max-width:680px){
 body:has(.admin2-unified) .admin-client-devices-modal{width:100%!important;max-height:100dvh;border-radius:16px;padding:16px!important}
 body:has(.admin2-unified) .adm-dev8-head h2{font-size:18px}
 body:has(.admin2-unified) .adm-dev8-formula{gap:5px;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr)}
 body:has(.admin2-unified) .adm-dev8-formula>div{padding:10px 7px}
 body:has(.admin2-unified) .adm-dev8-formula>div>span{font-size:9px}
 body:has(.admin2-unified) .adm-dev8-formula>div>strong{font-size:18px}
 body:has(.admin2-unified) .adm-dev8-math{font-size:12px}
 body:has(.admin2-unified) .adm-dev8-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 body:has(.admin2-unified) .adm-dev8-dates{grid-template-columns:1fr}
 body:has(.admin2-unified) .adm-dev8-device-top{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}
 body:has(.admin2-unified) .adm-dev8-device-icon{width:36px;height:36px}
 body:has(.admin2-unified) .adm-dev8-device-top .btn{padding:7px 8px;font-size:11px;min-height:35px}
 body:has(.admin2-unified) .adm-dev8-tech dl>div{grid-template-columns:1fr;gap:4px}
 body:has(.admin2-unified) .adm-dev8-form-controls>input{flex:1 1 95px;min-width:0}
 body:has(.admin2-unified) .adm-dev8-form-controls>.btn{flex:2 1 155px}
}


/* CrispLink Client p15-p11-p9 — Client 360 Workspace UI Polish.
   Admin Client360 only: six balanced metrics, consistent panel heads and responsive controls. */
body:has(.admin2-unified) .client360-modal .client360-workspace-panel{display:grid;align-content:start;gap:16px}
body:has(.admin2-unified) .client360-modal .client360-workspace-panel>.client360-panel-head{margin:0;min-width:0}
body:has(.admin2-unified) .client360-modal .client360-panel-head>div{min-width:0}
body:has(.admin2-unified) .client360-modal .client360-panel-head .btn{flex:0 0 auto}
body:has(.admin2-unified) .client360-modal .client360-panel-head h3{overflow-wrap:anywhere}
body:has(.admin2-unified) .client360-modal .client360-heading-subtext{margin:5px 0 0;font-size:11px;color:#7486a1}
body:has(.admin2-unified) .client360-modal .client360-count{display:inline-flex;padding:7px 10px;border:1px solid #e0e8f2;border-radius:20px;background:#f5f8fd;color:#527095;font-size:11px;font-weight:700;white-space:nowrap}
body:has(.admin2-unified) .client360-modal .client360-helper-text{margin:0;border:1px solid #e4ebf4;border-radius:11px;padding:12px 14px;background:#f7faff;font-size:12px;line-height:1.6;color:#69809d}
body:has(.admin2-unified) .client360-modal .client360-workspace-panel>.client360-info-grid{margin:0}
body:has(.admin2-unified) .client360-modal .client360-info-grid.four.client360-device-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body:has(.admin2-unified) .client360-modal .client360-device-stats .client360-info{min-width:0;min-height:65px;align-content:center;box-sizing:border-box}
body:has(.admin2-unified) .client360-modal .client360-device-stats .client360-info span{font-size:10px;line-height:1.4}
body:has(.admin2-unified) .client360-modal .client360-device-stats .client360-info b{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
body:has(.admin2-unified) .client360-modal .client360-devices-content{margin-top:0;gap:14px}
body:has(.admin2-unified) .client360-modal .client360-device-hint{margin:0;border:1px solid #f7e1c0;border-radius:10px;background:#fff8ed;padding:11px 13px;line-height:1.5}
body:has(.admin2-unified) .client360-modal .client360-device-list-head{min-width:0}
body:has(.admin2-unified) .client360-modal .client360-device-list-head>b{font-size:13px;line-height:1.4}
body:has(.admin2-unified) .client360-modal .client360-list-row{min-width:0;gap:14px}
body:has(.admin2-unified) .client360-modal .client360-list-row>div{min-width:0}
body:has(.admin2-unified) .client360-modal .client360-list-row b,body:has(.admin2-unified) .client360-modal .client360-list-row small{overflow-wrap:anywhere}
body:has(.admin2-unified) .client360-modal .client360-info b{overflow-wrap:anywhere}
body:has(.admin2-unified) .client360-modal .client360-tabs button{white-space:nowrap}
body:has(.admin2-unified) .client360-modal .client360-tabs button[aria-pressed="true"]{background:#edf4ff;color:#165eba}
body:has(.admin2-unified) .client360-modal .client360-overview-grid:last-child{margin-bottom:0}
@media(max-width:900px){
 body:has(.admin2-unified) .client360-modal .client360-info-grid.four.client360-device-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 body:has(.admin2-unified) .client360-modal .client360-workspace-panel{gap:13px}
 body:has(.admin2-unified) .client360-modal .client360-workspace-panel>.client360-panel-head{flex-wrap:wrap;align-items:flex-start}
 body:has(.admin2-unified) .client360-modal .client360-panel-head .btn{max-width:100%;white-space:normal}
 body:has(.admin2-unified) .client360-modal .client360-device-list-head{flex-wrap:wrap}
 body:has(.admin2-unified) .client360-modal .client360-list-row{grid-template-columns:minmax(0,1fr)}
 body:has(.admin2-unified) .client360-modal .client360-list-row>div:last-child{justify-items:start}
 body:has(.admin2-unified) .client360-modal .client360-count{margin-top:4px}
}
@media(max-width:410px){
 body:has(.admin2-unified) .client360-modal .client360-info-grid.four.client360-device-stats{gap:7px}
 body:has(.admin2-unified) .client360-modal .client360-device-stats .client360-info{padding:9px;min-height:62px}
 body:has(.admin2-unified) .client360-modal .client360-device-stats .client360-info b{font-size:14px}
}