:root{--ink:#151d36;--muted:#6d7890;--line:#e4e9f2;--surface:#fff;--bg:#f6f8fc;--purple:#5929e8;--purple2:#7a38f2;--green:#08a663;--blue:#1760ed;--amber:#df8a16;--teal:#0f9ca6;--danger:#d9475c}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;padding:0 8px 34px}.brand b{font-weight:700}.brand small,.login-brand small{font-size:10px;padding:5px 7px;border-radius:6px;color:var(--purple);background:#f0ecff}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#875cff,#5229e8 60%,#2478f2);font-size:27px;font-weight:900;font-style:italic;box-shadow:0 8px 20px #5b2fe833}.nav-label,.eyebrow{color:#919aaf;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:700;margin:0 10px 10px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{height:46px;display:flex;align-items:center;gap:13px;padding:0 15px;border-radius:10px;color:#4b5670;font-size:18px}.sidebar nav a span{font-size:13px}.sidebar nav a:hover{background:#f7f6fc}.sidebar nav a.active{color:var(--purple);background:#f0edff;font-weight:600}.sidebar-account{margin-top:auto;border:1px solid var(--line);border-radius:13px;padding:13px;display:flex;align-items:center;gap:10px}.sidebar-account .avatar,.mini-avatar,.large-avatar{display:grid;place-items:center;border-radius:50%;color:white;background:linear-gradient(145deg,#7845f5,#4820d8);font-weight:700}.avatar{width:36px;height:36px;flex:none}.sidebar-account div:nth-child(2){min-width:0;flex:1}.sidebar-account strong,.sidebar-account small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.sidebar-account small{color:var(--muted);margin-top:4px}.sidebar-account form button{border:0;background:#f3f0ff;color:var(--purple);border-radius:7px;width:30px;height:30px;cursor:pointer}.main{min-width:0;padding:28px 34px 50px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.topbar .eyebrow{margin:0 0 6px}.topbar h1{font-size:25px;margin:0}.topbar-actions{display:flex;gap:10px}.credit-pill,.status-pill{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12px}.credit-pill{color:var(--purple);font-weight:700}.credit-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);margin-right:5px}.status-pill{color:var(--green)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-grid.six{grid-template-columns:repeat(6,1fr)}.stat-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;min-height:126px}.stat-card:before{content:"";position:absolute;width:74px;height:74px;border-radius:50%;right:-24px;top:-25px;background:currentColor;opacity:.08}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;font-size:29px;margin:13px 0 8px;color:var(--ink)}.stat-card.purple{color:var(--purple)}.stat-card.green{color:var(--green)}.stat-card.blue{color:var(--blue)}.stat-card.amber{color:var(--amber)}.stat-card.teal{color:var(--teal)}.stat-card.slate{color:#667089}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:20px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-head h2,.panel h2{font-size:16px;margin:0}.panel-head .eyebrow{margin:0 0 4px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.split-grid.narrow-right{grid-template-columns:minmax(0,2fr) minmax(270px,1fr)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8a94a9;text-transform:uppercase;letter-spacing:.05em;font-size:9px;padding:11px;border-bottom:1px solid var(--line)}td{padding:12px 11px;border-bottom:1px solid #edf0f5;color:#4c5870}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}td b{color:var(--ink)}code{padding:3px 6px;border-radius:5px;background:#f2f4f8;color:#4f5c75}.block{display:block;color:var(--muted);margin-top:3px}.user-cell{display:flex;align-items:center;gap:9px}.user-cell span:last-child b,.user-cell span:last-child small{display:block}.user-cell small{color:var(--muted);margin-top:3px}.mini-avatar{width:32px;height:32px;flex:none}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:20px;background:#f0f2f6;color:#68738b;font-size:9px;text-transform:capitalize}.badge.active,.badge.connected,.badge.succeeded,.badge.completed{background:#e8f8f1;color:#088a55}.badge.running,.badge.queued{background:#eef3ff;color:#315fd2}.badge.suspended,.badge.failed,.badge.disabled{background:#fff0f2;color:#c53d52}.badge.pending,.badge.capacity_exceeded{background:#fff6e7;color:#bd7718}.activity-list{display:grid}.activity{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf0f5}.activity:last-child{border:0}.activity-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f1edff;color:var(--purple);font-weight:700}.activity>div{min-width:0;flex:1}.activity b,.activity small{display:block}.activity b{font-size:12px}.activity small{color:var(--muted);margin-top:4px;font-size:10px}.positive{color:var(--green)!important;font-weight:700}.negative{color:var(--danger)!important;font-weight:700}.empty{text-align:center!important;color:#929bad!important;padding:30px!important}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 14px;cursor:pointer;font-size:12px;font-weight:600}.btn.primary{color:#fff;background:linear-gradient(100deg,var(--purple),var(--purple2));box-shadow:0 7px 16px #5a2ae82e}.btn.soft{color:var(--purple);background:#f2efff}.btn.full{width:100%;height:49px}.table-link{color:var(--purple);font-weight:600;font-size:11px}.filters{display:flex;gap:9px}.filters input{min-width:230px}.filters input,.filters select,input,select,textarea{border:1px solid #dce2ec;background:#fbfcfe;border-radius:9px;padding:10px 12px;color:var(--ink);outline:none}.filters input:focus,.filters select:focus,input:focus,select:focus,textarea:focus{border-color:#7650e8;box-shadow:0 0 0 3px #6d3ee812}.form-panel{max-width:960px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid.one{grid-template-columns:1fr}.form-grid label,.credit-adjust label{display:grid;gap:7px;font-size:11px;font-weight:600;color:#4d5870}.form-grid small{font-weight:400;color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.profile-banner{display:flex;align-items:center;gap:17px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.large-avatar{width:58px;height:58px;font-size:21px}.profile-banner h2{margin:0 0 5px}.profile-banner p{margin:0 0 8px;color:var(--muted);font-size:11px}.profile-metrics{display:flex;gap:35px;margin-left:auto}.profile-metrics small,.profile-metrics strong{display:block}.profile-metrics small{color:var(--muted);font-size:9px;margin-bottom:6px}.profile-metrics strong{font-size:14px}.credit-adjust form{display:grid;gap:14px;margin-top:20px}.settings-list{display:grid}.settings-list label{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:30px;padding:16px 0;border-bottom:1px solid var(--line)}.settings-list label>span b,.settings-list label>span small{display:block}.settings-list label>span small{color:var(--muted);margin-top:5px;font-weight:400}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.device-card{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:11px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.device-card.online{border-color:#cfeee1;background:#f7fcfa}.device-card .slot{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;color:#fff;background:linear-gradient(145deg,#6e37ef,#4621d6);font-weight:700}.device-card .phone-shape{width:29px;height:48px;border:2px solid #26324d}.phone-shape{display:grid;place-items:center;border:2px solid #24304b;border-radius:7px;color:#8290aa;font-weight:700;background:#fff}.device-card b,.device-card small{display:block}.device-card b{font-size:11px}.device-card small{color:var(--muted);font-size:9px;margin-top:4px}.account-summary{text-align:center}.account-summary .large-avatar{margin:5px auto 13px}.account-summary p{color:var(--muted)}.account-summary dl{margin:24px 0 0}.account-summary dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0}.account-summary dt{color:var(--muted)}.account-summary dd{margin:0;font-weight:600}.alert{padding:12px 15px;border-radius:9px;margin-bottom:16px;font-size:12px}.alert.success{background:#e9f8f2;color:#087b4e}.alert.danger{background:#fff0f2;color:#b8394c}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:15px;margin-top:10px;font-size:11px}.pagination a{color:var(--purple);font-weight:600}.pagination .disabled{color:#b1b8c7}
.login-body{background:#eef2fa}.login-panel{min-height:100vh;display:grid;grid-template-columns:minmax(440px,38%) 1fr}.login-card{background:#fff;padding:8vh clamp(50px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.login-brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;margin-bottom:70px}.login-card>.eyebrow{margin:0 0 9px}.login-card h1{margin:0 0 9px;font-size:31px}.muted{color:var(--muted);margin:0 0 30px}.login-card>label:not(.check){font-size:11px;font-weight:600;margin:0 0 8px}.login-card>input{height:51px;margin-bottom:18px}.check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-bottom:24px}.check input{accent-color:var(--purple)}.login-help{text-align:center;color:#929bad;font-size:10px;margin:22px 0 0}.login-visual{position:relative;overflow:hidden;display:grid;place-items:center;padding:60px;background:radial-gradient(circle at 85% 5%,#dcd5fb 0 14%,transparent 14.2%),linear-gradient(135deg,#f0edff,#eef5ff 52%,#e6f8f2)}.login-visual:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#bcebd7;opacity:.3;bottom:-190px;left:-90px}.login-copy{position:relative;z-index:1;max-width:680px;text-align:center}.visual-badge{display:inline-block;padding:8px 12px;border-radius:20px;background:#fff;color:var(--purple);font-size:10px;font-weight:700;box-shadow:0 8px 20px #52618114}.login-copy h2{font-size:34px;max-width:600px;margin:25px auto 13px}.login-copy>p{color:var(--muted);max-width:520px;margin:0 auto;line-height:1.7}.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:48px;padding:22px;border:1px solid #dce3ef;border-radius:22px;background:#ffffffc9;box-shadow:0 25px 60px #34486b17}.visual-device{min-height:210px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.visual-device>b{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#f0ecff;color:var(--purple)}.visual-device .phone-shape{width:50px;height:88px}.visual-device small{color:var(--green);font-size:10px}
@media(max-width:1200px){.stat-grid.six{grid-template-columns:repeat(3,1fr)}.device-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app-shell:not(.admin-shell){grid-template-columns:76px 1fr}.app-shell:not(.admin-shell)>.sidebar{padding:20px 12px}.app-shell:not(.admin-shell) .brand{padding:0 4px 30px}.app-shell:not(.admin-shell) .brand>span:not(.brand-mark),.app-shell:not(.admin-shell) .brand small,.app-shell:not(.admin-shell) .nav-label,.app-shell:not(.admin-shell) .sidebar nav a span,.app-shell:not(.admin-shell) .sidebar-account div:nth-child(2){display:none}.app-shell:not(.admin-shell) .sidebar nav a{justify-content:center;padding:0}.app-shell:not(.admin-shell) .sidebar-account{padding:9px;justify-content:center}.app-shell:not(.admin-shell) .sidebar-account form{display:none}.main{padding:25px 20px}.stat-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.split-grid.narrow-right{grid-template-columns:1fr}.login-panel{grid-template-columns:1fr}.login-visual{display:none}.login-card{max-width:520px;width:100%;margin:auto;min-height:100vh}.profile-metrics{display:none}}@media(max-width:600px){.main{padding:20px 12px}.topbar-actions{display:none}.stat-grid,.stat-grid.six,.device-grid{grid-template-columns:1fr}.filters{flex-direction:column}.filters input{min-width:0}.form-grid{grid-template-columns:1fr}.profile-banner{align-items:flex-start;flex-wrap:wrap}.settings-list label{grid-template-columns:1fr}.login-card{padding:40px 28px}.login-brand{margin-bottom:45px}}

/* Credit reporting dashboard */
.credit-hero{position:relative;overflow:hidden;display:flex;align-items:stretch;justify-content:space-between;gap:30px;margin-bottom:18px;padding:26px 28px;border-radius:16px;color:#fff;background:linear-gradient(110deg,#4320d5 0%,#6730ea 54%,#7944ef 100%);box-shadow:0 15px 36px #5427dc24}.credit-hero:after{content:"";position:absolute;width:240px;height:240px;border:52px solid #ffffff0c;border-radius:50%;right:20%;top:-140px}.credit-hero .eyebrow{margin:0 0 8px;color:#d7cdff}.credit-hero-copy{position:relative;z-index:1;max-width:720px;flex:1}.balance-line{display:flex;align-items:baseline;gap:12px}.balance-line strong{font-size:42px;line-height:1}.balance-line span{font-size:17px;font-weight:600;color:#e7e0ff}.credit-hero-copy>p:not(.eyebrow){margin:10px 0 17px;color:#ded7fb;font-size:12px}.balance-track{height:7px;overflow:hidden;border-radius:10px;background:#ffffff24}.balance-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#fff,#9cf3ce)}.balance-legend{display:flex;justify-content:space-between;gap:30px;margin-top:11px;color:#d8d0f5;font-size:10px}.balance-legend b{color:#fff}.credit-hero-actions{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-width:210px;gap:10px}.period-picker{display:grid;gap:5px}.period-picker label{color:#d8d0f5;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.period-picker select{width:100%;border-color:#ffffff35;color:#fff;background:#ffffff18}.period-picker select option{color:var(--ink);background:#fff}.report-download{color:#5127db;background:#fff}.stat-card.red{color:var(--danger)}.credit-stats .stat-card{min-height:116px}.credit-analytics-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);gap:18px}.report-range{color:#7c879d;font-size:10px;padding:7px 9px;border-radius:7px;background:#f5f7fa}.chart-summary{display:flex;gap:40px;margin:3px 0 12px}.chart-summary small,.chart-summary b{display:block}.chart-summary small{color:var(--muted);font-size:9px;margin-bottom:5px}.chart-summary b{font-size:13px}.bar-chart{height:190px;display:flex;align-items:stretch;gap:5px;padding:18px 4px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#f0f2f6 0,#f0f2f6 1px,transparent 1px,transparent 46px)}.bar-column{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:3px}.bar-column i{width:min(18px,72%);min-height:3px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#8955f5,#5427e4);transition:height .25s}.bar-column:hover i{background:linear-gradient(180deg,#3e9bf1,#285de0)}.bar-column small{height:26px;margin-top:5px;color:#8c95a8;font-size:8px;white-space:nowrap}.bar-value{position:absolute;bottom:calc(var(--bar-height,0%) + 28px);opacity:0;padding:3px 5px;border-radius:4px;color:#fff;background:#252d43;font-size:8px;pointer-events:none}.bar-column:hover .bar-value{opacity:1}.usage-donut-row{display:flex;align-items:center;justify-content:center;gap:26px;padding:8px 0 22px}.usage-donut{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--purple) 0 var(--usage),#e9edf4 var(--usage) 360deg)}.usage-donut:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#fff}.usage-donut div{position:relative;z-index:1;text-align:center}.usage-donut strong,.usage-donut span{display:block}.usage-donut strong{font-size:22px}.usage-donut span{margin-top:3px;color:var(--muted);font-size:9px}.usage-legend{display:grid;gap:12px;min-width:135px}.usage-legend p{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:0;font-size:9px}.usage-legend i{width:8px;height:8px;border-radius:50%}.usage-legend i.used{background:var(--purple)}.usage-legend i.left{background:#e2e7ef}.usage-legend span{color:var(--muted)}.usage-legend b{font-size:10px}.mini-report-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.mini-report-grid div{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.mini-report-grid small,.mini-report-grid strong{display:block}.mini-report-grid small{color:var(--muted);font-size:8px}.mini-report-grid strong{margin-top:6px;font-size:14px}.credit-history-panel,.full-report-panel{padding:22px}.credit-table td{vertical-align:middle}.ledger-activity{display:flex;align-items:center;gap:10px;min-width:210px}.ledger-activity>span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;font-size:16px;font-weight:700}.ledger-activity .credit-in{color:var(--green);background:#e8f8f1}.ledger-activity .credit-out{color:var(--danger);background:#fff0f2}.ledger-activity div b,.ledger-activity div small{display:block}.ledger-activity div small{margin-top:4px;color:var(--muted);font-size:9px}.badge.purchase,.badge.bonus,.badge.refund{color:#087c50;background:#e8f8f1}.badge.usage{color:#c53d52;background:#fff0f2}.badge.adjustment{color:#4e2ac9;background:#f0edff}.report-callouts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.report-callouts>div{padding:16px;border:1px solid var(--line);border-radius:11px;background:#fafbfd}.report-callouts span,.report-callouts strong,.report-callouts small{display:block}.report-callouts span{color:var(--muted);font-size:9px}.report-callouts strong{margin:8px 0 5px;font-size:21px}.report-callouts small{color:#939caf;font-size:8px}.dashboard-secondary{align-items:start}.compact-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compact-device{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fbfcfe}.compact-device>span{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;color:#fff;background:#7d879b;font-size:10px;font-weight:700}.compact-device.online{border-color:#d3eee3;background:#f8fcfa}.compact-device.online>span{background:linear-gradient(145deg,#6d35ef,#4820d7)}.compact-device b,.compact-device small{display:block}.compact-device b{font-size:10px}.compact-device small{margin-top:3px;color:var(--muted);font-size:8px}.compact-device>i{width:7px;height:7px;border-radius:50%;background:#a3adbf}.compact-device.online>i{background:var(--green)}
@media(max-width:1250px){.credit-analytics-grid{grid-template-columns:1fr}.credit-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.credit-hero{flex-direction:column}.credit-hero-actions{min-width:0}.report-callouts{grid-template-columns:1fr}.dashboard-secondary{grid-template-columns:1fr}}@media(max-width:600px){.credit-stats{grid-template-columns:1fr}.balance-line strong{font-size:34px}.balance-legend{flex-direction:column;gap:5px}.compact-device-grid{grid-template-columns:1fr}.bar-chart{gap:2px}.bar-column small{font-size:7px}.credit-hero{padding:22px 20px}}

/* Full management system */
.sidebar{overflow-y:auto}.sidebar .brand{flex:none;padding-bottom:24px}.sidebar nav a b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;color:#6c42de;background:#f2efff;font-size:10px}.nav-spacer{margin-top:20px}.status-pill.attention{color:#a96200;background:#fff8e8}.alert.warning{color:#9b6100;background:#fff7e6}.btn.danger{color:#fff;background:linear-gradient(110deg,#d9475c,#b72e44)}.inline-actions,.inline-form,.inline-form form{display:flex;align-items:center;gap:9px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px}.detail-list{margin:0}.detail-list div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.detail-list div:last-child{border-bottom:0}.detail-list dt{color:var(--muted);font-size:10px}.detail-list dd{margin:0;font-size:11px;overflow-wrap:anywhere}.log-console{max-height:560px;overflow:auto;margin:0;padding:18px;border:1px solid #17303d;border-radius:10px;color:#cbd7df;background:#07121a;white-space:pre-wrap;font:11px/1.65 Consolas,monospace}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.action-grid .panel form,.danger-zone form,.stack-form{display:grid;gap:11px}.action-grid textarea,.action-grid select{width:100%;margin-top:10px}.danger-zone{border-color:#f0cbd1;background:#fffafb}.danger-zone p,.service-admin-card p,.price-card p,.muted-note{color:var(--muted);font-size:11px;line-height:1.6}.mini-progress{width:90px;height:5px;overflow:hidden;border-radius:10px;background:#e8ecf3}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),#2784ef)}.service-admin-grid,.service-price-grid,.release-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-admin-card,.price-card,.release-card{padding:18px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe}.service-admin-card h2,.price-card h2,.release-card h2{margin:10px 0 6px}.service-admin-card>small{color:var(--muted)}.disabled-card{opacity:.62}.metric-row,.price-display{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.metric-row div,.price-display div{padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}.metric-row small,.metric-row strong,.price-display small,.price-display strong,.price-display span{display:block}.metric-row small,.price-display small,.price-display span{color:var(--muted);font-size:9px}.metric-row strong{margin-top:5px;font-size:13px}.price-display{grid-template-columns:1fr 1fr}.price-display strong{margin:7px 0 2px;font-size:29px;color:var(--purple)}.service-code{color:var(--muted);font:10px Consolas,monospace}.form-panel.wide{max-width:1180px}.span-two{grid-column:1/-1}.check-row{display:flex!important;align-items:center;gap:8px!important}.check-row input{width:auto;accent-color:var(--purple)}.compact-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.alert-list{display:grid;gap:10px}.monitor-alert{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:15px;border:1px solid var(--line);border-left:4px solid #8d98aa;border-radius:10px;background:#fbfcfe}.monitor-alert.critical{border-left-color:var(--danger)}.monitor-alert.warning{border-left-color:var(--amber)}.monitor-alert.info{border-left-color:var(--blue)}.monitor-alert h3{margin:6px 0 4px;font-size:13px}.monitor-alert p{margin:0 0 6px;color:var(--muted);font-size:11px}.monitor-alert form{display:flex;gap:7px}.alert-severity{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;background:#65718a;font-weight:800}.monitor-alert.critical .alert-severity{background:var(--danger)}.monitor-alert.warning .alert-severity{background:var(--amber)}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.messages{display:grid;gap:11px}.message{max-width:84%;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.message.staff{margin-left:auto;border-color:#d8cdf8;background:#f6f3ff}.message.internal{border-style:dashed;background:#fff9e9}.message>div{display:flex;justify-content:space-between;gap:20px}.message small{color:var(--muted);font-size:9px}.message p{margin:9px 0 0;white-space:pre-wrap;line-height:1.55}.reply-box{display:grid;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.staff-list{display:grid;gap:10px}.staff-card{padding:12px;border:1px solid var(--line);border-radius:10px}.staff-card summary{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;cursor:pointer}.staff-card summary div b,.staff-card summary div small{display:block}.staff-card summary small{color:var(--muted);margin-top:3px}.security-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:20px}.stack-form.compact{max-width:420px}.secret-box{display:grid;gap:8px;padding:14px;border:1px solid #d6caFA;border-radius:10px;background:#f7f4ff}.secret-box small{color:var(--muted)}.secret-box code{padding:8px}.wrap-code{overflow-wrap:anywhere}.recovery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.recovery-grid code{text-align:center;padding:8px}.notification-list{display:grid}.notification-item{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.notification-item.read{opacity:.66}.notification-item p{margin:5px 0;color:var(--muted);font-size:11px}.notification-item small{color:#929bad;font-size:9px}.notification-item>i{width:7px;height:7px;border-radius:50%;background:var(--purple)}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.toggle-row span b,.toggle-row span small{display:block}.toggle-row span small{margin-top:4px;color:var(--muted)}.toggle-row input{width:18px;height:18px;accent-color:var(--purple)}.workflow-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.workflow-strip div{text-align:center;padding:13px;border:1px solid var(--line);border-radius:10px}.workflow-strip b{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 8px;border-radius:50%;color:#fff;background:var(--purple)}.workflow-strip span{font-size:9px}.release-card dl div{display:grid;gap:7px}.release-card code{overflow-wrap:anywhere;font-size:9px}.release-card .btn{margin-top:12px}.stack-form label{display:grid;gap:6px;font-size:11px;font-weight:600}.panel hr{height:1px;border:0;background:var(--line);margin:18px 0}.badge.critical,.badge.urgent{color:#b82e43;background:#fff0f2}.badge.warning,.badge.high,.badge.acknowledged{color:#a56608;background:#fff5df}.badge.info,.badge.waiting_support,.badge.waiting_customer,.badge.draft,.badge.beta{color:#315fd2;background:#edf3ff}.badge.resolved,.badge.published,.badge.stable{color:#088a55;background:#e8f8f1}.badge.refunded{color:#4e2ac9;background:#f0edff}
@media(max-width:1200px){.action-grid{grid-template-columns:1fr 1fr}.service-admin-grid,.service-price-grid{grid-template-columns:1fr}.workflow-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.detail-grid,.ticket-layout,.security-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.monitor-alert{grid-template-columns:auto 1fr}.monitor-alert form{grid-column:1/-1}.recovery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.workflow-strip{grid-template-columns:repeat(2,1fr)}.metric-row{grid-template-columns:repeat(2,1fr)}.inline-actions{align-items:stretch;flex-direction:column}.staff-card summary{grid-template-columns:auto 1fr}.staff-card summary>code,.staff-card summary>.badge{grid-column:2}}
.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}

/* Section-level navigation */
.section-tabs{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin:0 0 20px;padding:5px;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 4px 14px #33415c0a;scrollbar-width:thin}
.section-tabs a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:9px 16px;border:1px solid transparent;border-radius:8px;color:#626e86;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.section-tabs a:hover{color:var(--purple);border-color:#ded6fb;background:#f8f6ff}
.section-tabs a.active{color:#fff;border-color:transparent;background:linear-gradient(105deg,var(--purple),var(--purple2));box-shadow:0 6px 15px #5929e82b}
.section-tabs a:focus-visible{outline:3px solid #7650e833;outline-offset:2px}
@media(max-width:600px){.section-tabs{width:100%}.section-tabs a{padding-inline:13px}}

/* Large RILD upload progress */
.upload-progress{padding:15px 16px;border:1px solid #ddd6f8;border-radius:11px;background:#faf9ff}
.upload-progress-head,.upload-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}
.upload-progress-head strong{font-size:12px}.upload-progress-head span{color:var(--purple);font-size:12px;font-weight:700}
.upload-progress-track{height:10px;margin:11px 0;overflow:hidden;border-radius:20px;background:#e7e9f1}
.upload-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),#8b45f5);box-shadow:0 0 12px #6935ed55;transition:width .2s ease}
.upload-progress-meta{color:var(--muted);font-size:10px}
.upload-progress.processing .upload-progress-track i{background:linear-gradient(90deg,var(--purple),#9a58f8,var(--purple));background-size:200% 100%;animation:upload-processing 1.2s linear infinite}
.upload-progress.failed{border-color:#f1cbd2;background:#fff8f9}.upload-progress.failed .upload-progress-head strong,.upload-progress.failed .upload-progress-head span{color:var(--danger)}.upload-progress.failed .upload-progress-track i{background:var(--danger);box-shadow:none}
.upload-progress.success{border-color:#bbe5cf;background:#f4fbf7}.upload-progress.success .upload-progress-head strong,.upload-progress.success .upload-progress-head span{color:#1d6b48}.upload-progress.success .upload-progress-track i{background:linear-gradient(90deg,#2bb673,#1d8b5b);box-shadow:none}
@keyframes new-release-flash{0%{background:#e8f5ec}30%{background:#d4ecdc}100%{background:transparent}}
tr.is-new-release{animation:new-release-flash 3.5s ease-out 1;box-shadow:inset 3px 0 0 #2bb673}
[data-upload-submit]:disabled{cursor:wait;opacity:.72}
@keyframes upload-processing{to{background-position:-200% 0}}
@media(max-width:600px){.upload-progress-meta{align-items:flex-start;flex-direction:column;gap:5px}}

/* Consolidated admin information architecture */
.sidebar{background:linear-gradient(180deg,#0d1730 0%,#111a32 58%,#17142e 100%);box-shadow:12px 0 40px #1c274315}
.sidebar .nav-label{color:#7f8ca8;letter-spacing:.13em}.sidebar nav a{border:1px solid transparent;color:#cbd4e7}.sidebar nav a:hover{border-color:#ffffff12;background:#ffffff09;color:#fff}.sidebar nav a.active{border-color:#815cff55;background:linear-gradient(100deg,#6940dc42,#3a74d12b);color:#fff;box-shadow:inset 3px 0 #9a7bff}.sidebar nav a b{color:#cdbfff;background:#ffffff0e}
.desktop-tool-tabs{width:100%;margin-bottom:24px}.desktop-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:18px;padding:30px;border-radius:18px;color:#fff;background:linear-gradient(115deg,#3c1fc5,#6a32ea 58%,#287fdd);box-shadow:0 18px 42px #4d28d92e}.desktop-hero h2{margin:5px 0 8px;font-size:25px}.desktop-hero p{max-width:720px;margin:0;color:#e7e2ff;line-height:1.6}.desktop-hero .eyebrow{color:#cfc4ff}.btn.light{color:#5128ca;background:#fff;white-space:nowrap}
.readiness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.readiness-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff}.readiness-card>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#fff;font-weight:800}.readiness-card.ready>span{background:#10a66a}.readiness-card.warning>span{background:#de8a14}.readiness-card b,.readiness-card small{display:block}.readiness-card small{margin-top:4px;color:var(--muted)}
.upload-stage{padding:14px;border:1px solid var(--line);border-radius:11px;background:#fafbfe}.upload-stage+.upload-stage{margin-top:10px}.upload-progress-meta{margin-top:8px}.panel{box-shadow:0 8px 28px #23345909}.main{background:linear-gradient(180deg,#f7f8fc,#f2f5fa)}
@media(max-width:1100px){.readiness-grid{grid-template-columns:repeat(2,1fr)}.desktop-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.readiness-grid{grid-template-columns:1fr}}

/* Shared metrics, validation and actionable security states */
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.metric-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 7px 22px #23345908}
.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.metric-card strong{margin:9px 0 5px;font-size:24px;line-height:1.1;overflow-wrap:anywhere}.metric-card small{color:var(--muted);font-size:10px;line-height:1.45}
.metric-card.warning{border-color:#f0d39e;background:#fffaf0}.metric-card.warning strong{color:#a76605}.metric-card.danger{border-color:#efbec7;background:#fff7f8}.metric-card.danger strong{color:var(--danger)}
.readiness-card.info>span{background:#3675d7}.readiness-card.warning{border-color:#efd39f;background:#fffaf0}.readiness-card.error{border-color:#efbec7;background:#fff7f8}.readiness-card.error>span{background:var(--danger)}
.issue-box{margin-bottom:18px;padding:18px;border:1px solid var(--line);border-left-width:5px;border-radius:12px;background:#fff}.issue-box.danger{border-color:#edb8c2;border-left-color:var(--danger);background:#fff7f8}.issue-box h2{margin:0 0 6px;font-size:15px}.issue-box>p{margin:0;color:var(--muted);font-size:11px}.issue-list{display:grid;gap:10px;margin:15px 0 0;padding:0;list-style:none}.issue-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding-top:10px;border-top:1px solid #f1dce0}.issue-list li>div{display:grid;gap:4px}.issue-list b{font-size:11px}.issue-list small{color:#7d4751;line-height:1.45}.badge.error{color:#b82e43;background:#ffe9ed}
.error-summary,.form-error-box{margin-bottom:16px;padding:14px 16px;border:1px solid #eaaebb;border-left:5px solid var(--danger);border-radius:10px;color:#852638;background:#fff4f6}.error-summary strong,.form-error-box strong{display:block;margin-bottom:7px}.error-summary ul,.form-error-box ul{margin:0;padding-left:20px}.error-summary li,.form-error-box li{margin:4px 0;font-size:11px;line-height:1.45}.form-error-box:empty{display:none}
[aria-invalid="true"]{border-color:var(--danger)!important;box-shadow:0 0 0 3px #d9475c1a!important}.field-error{margin-top:2px;color:var(--danger);font-size:10px;font-weight:600}
.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;align-items:end}.filter-grid label{display:grid;gap:6px;font-size:10px;font-weight:600}.filter-actions{display:flex;align-items:center;gap:8px;grid-column:1/-1}.purchase-review-form{display:grid;grid-template-columns:minmax(130px,.45fr) minmax(180px,1fr) minmax(180px,.7fr) auto;align-items:end;gap:9px;min-width:640px}.purchase-review-form label{display:grid;gap:5px;font-size:9px}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}
@media(max-width:700px){.metric-grid,.filter-grid{grid-template-columns:1fr}.metric-card strong{font-size:21px}.issue-list li{grid-template-columns:1fr}.filter-actions{align-items:stretch;flex-direction:column}.filter-actions .btn{width:100%}.package-grid{grid-template-columns:1fr}.desktop-tool-tabs{width:100%}}

/* Desktop release artifact upload */
.release-upload-form{margin-top:17px}.release-file-field{padding:15px;border:1px dashed #bcb0eb;border-radius:11px;background:#faf9ff}.release-file-field>span{color:var(--ink);font-weight:700}.release-file-field input[type=file]{width:100%;padding:8px;background:#fff}.release-file-field>small{color:var(--muted);font-size:10px;font-weight:400}.release-auto-card{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:13px;border:1px solid #d9e9e1;border-radius:10px;color:#247254;background:#f4fbf7}.release-auto-card b{grid-column:1/-1;color:#146842;font-size:11px}.release-auto-card span{font-size:9px}.release-auto-card span:before{content:'✓';margin-right:6px;color:var(--green);font-weight:800}.release-integrity{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(260px,1.4fr) minmax(190px,.8fr);gap:12px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#fafbfe}.release-integrity>div{min-width:0}.release-integrity small,.release-integrity code,.release-integrity span,.release-integrity a{display:block}.release-integrity small{margin-bottom:7px;color:var(--muted);font-size:9px;text-transform:uppercase}.release-integrity code,.release-integrity a,.release-integrity span{overflow-wrap:anywhere;font-size:10px}.release-integrity code{padding:7px}.release-upload-form .upload-progress,.compact-form .upload-progress{margin:0}.release-upload-form [data-release-submit]{width:100%}
@media(max-width:800px){.release-integrity{grid-template-columns:1fr}.release-auto-card{grid-template-columns:1fr}}
.link-button{padding:0;border:0;background:none;cursor:pointer}.release-delete-form{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:16px;border:1px solid #efbec7;border-radius:11px;background:#fff7f8}.release-delete-form b,.release-delete-form small{display:block}.release-delete-form b{color:#ad3044;font-size:11px}.release-delete-form small{max-width:650px;margin-top:5px;color:#87515b;font-size:10px;line-height:1.45}.release-delete-form .btn{flex:none}
@media(max-width:700px){.release-delete-form{align-items:stretch;flex-direction:column}.release-delete-form .btn{width:100%}}

/* AdminLTE-inspired administration shell, rebuilt without legacy plugins. */
.admin-shell{grid-template-columns:250px minmax(0,1fr);background:#f4f6f9;transition:grid-template-columns .2s ease}
.admin-shell .sidebar{z-index:40;padding:0 12px 14px;border:0;color:#c2c7d0;background:#343a40;box-shadow:2px 0 7px #11182725;transition:width .2s ease,transform .2s ease}
.admin-shell .brand{height:58px;margin:0 -12px 0;padding:0 17px;border-bottom:1px solid #ffffff18;color:#fff;font-size:20px;font-weight:400}
.admin-shell .brand-mark{width:35px;height:35px;border-radius:50%;font-size:20px;box-shadow:none}
.admin-shell .brand small{margin-left:auto;color:#d9cbff;background:#ffffff12}
.sidebar-user-panel{display:flex;align-items:center;gap:11px;margin:0 3px 14px;padding:16px 5px;border-bottom:1px solid #ffffff18}
.sidebar-user-panel .avatar{width:34px;height:34px}.sidebar-user-panel>span:last-child{min-width:0}.sidebar-user-panel strong,.sidebar-user-panel small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-panel strong{color:#fff;font-size:13px}.sidebar-user-panel small{margin-top:4px;color:#9fa8b4;font-size:10px;text-transform:capitalize}
.sidebar-search{position:relative;display:block;margin:0 3px 14px}.sidebar-search:before{content:'\2315';position:absolute;z-index:1;top:50%;left:11px;color:#7f8995;font-size:14px;transform:translateY(-50%)}.sidebar-search input{width:100%;height:36px;padding:0 11px 0 30px;border:1px solid #ffffff1f;border-radius:5px;color:#e9edf2;background:#ffffff0a;outline:0;font-size:11px}.sidebar-search input::placeholder{color:#818a95}.sidebar-search input:focus{border-color:#8f6ee8;background:#ffffff10}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-empty{margin:8px 11px;color:#929ba6;font-size:10px}
.admin-shell .nav-label{margin:4px 10px 8px;color:#7f8791;font-size:9px}
.admin-nav{display:grid;gap:3px}.admin-nav>a,.nav-tree>summary{display:flex;align-items:center;gap:11px;min-height:42px;padding:8px 11px;border:0;border-radius:4px;color:#c2c7d0;cursor:pointer;font-size:13px;list-style:none;transition:background .15s,color .15s}.nav-tree>summary::-webkit-details-marker{display:none}.admin-nav>a:hover,.nav-tree>summary:hover{color:#fff;background:#ffffff12}.admin-nav>a.active,.nav-tree[open]>summary{color:#fff;background:#6f42d9}.admin-nav>a b,.nav-tree>summary b{display:grid;place-items:center;width:22px;flex:none;color:inherit;background:transparent;font-size:15px}.nav-tree>summary span{min-width:0;flex:1}.nav-tree>summary i{font-style:normal;font-size:21px;transform:rotate(0);transition:transform .15s}.nav-tree[open]>summary i{transform:rotate(90deg)}
.nav-children{display:grid;gap:2px;padding:4px 0 5px 43px}.nav-children a{position:relative;padding:8px 8px 8px 13px;border-radius:4px;color:#adb5bd;font-size:11px}.nav-children a:before{content:'•';position:absolute;left:0;color:#727b86}.nav-children a:hover{color:#fff;background:#ffffff0c}.nav-children a.active{color:#cbbcff;background:#ffffff10;font-weight:700}.nav-children a.active:before{color:#9a7bff}
.admin-shell .sidebar-account{margin-top:18px;border:1px solid #ffffff17;border-radius:5px;background:#ffffff08}.admin-shell .sidebar-account strong{color:#fff}.admin-shell .sidebar-account small{color:#aab1bb}.admin-shell .sidebar-account form button{color:#fff;background:#ffffff12}
.admin-shell .main{padding:28px 30px 0;background:#f4f6f9}.admin-shell .topbar{position:sticky;z-index:30;top:0;min-height:62px;margin:-28px -30px 25px;padding:8px 25px;border-bottom:1px solid #dfe3e7;background:#fff;box-shadow:0 1px 3px #26344612}.topbar-heading{display:flex;align-items:center;gap:14px}.sidebar-toggle{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:5px;color:#5d6773;background:transparent;cursor:pointer;font-size:20px}.sidebar-toggle:hover{background:#f1f3f5}.admin-shell .topbar .eyebrow{margin-bottom:3px}.admin-shell .topbar h1{font-size:19px;font-weight:500}.topbar-link{padding:9px 10px;color:#65707c;font-size:12px}.topbar-link:hover{color:#6f42d9}.topbar-user{display:flex;align-items:center;gap:8px;padding-left:11px;border-left:1px solid #e6e9ed}.topbar-user .avatar{width:31px;height:31px}.topbar-user b,.topbar-user small{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user b{font-size:10px}.topbar-user small{margin-top:2px;color:var(--muted);font-size:8px}
.admin-shell .panel,.admin-shell .stat-card,.admin-shell .profile-banner{border-color:#dfe3e7;border-radius:5px;box-shadow:0 1px 3px #26344615}.admin-shell .panel{border-top:3px solid #6f42d9}.admin-shell .stat-card{border-top:3px solid currentColor}.content-footer{display:flex;justify-content:space-between;gap:20px;margin:34px -30px 0;padding:16px 30px;border-top:1px solid #dfe3e7;color:#78828d;background:#fff;font-size:10px}.sidebar-overlay{display:none}
@media(min-width:901px){.admin-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.admin-shell.sidebar-collapsed .brand>span:not(.brand-mark),.admin-shell.sidebar-collapsed .brand small,.admin-shell.sidebar-collapsed .sidebar-user-panel>span:last-child,.admin-shell.sidebar-collapsed .nav-label,.admin-shell.sidebar-collapsed .sidebar-search,.admin-shell.sidebar-collapsed .admin-nav span,.admin-shell.sidebar-collapsed .nav-tree>summary i,.admin-shell.sidebar-collapsed .sidebar-account>div:nth-child(2){display:none}.admin-shell.sidebar-collapsed .brand,.admin-shell.sidebar-collapsed .sidebar-user-panel,.admin-shell.sidebar-collapsed .admin-nav>a,.admin-shell.sidebar-collapsed .nav-tree>summary,.admin-shell.sidebar-collapsed .sidebar-account{justify-content:center}.admin-shell.sidebar-collapsed .nav-children{display:none}.admin-shell.sidebar-collapsed .sidebar-account{padding:8px}.admin-shell.sidebar-collapsed .sidebar-account form{display:none}}
@media(max-width:900px){.admin-shell{display:block}.admin-shell .main{padding:24px 20px 0}.admin-shell .topbar{margin:-24px -20px 22px;padding-inline:18px}.topbar-user{display:none}.content-footer{margin-inline:-20px;padding-inline:20px}}

/* Credit management console: familiar account-first workflow backed by the immutable v2 ledger. */
.credit-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.credit-console{overflow:visible}.credit-console .panel-head p:not(.eyebrow){max-width:650px;margin:7px 0 0;color:var(--muted);font-size:11px}.credit-search{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(190px,.6fr) auto;align-items:end;gap:12px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.credit-search label,.credit-action label{display:grid;gap:7px;color:#4d5870;font-size:10px;font-weight:700}.credit-search input,.credit-search select,.credit-action input,.credit-action textarea{width:100%;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;outline:0}.credit-search input,.credit-search select,.credit-action input{height:40px;padding:0 11px}.credit-action textarea{padding:10px 11px;resize:vertical}.credit-search input:focus,.credit-search select:focus,.credit-action input:focus,.credit-action textarea:focus{border-color:#8c70e8;box-shadow:0 0 0 3px #7045dc18}.customer-cell{display:flex;align-items:center;gap:10px;min-width:230px}.customer-cell>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:8px;color:#fff;background:linear-gradient(145deg,#8055ef,#4f28c9);font-weight:800}.customer-cell b,.customer-cell small{display:block}.customer-cell small{max-width:280px;margin-top:4px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.warning-text{color:#a86400;font-weight:700}.credit-account-table td:last-child{position:relative}.credit-action{position:relative}.credit-action>summary{display:inline-flex;list-style:none;cursor:pointer}.credit-action>summary::-webkit-details-marker{display:none}.credit-action[open]>summary{color:#fff;background:var(--purple)}.credit-action>form{position:absolute;z-index:25;top:42px;right:0;display:grid;width:350px;gap:12px;padding:18px;border:1px solid #d9cff7;border-radius:12px;background:#fff;box-shadow:0 18px 48px #26334b38}.credit-action-head{display:flex;justify-content:space-between;gap:14px;padding-bottom:11px;border-bottom:1px solid var(--line)}.credit-action-head b,.credit-action-head small{display:block}.credit-action-head small{margin-top:5px;color:var(--muted);font-size:9px}.credit-action-head>span{color:var(--muted);font-size:18px}.field-help{margin-top:-7px;color:var(--muted);font-size:9px;line-height:1.45}.credit-action .full{width:100%}
@media(max-width:1200px){.credit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-search{grid-template-columns:1fr 1fr}.credit-search .filter-actions{grid-column:1/-1}}
@media(max-width:700px){.credit-metrics,.credit-search{grid-template-columns:1fr}.credit-search .filter-actions{grid-column:auto}.credit-action>form{position:fixed;top:50%;right:auto;left:50%;width:min(92vw,350px);transform:translate(-50%,-50%)}.customer-cell{min-width:190px}}
@media(max-width:600px){.admin-shell .topbar-actions .status-pill,.admin-shell .topbar-link{display:none}.admin-shell .main{padding-inline:13px}.admin-shell .topbar{margin-inline:-13px;padding-inline:12px}.content-footer{margin-inline:-13px;padding-inline:13px;flex-direction:column;gap:5px}}

/* Model-first Root payload compatibility builder. */
.compatibility-console{overflow:hidden}.compatibility-heading{align-items:flex-start}.compatibility-heading p:not(.eyebrow){max-width:720px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.rule-count{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid #d9cff7;border-radius:999px;color:#6436cd;background:#f5f2ff;font-size:10px;font-weight:800;white-space:nowrap}.compatibility-form{display:grid;gap:18px}.model-picker{display:grid;grid-template-columns:150px minmax(260px,1fr);align-items:center;gap:7px 16px;padding:17px;border:1px solid #dfe3e7;border-left:4px solid var(--purple);border-radius:9px;background:#fafbfe}.model-picker>label{color:#404b60;font-size:11px;font-weight:800}.model-picker select{width:100%;background:#fff}.model-picker-context{grid-column:2;color:var(--muted);font-size:9px;line-height:1.5}.compatibility-rule-list{display:grid;gap:13px}.compatibility-rule{overflow:hidden;border:1px solid #dfe3e7;border-radius:10px;background:#fff;box-shadow:0 1px 2px #25334d0c}.compatibility-rule>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border-bottom:1px solid #e8ebef;background:#f7f8fb}.compatibility-rule>header span,.compatibility-rule>header small{display:block}.compatibility-rule>header span{color:#39455b;font-size:11px;font-weight:700}.compatibility-rule>header small{margin-top:3px;color:var(--muted);font-size:9px;font-weight:400}.rule-remove{border:0;color:#b53b4d;background:transparent;cursor:pointer;font-size:10px;font-weight:700}.rule-remove:disabled{color:#aeb5c0;cursor:not-allowed}.rule-primary-grid,.rule-advanced-grid{display:grid;gap:12px;padding:15px}.rule-primary-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.rule-primary-grid label,.rule-advanced-grid label{display:grid;gap:6px;color:#4d5870;font-size:10px;font-weight:700}.rule-primary-grid input,.rule-primary-grid select,.rule-advanced-grid input,.rule-advanced-grid textarea{width:100%;background:#fff}.rule-advanced{border-top:1px solid #edf0f4}.rule-advanced>summary{padding:10px 15px;color:#6840ca;cursor:pointer;font-size:10px;font-weight:700}.rule-advanced[open]>summary{background:#faf9ff}.rule-advanced-grid{grid-template-columns:repeat(3,minmax(170px,1fr));padding-top:6px;background:#faf9ff}.rule-state{display:flex;justify-content:flex-end;padding:0 15px 14px}.rule-state .check-row{font-size:10px;font-weight:600}.compatibility-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.compatibility-library .compatibility-heading{margin-bottom:13px}.compatibility-model-groups{display:grid;gap:12px}.compatibility-model-group{overflow:visible;border:1px solid #dfe3e7;border-radius:9px;background:#fff}.compatibility-model-group>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;cursor:pointer;list-style:none;background:#f8f9fb}.compatibility-model-group>summary::-webkit-details-marker{display:none}.compatibility-model-group>summary b,.compatibility-model-group>summary small{display:block}.compatibility-model-group>summary b{color:#354057;font-size:12px}.compatibility-model-group>summary small{margin-top:4px;color:var(--muted);font-size:9px}.compatibility-model-group>.table-wrap{border-top:1px solid #e5e8ed}.compatibility-model-group td:first-child{min-width:205px}.compatibility-model-group td:nth-child(2){min-width:190px}.rule-editor>summary{cursor:pointer;list-style:none}.rule-editor>summary::-webkit-details-marker{display:none}.rule-editor[open]>form{display:grid;min-width:290px;margin-top:10px;padding:13px;border:1px solid #d9cff7;border-radius:9px;background:#fff}.rule-editor[open]>form+form{padding-top:10px;border-color:#f0cbd1}.rule-editor .btn{width:100%}
@media(max-width:1250px){.rule-primary-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.rule-primary-grid label:first-child{grid-column:1/-1}.rule-advanced-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}}
@media(max-width:700px){.model-picker{grid-template-columns:1fr}.model-picker-context{grid-column:1}.rule-primary-grid,.rule-advanced-grid{grid-template-columns:1fr}.rule-primary-grid label:first-child,.rule-advanced-grid .span-two{grid-column:1}.compatibility-actions{align-items:stretch;flex-direction:column}.compatibility-actions .btn{width:100%}.rule-state{justify-content:flex-start}.compatibility-model-group>summary{align-items:flex-start}}

/* Series accordion and selected-model security workspace. */
.compatibility-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}.compatibility-catalog,.compatibility-model-panel{overflow:hidden;border:1px solid #dfe3e7;border-radius:8px;background:#fff}.catalog-heading,.model-panel-heading,.rule-form-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #e5e8ed;background:#f8f9fb}.catalog-heading b,.catalog-heading small,.model-panel-heading h3,.model-panel-heading small,.rule-form-heading b,.rule-form-heading small{display:block}.catalog-heading b,.rule-form-heading b{color:#39455b;font-size:11px}.catalog-heading small,.model-panel-heading small,.rule-form-heading small{margin-top:4px;color:var(--muted);font-size:9px}.model-panel-heading .eyebrow{margin:0 0 4px}.model-panel-heading h3{margin:0;font-size:15px}.series-node{border-bottom:1px solid #edf0f4}.series-node:last-child{border-bottom:0}.series-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:0;color:#455067;background:#fff;cursor:pointer;font-size:11px;font-weight:700;text-align:left}.series-toggle:hover,.series-toggle[aria-expanded=true]{color:var(--purple);background:#faf9ff}.series-toggle i{font-style:normal;font-size:18px;transform:rotate(0);transition:transform .15s}.series-toggle[aria-expanded=true] i{transform:rotate(90deg)}.series-models{display:grid;gap:3px;padding:4px 7px 9px 18px;background:#fbfcfe}.catalog-model{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:0;border-left:2px solid #dfe3e7;border-radius:0 5px 5px 0;color:#58637a;background:transparent;cursor:pointer;text-align:left}.catalog-model:hover{background:#f4f1ff}.catalog-model[aria-pressed=true]{border-left-color:var(--purple);color:var(--purple);background:#f0edff}.catalog-model span b,.catalog-model span small{display:block}.catalog-model span b{font-size:10px}.catalog-model span small{margin-top:3px;color:var(--muted);font-size:8px;font-weight:400}.catalog-model em{display:grid;min-width:21px;height:21px;place-items:center;border-radius:11px;color:#68738b;background:#eef1f5;font-size:8px;font-style:normal}.catalog-model[aria-pressed=true] em{color:var(--purple);background:#fff}.model-saved-rules{min-height:118px}.model-rules-empty{padding:34px 18px;color:var(--muted);text-align:center;font-size:11px}.model-saved-rules td:first-child{min-width:190px}.model-saved-rules td:nth-child(2){min-width:180px}.model-rule-form{margin:0 14px 14px;padding:0 0 14px;border:1px solid #d9cff7;border-radius:8px;background:#fff}.model-rule-form[hidden]{display:none}.rule-form-heading{padding:11px 13px;background:#faf9ff}.rule-form-heading button{border:0;color:var(--purple);background:transparent;cursor:pointer;font-size:10px;font-weight:700}.model-rule-form .compatibility-rule-list{padding:13px}.model-rule-form .compatibility-actions{padding:0 13px}.model-rule-form .rule-primary-grid label:first-child{grid-column:auto}.rule-editor>form input[type=hidden]{display:none}
@media(max-width:1100px){.compatibility-workspace{grid-template-columns:210px minmax(0,1fr)}.model-rule-form .rule-primary-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}
@media(max-width:760px){.compatibility-workspace{grid-template-columns:1fr}.compatibility-catalog{max-height:none}.model-rule-form .rule-primary-grid label:first-child{grid-column:1}.model-panel-heading{align-items:flex-start}.model-panel-heading .btn{width:auto}}

/* Compatibility workspace v2: detailed single-open catalogue and AJAX feedback. */
.compatibility-heading{gap:22px}
.compatibility-overview{display:grid;grid-template-columns:repeat(3,minmax(74px,1fr));gap:8px;min-width:270px}
.compatibility-overview span{display:grid;gap:2px;padding:10px 12px;border:1px solid #e1dcf3;border-radius:9px;background:linear-gradient(145deg,#fbfaff,#f4f1ff)}
.compatibility-overview b{color:#5230af;font-size:15px;line-height:1}
.compatibility-overview small{color:#777f92;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.root-page-status,.compatibility-status,.ajax-feedback{margin:0 0 14px;padding:10px 12px;border:1px solid #b9e8d5;border-radius:8px;color:#187452;background:#edfbf5;font-size:10px;font-weight:700;line-height:1.5}
.root-page-status{margin-top:12px}
.payload-library-actions{min-width:180px}.payload-library-actions>form,.payload-library-actions>button,.payload-library-actions>details{display:block;width:100%;margin:0 0 7px}.payload-library-actions .btn{width:100%;min-height:36px}.payload-library-actions summary{min-height:28px;cursor:pointer}.payload-library-actions .stack-form{margin-top:8px}.payload-library-actions .btn:focus-visible,.payload-library-actions summary:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.root-page-status[data-state=error],.compatibility-status[data-state=error],.ajax-feedback[data-state=error]{border-color:#f1bec6;color:#a73548;background:#fff2f4}
.model-rule-form .ajax-feedback{margin:12px 13px 0}
.compact-form .ajax-feedback{grid-column:1/-1;margin:0}
.compatibility-workspace{grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:18px}
.compatibility-catalog,.compatibility-model-panel{border-color:#dcdfe8;border-radius:11px;box-shadow:0 8px 24px rgba(44,36,74,.05)}
.catalog-heading{padding:15px 16px;background:linear-gradient(145deg,#faf9ff,#f4f2fb)}
.catalog-heading>span{padding:5px 8px;border:1px solid #ded8f3;border-radius:999px;color:#6041b2;background:#fff;font-size:8px;font-weight:800;white-space:nowrap}
.series-node{border-color:#e8e9ef}
.series-toggle{padding:13px 15px;color:#3f485c}
.series-toggle>span b,.series-toggle>span small{display:block}
.series-toggle>span b{font-size:11px}
.series-toggle>span small{margin-top:3px;color:#8a91a1;font-size:8px;font-weight:600}
.series-toggle:hover,.series-toggle[aria-expanded=true]{color:#5933bc;background:#f8f6ff}
.series-toggle[aria-expanded=true]{box-shadow:inset 3px 0 #754bd5}
.series-models{gap:8px;padding:10px 11px 12px;background:#f8f9fc;border-top:1px solid #ececf2}
.catalog-model{display:grid;grid-template-columns:minmax(0,1fr) 18px;width:100%;gap:10px;padding:11px 12px;border:1px solid #e2e4eb;border-left:3px solid #d4d7e0;border-radius:8px;color:#444e62;background:#fff;box-shadow:0 2px 7px rgba(36,43,61,.035)}
.catalog-model:hover{border-color:#cfc4ef;border-left-color:#8a64df;background:#fbfaff;transform:translateY(-1px)}
.catalog-model[aria-pressed=true]{border-color:#a98ce9;border-left-color:#7044cf;color:#4f2aa5;background:linear-gradient(145deg,#faf8ff,#f1edff);box-shadow:0 5px 14px rgba(92,57,172,.12)}
.catalog-model-main{display:grid;gap:5px;min-width:0}
.catalog-model-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.catalog-model .catalog-model-title b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.catalog-model .catalog-model-title em{display:inline-flex;width:auto;min-width:0;height:auto;padding:3px 6px;border-radius:999px;color:#656e81;background:#eff1f5;font-size:7px;line-height:1;white-space:nowrap}
.catalog-model .catalog-model-main>small{display:flex;gap:5px;margin:0;color:#687286;font-size:8px}
.catalog-model .catalog-model-main>small span{min-width:57px;color:#9a819f;font-size:7px;font-weight:800;text-transform:uppercase}
.catalog-model-methods{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.method-chip{padding:3px 6px;border-radius:4px;color:#315f8d;background:#eaf4ff;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.02em}
.method-chip.direct_elf{color:#875b15;background:#fff4d8}
.method-chip.unassigned{color:#727b8d;background:#f0f2f5}
.catalog-model-arrow{align-self:center;color:#9a84c8;font-size:13px;font-style:normal}
.catalog-add-model{display:block;padding:11px 15px;border-top:1px solid #e8e9ef;color:#6741c1;background:#faf9ff;font-size:9px;font-weight:800;text-align:center;text-decoration:none}
.catalog-add-model:hover{background:#f2edff}
.model-panel-heading{padding:16px 18px;background:linear-gradient(145deg,#faf9ff,#f5f3fb)}
.model-panel-heading h3{font-size:17px}
.selected-model-details{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:0;border-bottom:1px solid #e8e9ef;background:#fff}
.selected-model-details>span{display:grid;align-content:start;gap:4px;min-height:62px;padding:12px 13px;border-right:1px solid #ececf1}
.selected-model-details>span:last-child{border-right:0}
.selected-model-details small{color:#8a92a2;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.selected-model-details b{overflow-wrap:anywhere;color:#424c60;font-size:9px;line-height:1.4}
.model-saved-rules{min-height:160px}
.model-saved-rules tr.compatibility-rule-updated td{animation:compatibility-rule-saved 2.4s ease-out}
@keyframes compatibility-rule-saved{0%{background:#ddf8eb;box-shadow:inset 0 2px #22a46d,inset 0 -2px #22a46d}45%{background:#effbf5}100%{background:transparent;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.model-saved-rules tr.compatibility-rule-updated td{animation:none;background:#effbf5}}
.model-rules-empty{padding:42px 20px}
[data-root-payload-page] button:disabled{cursor:wait;opacity:.7}
.payload-security-fields{display:grid;gap:12px;margin:2px 0;padding:14px;border:1px solid #d9d0f5;border-radius:11px;background:#faf8ff}.payload-security-fields legend{padding:0 7px;color:var(--purple);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.payload-authorization-fields{display:grid;gap:11px;padding-top:12px;border-top:1px solid var(--line)}.payload-authorization-fields[hidden]{display:none}.payload-authorization-fields .muted-note{margin:0}.payload-authorization-fields .issue-box{margin:0}.payload-security-fields input[readonly]{color:#4f3a86;background:#f3effd;cursor:not-allowed}
@media(max-width:1250px){
    .compatibility-workspace{grid-template-columns:minmax(285px,320px) minmax(0,1fr)}
    .selected-model-details{grid-template-columns:repeat(3,1fr)}
    .selected-model-details>span:nth-child(3){border-right:0}
    .selected-model-details>span:nth-child(-n+3){border-bottom:1px solid #ececf1}
}
@media(max-width:850px){
    .compatibility-heading{align-items:stretch;flex-direction:column}
    .compatibility-overview{width:100%;min-width:0}
    .compatibility-workspace{grid-template-columns:1fr}
}
@media(max-width:520px){
    .compatibility-overview{grid-template-columns:1fr}
    .selected-model-details{grid-template-columns:1fr}
    .selected-model-details>span{min-height:auto;border-right:0;border-bottom:1px solid #ececf1}
    .catalog-model{grid-template-columns:minmax(0,1fr)}
    .catalog-model-arrow{display:none}
}

/* Compact names-only compatibility catalogue. */
.compatibility-workspace{grid-template-columns:230px minmax(0,1fr)}
.compatibility-catalog{border-radius:8px;box-shadow:none}
.series-node{border-bottom:1px solid #e7e9ef}
.series-node:last-child{border-bottom:0}
.series-toggle{min-height:48px;padding:0 15px;color:#374155;background:#fff;font-size:11px;font-weight:750}
.series-toggle>span{display:block}
.series-toggle:hover,.series-toggle[aria-expanded=true]{color:#6138c5;background:#f8f6ff}
.series-toggle[aria-expanded=true]{box-shadow:inset 3px 0 #754bd5}
.series-toggle i{font-size:17px}
.series-models{display:grid;gap:0;padding:0;border-top:1px solid #ececf2;background:#fafbfc}
.series-models[hidden]{display:none}
.catalog-model-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;border-bottom:1px solid #eceef2;background:#fafbfc}
.catalog-model-row>form{display:grid;margin:0;border-left:1px solid #eceef2}
.catalog-model{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:10px;padding:0 10px 0 24px;border:0;border-left:0;border-radius:0;color:#566075;background:#fafbfc;box-shadow:none;transform:none}
.catalog-model:hover{border-color:#eceef2;background:#f2effb;transform:none}
.catalog-model[aria-pressed=true]{border-color:#eceef2;border-left:0;color:#5b32bb;background:#eee9fb;box-shadow:none}
.catalog-model-name{overflow:hidden;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.catalog-model>i{color:#9aa1af;font-size:14px;font-style:normal}
.catalog-model[aria-pressed=true]>i{color:#7044cf}
.catalog-model-remove{display:grid;width:100%;min-height:42px;place-items:center;border:0;color:#a1a8b5;background:#fafbfc;cursor:pointer;font-size:16px;line-height:1}
.catalog-model-remove:hover{color:#b62f47;background:#fff0f2}
.catalog-model-add{min-height:40px;padding:0 14px;border:0;color:#673cc5;background:#f7f4ff;cursor:pointer;font-size:9px;font-weight:800;text-align:left}
.catalog-model-add:hover{background:#eee8ff}
.catalog-model-create{display:grid;gap:9px;padding:12px;border-top:1px solid #e6e1f3;background:#f8f6ff}
.catalog-model-create[hidden]{display:none}
.catalog-model-create label{display:grid;gap:4px;color:#686f80;font-size:8px;font-weight:750}
.catalog-model-create input{width:100%;min-height:34px;background:#fff;font-size:9px}
.catalog-model-create-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.catalog-model-create-actions .btn{min-height:32px;padding:0 8px;font-size:8px}
.catalog-model-create .ajax-feedback{margin:0}

/* Admin customer-credit refund on job details. */
.job-action-status{margin:0 0 14px;padding:11px 13px;border:1px solid #b9e8d5;border-radius:8px;color:#187452;background:#edfbf5;font-size:10px;font-weight:750}
.job-action-status[data-state=error]{border-color:#f1bec6;color:#a73548;background:#fff2f4}
.job-refund-panel{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,440px);align-items:start;gap:24px;border-left:4px solid #7044cf}
.job-refund-panel h2,.job-refund-complete h2{margin:2px 0 6px}
.job-refund-panel p:not(.eyebrow){max-width:650px;margin:0;color:var(--muted);font-size:10px;line-height:1.6}
.job-refund-panel form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.job-refund-panel form label{display:grid;gap:5px;color:#4d5870;font-size:9px;font-weight:750}
.job-refund-panel form textarea{min-height:72px;resize:vertical}
.job-refund-panel form .ajax-feedback,.job-refund-panel form label:first-child{grid-column:1/-1}
.job-refund-panel form .btn{align-self:end;min-height:38px}
.job-refund-complete{display:flex;align-items:center;justify-content:space-between;gap:18px;border-left:4px solid #24a875;background:#f6fffb}
@media(max-width:800px){
    .job-refund-panel{grid-template-columns:1fr}
}
@media(max-width:520px){
    .job-refund-panel form{grid-template-columns:1fr}
    .job-refund-panel form label,.job-refund-panel form .ajax-feedback{grid-column:1}
    .job-refund-complete{align-items:flex-start;flex-direction:column}
}
@media(max-width:1250px){
    .compatibility-workspace{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:850px){
    .compatibility-workspace{grid-template-columns:1fr}
}

/* SaaS command-center foundation. */
:root {
    --ink: #172033;
    --muted: #667085;
    --line: #e3e8f0;
    --surface: #fff;
    --bg: #f4f6fa;
    --purple: #6d3de6;
    --purple2: #8b5cf6;
    --green: #07965b;
    --blue: #2563eb;
    --amber: #d97706;
    --teal: #0d9488;
    --danger: #d83b52;
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, .035), 0 8px 24px rgba(15, 23, 42, .035);
    --shadow-md: 0 18px 45px rgba(31, 28, 56, .09);
}

html { scroll-behavior: smooth; }
body {
    color: var(--ink);
    background: var(--bg);
    font-family: "Fira Sans", Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.ui-icon { display: block; flex: none; }
code,
.operation-device code { font-family: "Fira Code", "SFMono-Regular", Consolas, monospace; }

.skip-link {
    position: fixed;
    z-index: 1000;
    top: 10px;
    left: 10px;
    padding: 10px 14px;
    border-radius: 9px;
    color: #fff;
    background: #111827;
    box-shadow: var(--shadow-md);
    transform: translateY(-150%);
    transition: transform .18s ease;
}
.skip-link:focus { transform: translateY(0); }

.page-content,
.content-footer { width: 100%; max-width: 1680px; margin-inline: auto; }

.admin-shell > .main { min-height: 100vh; padding: 0 34px 48px; background: var(--bg); }
.admin-shell .topbar {
    position: sticky;
    z-index: 30;
    top: 0;
    min-height: 82px;
    gap: 24px;
    margin: 0 -34px 26px;
    padding: 17px 34px;
    border-bottom: 1px solid rgba(222, 227, 236, .90);
    background: rgba(248, 250, 253, .88);
    backdrop-filter: blur(18px) saturate(150%);
}

.topbar-heading { display: flex; align-items: center; gap: 14px; min-width: 0; }
.topbar-heading > div { min-width: 0; }
.topbar-heading .eyebrow { margin: 0 0 5px; color: #8a94a7; font-size: 9px; }
.topbar-heading h1 { overflow: hidden; color: #172033; font-size: clamp(20px, 2vw, 26px); letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }
.topbar-actions { align-items: center; flex-wrap: nowrap; }

.system-health {
    display: flex;
    min-height: 43px;
    align-items: center;
    gap: 9px;
    padding: 7px 11px;
    border: 1px solid #e0e6ee;
    border-radius: 11px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 5px 16px rgba(15, 23, 42, .04);
}
.system-health > i { width: 9px; height: 9px; border: 2px solid #fff; border-radius: 50%; background: #a0a8b7; box-shadow: 0 0 0 3px rgba(160, 168, 183, .15); }
.system-health > span { display: grid; gap: 2px; }
.system-health b { color: #475467; font-size: 10px; font-weight: 750; white-space: nowrap; }
.system-health small { color: #98a2b3; font-size: 8px; white-space: nowrap; }
.system-health[data-state="online"] > i { background: #12a36a; box-shadow: 0 0 0 3px rgba(18, 163, 106, .14); }
.system-health[data-state="attention"] > i { background: #d97706; box-shadow: 0 0 0 3px rgba(217, 119, 6, .14); }
.system-health[data-state="unknown"] > i { background: #94a3b8; }

.topbar-icon-link {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid #e0e6ee;
    border-radius: 11px;
    color: #667085;
    background: rgba(255, 255, 255, .82);
    transition: color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.topbar-icon-link:hover { color: var(--purple); border-color: #cec2f5; box-shadow: 0 6px 16px rgba(31, 28, 56, .07); }
.topbar-quick-action {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    border: 1px solid #ded5fa;
    border-radius: 11px;
    color: #6138c5;
    background: #f5f2ff;
    font-size: 11px;
    font-weight: 750;
}
.topbar-quick-action:hover { border-color: #c9b8f7; background: #eee9ff; }
.topbar-user { padding-left: 3px; }

.btn { min-height: 40px; gap: 8px; border-radius: 10px; padding-inline: 15px; }
.btn.primary { background: linear-gradient(110deg, #6436d8, #8758ed); box-shadow: 0 8px 20px rgba(91, 48, 211, .20); }
.btn.glass { color: #fff; border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .10); backdrop-filter: blur(8px); }
.btn.glass:hover { background: rgba(255, 255, 255, .16); }
.btn:focus-visible,
.topbar-icon-link:focus-visible,
.topbar-quick-action:focus-visible,
.panel-link:focus-visible,
.operation-row:focus-visible,
.priority-item:focus-visible {
    outline: 2px solid var(--purple);
    outline-offset: 3px;
}

/* Admin dashboard. */
.dashboard-command { display: grid; gap: 20px; }
.dashboard-intro {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 22px 30px;
    overflow: hidden;
    padding: 28px 30px 0;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 20px;
    color: #fff;
    background:
        radial-gradient(circle at 92% 0, rgba(96, 165, 250, .22) 0, transparent 34%),
        radial-gradient(circle at 4% 0, rgba(139, 92, 246, .36) 0, transparent 35%),
        linear-gradient(125deg, #11192d 0%, #141b30 54%, #0c1426 100%);
    box-shadow: var(--shadow-md);
}
.dashboard-intro::after {
    content: "";
    position: absolute;
    top: -110px;
    right: 15%;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
    box-shadow: 0 0 0 45px rgba(255, 255, 255, .025), 0 0 0 90px rgba(255, 255, 255, .018);
    pointer-events: none;
}
.dashboard-intro-copy,
.dashboard-intro-actions,
.dashboard-health-strip { position: relative; z-index: 1; }
.dashboard-intro-copy { max-width: 760px; }
.dashboard-live-label { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 13px; color: #c9d2e7; font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.dashboard-live-label i { width: 8px; height: 8px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 5px rgba(52, 211, 153, .12); }
.dashboard-intro h2 { max-width: 700px; margin: 0; color: #fff; font-size: clamp(24px, 3vw, 34px); line-height: 1.12; letter-spacing: -.035em; }
.dashboard-intro p { max-width: 700px; margin: 12px 0 0; color: #aeb9ce; font-size: 13px; line-height: 1.65; }
.dashboard-intro-actions { display: flex; align-items: flex-start; justify-content: flex-end; gap: 9px; }
.dashboard-intro-actions .btn { white-space: nowrap; }

.dashboard-health-strip {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 -30px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .045);
    backdrop-filter: blur(12px);
}
.dashboard-health-strip > div { display: grid; gap: 7px; padding: 15px 22px; border-right: 1px solid rgba(255, 255, 255, .08); }
.dashboard-health-strip > div:last-child { border-right: 0; }
.dashboard-health-strip strong { color: #fff; font-size: 18px; line-height: 1; }
.health-signal { display: inline-flex; align-items: center; gap: 7px; color: #98a6bd; font-size: 9px; font-weight: 700; }
.health-signal i { width: 7px; height: 7px; border-radius: 50%; background: #718096; }
.health-signal.online i { background: #34d399; }
.health-signal.warning i { background: #fbbf24; }

.metric-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.metric-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 128px;
    align-items: flex-start;
    gap: 13px;
    overflow: hidden;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #fff;
    box-shadow: var(--shadow-sm);
}
.metric-card::after { content: ""; position: absolute; top: -28px; right: -30px; width: 84px; height: 84px; border-radius: 50%; background: currentColor; opacity: .055; }
.metric-card.purple { color: var(--purple); }
.metric-card.green { color: var(--green); }
.metric-card.blue { color: var(--blue); }
.metric-card.amber { color: var(--amber); }
.metric-card.red { color: var(--danger); }
.metric-card.teal { color: var(--teal); }
.metric-icon { display: grid; width: 38px; height: 38px; flex: none; place-items: center; border-radius: 10px; color: currentColor; background: color-mix(in srgb, currentColor 10%, white); }
.metric-icon .ui-icon { width: 19px; height: 19px; }
.metric-copy { display: grid; min-width: 0; gap: 3px; }
.metric-copy > span { color: #667085; font-size: 10px; font-weight: 700; }
.metric-copy strong { margin: 5px 0 3px; color: #172033; font-size: clamp(20px, 2vw, 27px); line-height: 1; letter-spacing: -.025em; }
.metric-copy small { overflow: hidden; color: #98a2b3; font-size: 9px; line-height: 1.4; text-overflow: ellipsis; }

.dashboard-primary-grid { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(320px, .75fr); gap: 20px; align-items: stretch; }
.dashboard-secondary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.dashboard-panel { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow-sm); }
.dashboard-panel-head { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 20px; border-bottom: 1px solid #e9edf3; }
.dashboard-panel-head .eyebrow { margin: 0 0 4px; color: #8b95a7; font-size: 8px; }
.dashboard-panel-head h2 { margin: 0; color: #1b2436; font-size: 15px; letter-spacing: -.01em; }
.dashboard-panel-head small { display: block; margin-top: 5px; color: #98a2b3; font-size: 9px; }
.panel-link { display: inline-flex; min-height: 36px; align-items: center; gap: 6px; padding: 0 10px; border-radius: 9px; color: #653cca; background: #f3f0ff; font-size: 10px; font-weight: 750; white-space: nowrap; }
.panel-link:hover { background: #ebe5ff; }
.attention-count { display: grid; min-width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #b4233d; background: #fff0f2; font-size: 11px; font-weight: 800; }

.operation-list { display: grid; }
.operation-row { display: grid; grid-template-columns: 38px minmax(170px, 1.4fr) minmax(150px, .8fr) auto; min-height: 68px; align-items: center; gap: 12px; padding: 10px 18px; border-bottom: 1px solid #eef1f5; transition: background .16s ease; }
.operation-row:last-child { border-bottom: 0; }
.operation-row:hover { background: #fafbfe; }
.operation-symbol { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; color: #6740c9; background: #f0ecff; }
.operation-main { display: grid; min-width: 0; gap: 5px; }
.operation-main b { overflow: hidden; color: #273144; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.operation-main small { overflow: hidden; color: #8993a5; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.operation-device { display: grid; min-width: 0; gap: 5px; }
.operation-device small { color: #98a2b3; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.operation-device code { overflow: hidden; padding: 0; color: #536077; background: transparent; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

.priority-feed { display: grid; padding: 8px 14px 14px; }
.priority-item { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px 5px; border-bottom: 1px solid #eef1f5; }
.priority-item:last-child { border-bottom: 0; }
.priority-item > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; color: #b4233d; background: #fff0f2; }
.priority-item.support > span { color: #2859bc; background: #edf3ff; }
.priority-item > div { display: grid; min-width: 0; gap: 4px; }
.priority-item b { overflow: hidden; color: #344054; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.priority-item small { display: -webkit-box; overflow: hidden; color: #98a2b3; font-size: 8px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.priority-item em { padding: 4px 6px; border-radius: 999px; color: #9f2840; background: #fff0f2; font-size: 7px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.priority-item.support em { color: #2859bc; background: #edf3ff; }

.dashboard-table-wrap { max-height: 420px; }
.dashboard-table thead { position: sticky; z-index: 2; top: 0; background: #f9fafc; }
.dashboard-table th { padding: 11px 17px; color: #8b95a7; background: #f9fafc; }
.dashboard-table td { padding: 12px 17px; }
.dashboard-table tbody tr { transition: background .14s ease; }
.dashboard-table tbody tr:hover { background: #fafbfe; }

.audit-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.audit-event { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; padding: 16px 18px; border-right: 1px solid #edf0f4; border-bottom: 1px solid #edf0f4; }
.audit-event:nth-child(3n) { border-right: 0; }
.audit-event:nth-last-child(-n + 3) { border-bottom: 0; }
.audit-event > span { display: grid; width: 32px; height: 32px; grid-row: 1 / span 2; place-items: center; border-radius: 9px; color: #6740c9; background: #f0ecff; }
.audit-event > div { display: grid; min-width: 0; gap: 4px; }
.audit-event b { overflow: hidden; color: #344054; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.audit-event small { overflow: hidden; color: #98a2b3; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.audit-event time { grid-column: 2; color: #98a2b3; font-size: 8px; }

.dashboard-empty { display: grid; min-height: 180px; place-items: center; align-content: center; gap: 7px; padding: 25px; color: #98a2b3; text-align: center; }
.dashboard-empty b { color: #667085; font-size: 11px; }
.dashboard-empty span { font-size: 9px; }
.dashboard-empty.compact { min-height: 120px; }

@media (max-width: 1450px) {
    .metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .metric-card { min-height: 112px; }
}

@media (max-width: 1120px) {
    .dashboard-intro { grid-template-columns: 1fr; }
    .dashboard-intro-actions { justify-content: flex-start; }
    .dashboard-primary-grid,
    .dashboard-secondary-grid { grid-template-columns: 1fr; }
    .audit-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .audit-event:nth-child(3n) { border-right: 1px solid #edf0f4; }
    .audit-event:nth-child(2n) { border-right: 0; }
    .audit-event:nth-last-child(-n + 3) { border-bottom: 1px solid #edf0f4; }
    .audit-event:nth-last-child(-n + 2) { border-bottom: 0; }
}

@media (max-width: 900px) {
    .admin-shell > .main { padding-inline: 20px; }
    .admin-shell .topbar { margin-inline: -20px; padding-inline: 20px; }
    .topbar-user > span:last-child { display: none; }
    .dashboard-health-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-health-strip > div:nth-child(2) { border-right: 0; }
    .dashboard-health-strip > div:nth-child(-n + 2) { border-bottom: 1px solid rgba(255, 255, 255, .08); }
}

@media (max-width: 680px) {
    html { scroll-behavior: auto; }
    .admin-shell > .main { padding-inline: 13px; }
    .admin-shell .topbar { min-height: 72px; gap: 10px; margin-inline: -13px; padding: 13px; }
    .topbar-heading { gap: 9px; }
    .topbar-heading .eyebrow { display: none; }
    .topbar-heading h1 { max-width: 45vw; font-size: 19px; }
    .topbar-actions { display: flex; gap: 7px; }
    .topbar-quick-action,
    .topbar-icon-link,
    .topbar-user { display: none; }
    .system-health { min-height: 40px; padding: 7px 9px; }
    .system-health small { display: none; }
    .dashboard-intro { padding: 22px 20px 0; border-radius: 16px; }
    .dashboard-intro h2 { font-size: 24px; }
    .dashboard-intro-actions { align-items: stretch; flex-direction: column; }
    .dashboard-intro-actions .btn { width: 100%; }
    .dashboard-health-strip { margin-inline: -20px; }
    .dashboard-health-strip > div { padding: 13px 15px; }
    .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .metric-card { min-height: 118px; padding: 15px; }
    .metric-icon { width: 34px; height: 34px; }
    .operation-row { grid-template-columns: 36px minmax(0, 1fr) auto; padding-inline: 13px; }
    .operation-device { display: none; }
    .dashboard-panel-head { padding-inline: 15px; }
    .dashboard-table th,
    .dashboard-table td { padding-inline: 13px; }
    .audit-strip { grid-template-columns: 1fr; }
    .audit-event,
    .audit-event:nth-child(2n),
    .audit-event:nth-child(3n),
    .audit-event:nth-last-child(-n + 2),
    .audit-event:nth-last-child(-n + 3) { border-right: 0; border-bottom: 1px solid #edf0f4; }
    .audit-event:last-child { border-bottom: 0; }
}

@media (max-width: 430px) {
    .metric-grid { grid-template-columns: 1fr; }
    .metric-card { min-height: 100px; }
    .dashboard-health-strip { grid-template-columns: 1fr; }
    .dashboard-health-strip > div,
    .dashboard-health-strip > div:nth-child(2) { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .08); }
    .dashboard-health-strip > div:last-child { border-bottom: 0; }
    .system-health > span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Reseller public-listing administration */
.directory-admin-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 18px; padding: 22px 25px; border: 1px solid #dfe5ed; border-radius: 14px; background: linear-gradient(135deg,#fff,#f7fbff); }
.directory-admin-header h2,.directory-admin-header p { margin: 0; }
.directory-admin-header > div:first-child > p:last-child { max-width: 720px; margin-top: 8px; color: #667085; font-size: 12px; }
.directory-form-section { display: grid; gap: 4px; margin: 6px 0 1px; padding: 12px 14px; border: 1px solid #e2ddf7; border-left: 4px solid #7544e8; border-radius: 9px; background: linear-gradient(135deg,#faf8ff,#fff); }
.directory-form-section strong { color: #37266e; font-size: 12px; }
.directory-form-section small { color: #727b8e; font-size: 9px; line-height: 1.5; }
.directory-state { display: flex; gap: 8px; }
.directory-verified { display: inline-block; margin-top: 5px; color: #08784a; }
.directory-admin-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(280px,.75fr); gap: 18px; }
.directory-admin-side { display: grid; align-content: start; }
.directory-logo-panel { display: grid; gap: 13px; }
.directory-logo-panel > p { color: #667085; font-size: 11px; line-height: 1.6; }
.directory-logo-panel form,.directory-logo-panel .btn { width: 100%; }
.directory-logo-preview { min-height: 180px; display: grid; place-items: center; overflow: hidden; border: 1px dashed #c6d2df; border-radius: 12px; background: #f8fbff; }
.directory-logo-preview img { max-width: 85%; max-height: 150px; object-fit: contain; }
.directory-logo-preview span { width: 86px; height: 86px; display: grid; place-items: center; color: #fff; border-radius: 20px; background: linear-gradient(135deg,#078bf4,#45b8f7); font-size: 25px; font-weight: 800; }
.directory-details-panel { min-width: 0; }
.directory-profile-form { gap: 14px; }
.directory-fieldset { min-width: 0; margin: 0; padding: 17px; border: 1px solid #e1dcef; border-radius: 13px; background: linear-gradient(145deg,#fff,#fbfaff); }
.directory-fieldset legend { padding: 0 8px; color: #5132ad; font-size: 11px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.directory-field-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.directory-field-grid--three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.directory-field-grid label,.directory-logo-input { min-width: 0; }
.directory-field-grid input,.directory-field-grid select,.directory-field-grid textarea,.directory-logo-input input { width: 100%; }
.directory-logo-input input { min-height: 46px; padding: 10px; border: 1px dashed #baa9e8; border-radius: 9px; background: #f8f5ff; }
.directory-logo-input small { color: #737d90; font-size: 9px; font-weight: 600; }
.directory-service-options,.directory-status-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin-bottom: 14px; }
.directory-service-options .check-row,.directory-status-options .check-row { display: flex; align-items: center; min-height: 44px; gap: 9px; margin: 0; padding: 10px 12px; border: 1px solid #ded8ef; border-radius: 10px; background: #fff; cursor: pointer; }
.directory-service-options input,.directory-status-options input { flex: 0 0 18px; width: 18px; height: 18px; min-height: 18px; margin: 0; accent-color: #6840ce; }
.directory-card-preview { display: grid; gap: 4px; padding: 14px; border: 1px solid #e0daef; border-radius: 11px; background: linear-gradient(135deg,#faf8ff,#fff); }
.directory-card-preview small { color: #7956ce; font-size: 9px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.directory-card-preview strong { color: #273248; font-size: 16px; }
.directory-card-preview span { color: #758094; font-size: 10px; }
.directory-logo-preview img { width: 144px; height: 144px; border-radius: 50%; object-fit: cover; }
.directory-logo-preview span { border-radius: 50%; }

/* Structured Home page editor */
.home-editor-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 16px; padding: 24px 26px; color: #fff; border-radius: 15px; background: linear-gradient(135deg,#072d59,#06477c); }
.home-editor-intro h2,.home-editor-intro p { margin: 0; }
.home-editor-intro h2 { margin-bottom: 7px; font-size: 22px; }
.home-editor-intro > div > p:last-child { max-width: 760px; color: #b9cde0; font-size: 11px; line-height: 1.55; }
.home-editor-intro dl { display: flex; gap: 25px; margin: 0; }
.home-editor-intro dl div { display: grid; gap: 4px; white-space: nowrap; }
.home-editor-intro dt { color: #9cb9d2; font-size: 8px; text-transform: uppercase; }
.home-editor-intro dd { margin: 0; font-size: 11px; font-weight: 800; }
.home-editor-actions { position: sticky; z-index: 20; top: 10px; display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 14px; padding: 10px; border: 1px solid #dfe5ed; border-radius: 11px; background: rgba(255,255,255,.94); box-shadow: 0 8px 28px rgba(20,42,70,.08); backdrop-filter: blur(12px); }
.home-editor-actions.bottom { position: static; margin-top: 16px; }
.home-editor-section { margin-bottom: 12px; padding: 0; overflow: hidden; }
.home-editor-section > summary { min-height: 65px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 22px; cursor: pointer; list-style: none; }
.home-editor-section > summary::-webkit-details-marker { display: none; }
.home-editor-section > summary div { display: grid; gap: 3px; }
.home-editor-section > summary span { color: #8290a3; font: 700 8px/1 "IBM Plex Mono",monospace; letter-spacing: .05em; text-transform: uppercase; }
.home-editor-section > summary strong { font-size: 15px; }
.home-editor-section > summary i { position: relative; width: 18px; height: 18px; }
.home-editor-section > summary i::before,.home-editor-section > summary i::after { content: ""; position: absolute; top: 8px; left: 3px; width: 12px; height: 1.5px; background: #526477; }
.home-editor-section > summary i::after { transform: rotate(90deg); transition: transform .2s; }
.home-editor-section[open] > summary i::after { transform: rotate(0); }
.home-editor-body { display: grid; gap: 18px; padding: 20px 22px 24px; border-top: 1px solid #edf0f4; background: #fbfcfe; }
.section-control-row { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 12px 14px; border: 1px solid #e1e7ee; border-radius: 9px; background: #fff; }
.section-control-row > label:not(.check-row) { max-width: 180px; }
.editor-title-field { display: grid; gap: 7px; }
.editor-subhead { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 4px; }
.editor-subhead.compact { margin: 12px 0 0; }
.editor-subhead h3,.editor-subhead p { margin: 0; }
.editor-subhead h3 { font-size: 13px; }
.editor-subhead p,.editor-note { color: #667085; font-size: 10px; }
.editor-repeater { display: grid; gap: 9px; }
.editor-repeater.nested { padding: 12px; border: 1px solid #e2e8ef; border-radius: 9px; background: #f8fafc; }
.editor-row { display: grid; grid-template-columns: repeat(3,minmax(130px,1fr)) auto; align-items: end; gap: 10px; padding: 12px; border: 1px solid #dfe6ed; border-radius: 9px; background: #fff; }
.editor-row-wide { grid-template-columns: minmax(120px,.5fr) minmax(150px,1fr) minmax(220px,1.7fr) auto; }
.editor-row-wide > label:nth-last-of-type(2):not(.grow) { grid-column: auto; }
.editor-model-row { grid-template-columns: minmax(260px,1fr) auto; }
.editor-row label,.editor-footer-group > label { display: grid; gap: 6px; color: #344054; font-size: 10px; font-weight: 700; }
.editor-row input,.editor-row select,.editor-row textarea,.editor-footer-group input { width: 100%; }
.editor-row select[multiple] { min-height: 86px; }
.editor-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.editor-row-actions button { min-height: 31px; padding: 0 9px; color: #475467; border: 1px solid #d5dde6; border-radius: 5px; background: #fff; font-size: 9px; font-weight: 800; cursor: pointer; }
.editor-row-actions button[data-remove-row] { color: #b42318; }
.editor-footer-group { padding: 15px; border: 1px solid #d7e0e9; border-radius: 10px; background: #fff; }
.editor-footer-group > .editor-row-actions { float: right; margin-top: -50px; }
@media (max-width: 1050px) { .home-editor-intro { align-items: flex-start; flex-direction: column; } .editor-row,.editor-row-wide { grid-template-columns: repeat(2,minmax(0,1fr)); } .editor-row-actions { grid-column: 1/-1; } }
@media (max-width: 680px) { .home-editor-actions { position: static; display: grid; grid-template-columns: 1fr 1fr; } .home-editor-intro dl { flex-direction: column; gap: 10px; } .section-control-row { align-items: stretch; flex-direction: column; } .editor-row,.editor-row-wide,.editor-model-row { grid-template-columns: 1fr; } }
@media (max-width: 1050px) {
    .directory-admin-grid { grid-template-columns: 1fr; }
    .directory-field-grid--three,.directory-service-options,.directory-status-options { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
    .directory-admin-header { align-items: flex-start; flex-direction: column; }
    .directory-field-grid,.directory-field-grid--three,.directory-service-options,.directory-status-options { grid-template-columns: 1fr; }
    .directory-fieldset { padding: 13px; }
}

/* Supported-model catalogue administration */
.supported-model-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 17px; padding: 23px 25px; color: #fff; border-radius: 15px; background: linear-gradient(135deg,#172c57,#633bd3); box-shadow: 0 16px 38px rgba(64,43,140,.15); }
.supported-model-intro h2,.supported-model-intro p { margin: 0; }
.supported-model-intro h2 { margin: 5px 0 7px; font-size: 21px; }
.supported-model-intro p:last-child { max-width: 760px; color: #ded8f8; font-size: 10px; line-height: 1.55; }
.supported-model-intro .eyebrow { color: #bfb4ee; }
.supported-model-intro .btn { color: #5230ba; border-color: #fff; background: #fff; }
.supported-model-admin-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 17px; margin-bottom: 17px; }
.supported-global-panel,.supported-series-panel,.supported-add-panel,.supported-list-panel { min-width: 0; }
.supported-global-form { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 12px; margin-top: 16px; }
.supported-global-form label,.supported-series-form label,.supported-add-form > label,.supported-model-fields > label { display: grid; gap: 7px; color: #344054; font-size: 9px; font-weight: 750; }
.credit-input { display: flex; align-items: center; min-height: 42px; overflow: hidden; border: 1px solid #d2dae5; border-radius: 8px; background: #fff; }
.credit-input:focus-within { border-color: #7651df; box-shadow: 0 0 0 3px rgba(118,81,223,.1); }
.credit-input input { min-width: 0; height: 40px; border: 0 !important; box-shadow: none !important; }
.credit-input small { padding-right: 11px; color: #8a94a6; font-size: 8px; }
.supported-series-form { display: grid; grid-template-columns: 1.4fr .7fr auto; align-items: end; gap: 10px; margin-top: 16px; }
.supported-add-panel { margin-bottom: 17px; }
.supported-add-form { display: grid; grid-template-columns: repeat(4,minmax(140px,1fr)); align-items: end; gap: 12px; margin-top: 15px; }
.supported-add-form > button { min-height: 42px; }
.supported-active { min-height: 42px; align-content: center; }
.supported-model-list { display: grid; gap: 11px; margin-top: 14px; }
.supported-model-row { overflow: hidden; border: 1px solid #dfe5ed; border-radius: 12px; background: #fff; }
.supported-model-row.is-disabled { background: #fafbfc; opacity: .78; }
.supported-model-row > header { display: grid; grid-template-columns: 26px 40px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 12px 14px; border-bottom: 1px solid #edf0f4; background: #fbfcfe; }
.supported-phone-icon { width: 38px; height: 38px; display: grid; place-items: center; color: #633bd3; border-radius: 10px; background: #f0ecff; }
.supported-model-row header > div { display: grid; gap: 3px; }
.supported-model-row header strong { color: #273144; font-size: 11px; }
.supported-model-row header small { color: #8a94a6; font-size: 8px; }
.supported-model-fields { display: grid; grid-template-columns: 1.1fr 1.25fr 1.25fr 1.35fr .9fr .9fr .55fr .8fr auto; align-items: end; gap: 9px; padding: 13px 14px 15px; }
.supported-model-fields input,.supported-model-fields select,.supported-add-form input,.supported-add-form select,.supported-series-form input { width: 100%; }
.supported-model-fields .btn { min-height: 42px; white-space: nowrap; }
.price-display.single-price { grid-template-columns: 1fr; }
@media (max-width: 1350px) { .supported-add-form { grid-template-columns: repeat(3,minmax(0,1fr)); } .supported-model-fields { grid-template-columns: repeat(4,minmax(0,1fr)); } .supported-model-fields .btn { width: 100%; } }
@media (max-width: 900px) { .supported-model-admin-grid { grid-template-columns: 1fr; } .supported-global-form,.supported-series-form { grid-template-columns: 1fr 1fr; } .supported-global-form .btn,.supported-series-form .btn { grid-column: 1/-1; width: 100%; } .supported-add-form { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .supported-model-intro { align-items: flex-start; flex-direction: column; } .supported-model-intro .btn { width: 100%; } .supported-global-form,.supported-series-form,.supported-add-form,.supported-model-fields { grid-template-columns: 1fr; } }

/* Public website management hub */
.website-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 17px; padding: 25px 27px; color: #fff; border-radius: 16px; background: radial-gradient(circle at 78% 20%,rgba(118,81,223,.45),transparent 27%),linear-gradient(135deg,#0a2548,#162d57 52%,#4327a6); box-shadow: 0 18px 42px rgba(26,43,86,.16); }
.website-hero h2,.website-hero p { margin: 0; }
.website-hero h2 { margin: 5px 0 8px; font-size: 23px; }
.website-hero > div:first-child > p:last-child { max-width: 760px; color: #cbd6eb; font-size: 11px; line-height: 1.6; }
.website-hero .eyebrow { color: #b8c7e1; }
.website-preview-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.website-preview-actions .btn { gap: 7px; color: #263b63; border-color: rgba(255,255,255,.8); background: #fff; }
.website-stat-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 17px; }
.website-stat-grid article { min-width: 0; display: grid; grid-template-columns: 43px minmax(0,1fr); align-items: center; gap: 12px; min-height: 105px; padding: 17px; border: 1px solid #e0e6ee; border-radius: 13px; background: #fff; box-shadow: 0 8px 24px rgba(26,43,70,.045); }
.website-stat-grid article > div { min-width: 0; display: grid; gap: 3px; }
.website-stat-grid small { color: #738097; font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.website-stat-grid strong { overflow: hidden; color: #18243a; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.website-stat-grid p { margin: 0; color: #8995a7; font-size: 8px; line-height: 1.45; }
.website-stat-icon,.website-tool-icon { display: grid; place-items: center; color: #633bd3; border-radius: 11px; background: #f0ecff; }
.website-stat-icon { width: 43px; height: 43px; }
.website-stat-icon.blue,.website-tool-icon.blue { color: #1164d6; background: #eaf3ff; }
.website-stat-icon.green,.website-tool-icon.green { color: #08784a; background: #e8f8f1; }
.website-stat-icon.orange,.website-tool-icon.orange { color: #b85e0b; background: #fff2e5; }
.website-content-panel { margin-bottom: 17px; }
.website-tool-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 14px; }
.website-tool-grid > a { min-width: 0; display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 94px; padding: 15px; color: inherit; border: 1px solid #e0e6ee; border-radius: 12px; background: linear-gradient(135deg,#fff,#fbfcff); text-decoration: none; transition: border-color .18s,box-shadow .18s,transform .18s; }
.website-tool-grid > a:hover { border-color: #baaaf0; box-shadow: 0 10px 25px rgba(79,55,159,.09); transform: translateY(-1px); }
.website-tool-icon { width: 44px; height: 44px; }
.website-tool-grid a > span:nth-child(2) { min-width: 0; display: grid; gap: 5px; }
.website-tool-grid strong { color: #263247; font-size: 11px; }
.website-tool-grid small { color: #7d899b; font-size: 8px; line-height: 1.5; }
.website-tool-grid a > i { color: #8467de; font-size: 22px; font-style: normal; }
.website-resellers { scroll-margin-top: 20px; }
.website-resellers table td { vertical-align: middle; }
@media (max-width: 1100px) { .website-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .website-tool-grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .website-hero { align-items: flex-start; flex-direction: column; } .website-preview-actions { width: 100%; justify-content: flex-start; } .website-preview-actions .btn { flex: 1; justify-content: center; } .website-stat-grid { grid-template-columns: 1fr; } }

/* Progressive AJAX feedback across the administration workspace */
.admin-ajax-notice { position: fixed; z-index: 5000; right: 22px; bottom: 22px; max-width: min(420px,calc(100vw - 30px)); padding: 13px 16px; color: #fff; border-radius: 10px; background: #167552; box-shadow: 0 14px 36px rgba(25,45,70,.2); font-size: 11px; font-weight: 750; line-height: 1.45; }
.admin-ajax-notice[data-state="error"] { background: #b4233a; }
.admin-ajax-notice[hidden] { display: none; }
form[aria-busy="true"] { cursor: progress; }
.btn.is-loading { position: relative; opacity: .78; cursor: progress; }
.supported-global-form { grid-template-columns: 1fr 1fr minmax(150px,.7fr); }
.supported-global-note { align-self: center; color: #79869a; font-size: 9px; line-height: 1.45; }
.supported-model-fields { grid-template-columns: 1.1fr 1.25fr 1.25fr 1.35fr .9fr .9fr .55fr .8fr; }
.supported-save-bar { position: sticky; z-index: 12; bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 16px; padding: 11px 13px; border: 1px solid #d8e1eb; border-radius: 11px; background: rgba(255,255,255,.96); box-shadow: 0 12px 32px rgba(30,48,78,.12); backdrop-filter: blur(12px); }
.supported-save-bar p { display: flex; align-items: center; gap: 8px; margin: 0; color: #657287; font-size: 9px; font-weight: 700; }
.supported-save-bar p i { width: 8px; height: 8px; border-radius: 50%; background: #20b777; box-shadow: 0 0 0 4px rgba(32,183,119,.12); }
.supported-save-bar .btn { gap: 8px; min-width: 210px; }
@media (max-width: 900px) { .supported-global-form { grid-template-columns: 1fr 1fr; } .supported-global-note { grid-column: 1/-1; } }
@media (max-width: 1350px) { .supported-model-fields { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 620px) { .supported-global-form,.supported-model-fields { grid-template-columns: 1fr; } .supported-save-bar { align-items: stretch; flex-direction: column; } .supported-save-bar .btn { width: 100%; } .admin-ajax-notice { right: 15px; bottom: 15px; left: 15px; } }

/* Canonical supported-model pricing editor */
.supported-model-setup-grid { grid-template-columns: minmax(0,1.15fr) minmax(330px,.85fr); }
.supported-formula-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin: 16px 0 0; }
.supported-formula-list div { padding: 12px; border: 1px solid #e0e5ed; border-radius: 10px; background: #fafbfe; }
.supported-formula-list dt,.supported-formula-list dd { margin: 0; }
.supported-formula-list dt { color: #657287; font-size: 9px; font-weight: 750; }
.supported-formula-list dd { margin-top: 7px; color: #35205f; font-size: 11px; font-weight: 800; }
.supported-add-canonical { grid-template-columns: repeat(4,minmax(150px,1fr)); }
.supported-list-help { max-width: 900px; margin: -7px 0 12px; color: #6d7890; font-size: 10px; line-height: 1.55; }
.supported-model-row.is-disabled { opacity: .86; }
.supported-model-meta-fields { display: grid; grid-template-columns: 1fr 1.15fr 1.2fr 1.3fr .55fr .8fr; align-items: end; gap: 9px; padding: 13px 14px; }
.supported-model-meta-fields > label,.supported-component-grid > label { display: grid; gap: 7px; color: #344054; font-size: 9px; font-weight: 750; }
.supported-model-meta-fields input,.supported-model-meta-fields select { width: 100%; min-height: 42px; }
.supported-pricing-fields { min-width: 0; margin: 0; padding: 12px 14px 15px; border: 0; border-top: 1px solid #edf0f4; background: #fcfbff; }
.supported-pricing-fields legend { padding: 0 7px 0 0; color: #5d3bc5; font-size: 9px; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.supported-component-grid { display: grid; grid-template-columns: repeat(4,minmax(125px,1fr)); gap: 9px; }
.supported-total-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin: 10px 0 0; }
.supported-total-grid div { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 45px; padding: 10px 12px; border: 1px solid #ded7f7; border-radius: 9px; background: #fff; }
.supported-total-grid dt,.supported-total-grid dd { margin: 0; }
.supported-total-grid dt { color: #6f7890; font-size: 9px; font-weight: 700; }
.supported-total-grid output { color: #4d28c5; font-size: 12px; font-weight: 850; }
.supported-row-error { margin: 0; padding: 10px 14px; color: #a72c42; border-top: 1px solid #f4cbd2; background: #fff3f5; font-size: 10px; font-weight: 700; }
.supported-row-error[hidden] { display: none; }
.supported-save-bar[data-save-state="dirty"] p i { background: #df8a16; box-shadow: 0 0 0 4px rgba(223,138,22,.13); }
.supported-save-bar[data-save-state="saving"] p i { background: #1760ed; box-shadow: 0 0 0 4px rgba(23,96,237,.13); animation: supported-save-pulse 1s ease-in-out infinite alternate; }
.supported-save-bar[data-save-state="error"] p { color: #b4233a; }
.supported-save-bar[data-save-state="error"] p i { background: #d9475c; box-shadow: 0 0 0 4px rgba(217,71,92,.13); }
@keyframes supported-save-pulse { to { opacity: .38; } }
@media (max-width: 1400px) { .supported-add-canonical,.supported-model-meta-fields,.supported-component-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 1050px) { .supported-model-setup-grid { grid-template-columns: 1fr; } .supported-formula-list,.supported-total-grid { grid-template-columns: 1fr; } .supported-model-meta-fields,.supported-component-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .supported-add-canonical,.supported-model-meta-fields,.supported-component-grid { grid-template-columns: 1fr; } }

.supported-mass-toolbar { display: grid; grid-template-columns: repeat(7,minmax(120px,1fr)); gap: 10px; align-items: end; margin: 14px 0; padding: 14px; border: 1px solid #ddd6fe; border-radius: 13px; background: linear-gradient(145deg,#fff,#f7f5ff); box-shadow: 0 12px 28px rgba(67,40,145,.08); }
.supported-mass-toolbar > label { display: grid; gap: 6px; color: #344054; font-size: 9px; font-weight: 750; }
.supported-mass-toolbar input,.supported-mass-toolbar select { width: 100%; min-height: 40px; }
.supported-mass-actions { grid-column: 1/-1; display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.supported-mass-actions span { margin-right: auto; color: #5b3bc4; font-weight: 800; }
.supported-select-visible { display: inline-flex; align-items: center; gap: 8px; color: #344054; font-size: 10px; font-weight: 750; }
@media (max-width: 1350px) { .supported-mass-toolbar { grid-template-columns: repeat(4,minmax(120px,1fr)); } }
@media (max-width: 760px) { .supported-mass-toolbar { grid-template-columns: 1fr 1fr; } .supported-mass-actions { align-items: stretch; flex-direction: column; } .supported-mass-actions span { margin-right: 0; } }
@media (prefers-reduced-motion: reduce) { .supported-save-bar[data-save-state="saving"] p i { animation: none; } }

/* Per-customer canonical model price overrides */
.model-override-panel { padding: 22px; }
.model-override-head { align-items: flex-end; }
.model-override-head > div { max-width: 850px; }
.model-override-head p:last-child { margin: 7px 0 0; color: #6d7890; font-size: 11px; line-height: 1.55; }
.model-override-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 16px 0; }
.model-override-summary div { padding: 13px 15px; border: 1px solid #e0e5ed; border-radius: 10px; background: #fafbfe; }
.model-override-summary small,.model-override-summary strong { display: block; }
.model-override-summary small { color: #748096; font-size: 9px; font-weight: 750; }
.model-override-summary strong { margin-top: 6px; color: #2e1d5a; font-size: 17px; }
.model-override-guidance { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 10px; margin-bottom: 15px; padding: 12px 14px; color: #5033ad; border: 1px solid #ddd4f8; border-radius: 10px; background: #f8f6ff; }
.model-override-guidance p,.model-override-guidance strong,.model-override-guidance span { display: block; margin: 0; }
.model-override-guidance strong { font-size: 10px; }
.model-override-guidance span { margin-top: 4px; color: #706887; font-size: 9px; line-height: 1.5; }
.model-override-search { display: grid; gap: 6px; max-width: 520px; color: #344054; font-size: 10px; font-weight: 750; }
.model-override-search input { min-height: 44px; }
.model-override-search-status { margin: 8px 0 14px; color: #778399; font-size: 9px; }
.model-override-list { display: grid; gap: 11px; }
.model-override-card { overflow: hidden; border: 1px solid #dfe5ed; border-radius: 12px; background: #fff; }
.model-override-card[hidden] { display: none; }
.model-override-card > summary { display: grid; grid-template-columns: 40px minmax(0,1fr) auto 22px; align-items: center; gap: 11px; min-height: 66px; padding: 11px 14px; cursor: pointer; list-style: none; background: #fbfcfe; }
.model-override-card > summary::-webkit-details-marker { display: none; }
.model-override-card > summary::after { content: '+'; grid-column: 4; color: #633bd3; font-size: 20px; font-weight: 500; }
.model-override-card[open] > summary::after { content: '−'; }
.model-override-card > summary:focus-visible { outline: 3px solid rgba(118,80,232,.24); outline-offset: -3px; }
.model-override-card > summary > span:nth-child(2) { display: grid; gap: 4px; min-width: 0; }
.model-override-card > summary strong { color: #253047; font-size: 12px; }
.model-override-card > summary small { overflow: hidden; color: #7f8a9e; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.model-override-service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 12px; border-top: 1px solid #e8ecf2; background: #f7f9fc; }
.model-override-service { min-width: 0; padding: 14px; border: 1px solid #dce3ed; border-radius: 11px; background: #fff; }
.model-override-service > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.model-override-service h3 { margin: 0 0 5px; color: #263247; font-size: 12px; }
.model-override-service code { font-size: 8px; }
.model-override-service > header .badge { flex: none; max-width: 180px; text-align: center; }
.model-price-comparison { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin: 12px 0; }
.model-price-comparison div { min-width: 0; padding: 10px; border: 1px solid #e3e7ee; border-radius: 9px; background: #fafbfe; }
.model-price-comparison dt,.model-price-comparison dd,.model-price-comparison small { display: block; margin: 0; }
.model-price-comparison dt { min-height: 22px; color: #768197; font-size: 8px; font-weight: 750; }
.model-price-comparison dd { margin-top: 6px; color: #342066; font-size: 12px; font-weight: 850; }
.model-price-comparison small { margin-top: 4px; color: #7f899c; font-size: 8px; line-height: 1.35; }
.model-override-service form { display: grid; gap: 9px; }
.model-override-service form > label:not(.model-override-toggle),.model-override-dates label { display: grid; gap: 6px; color: #43506a; font-size: 9px; font-weight: 750; }
.model-override-service .pricing-input { display: flex; align-items: center; min-height: 44px; overflow: hidden; border: 1px solid #dce2ec; border-radius: 9px; background: #fbfcfe; }
.model-override-service .pricing-input:focus-within { border-color: #7650e8; box-shadow: 0 0 0 3px rgba(109,62,232,.08); }
.model-override-service .pricing-input input { min-width: 0; border: 0; box-shadow: none; }
.model-override-service .pricing-input small { padding-right: 10px; color: #808b9f; font-size: 8px; }
.model-override-dates { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.model-override-service input[type="number"],.model-override-service input[type="datetime-local"] { width: 100%; min-height: 44px; }
.model-override-toggle { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 11px; border: 1px solid #e2e6ed; border-radius: 9px; background: #fbfcfe; }
.model-override-toggle strong,.model-override-toggle small { display: block; }
.model-override-toggle strong { color: #3c4961; font-size: 9px; }
.model-override-toggle small { margin-top: 3px; color: #8590a2; font-size: 8px; }
.model-override-toggle input[type="checkbox"] { width: 19px; height: 19px; flex: none; accent-color: #633bd3; }
.model-override-form-status { min-height: 16px; margin: 0; color: #657287; font-size: 9px; font-weight: 700; }
.model-override-service [data-model-price-disable-form] { margin-top: 8px; padding-top: 8px; border-top: 1px solid #edf0f4; }
.model-override-service [data-model-price-disable-form][hidden] { display: none; }
.model-override-service form > .btn { min-height: 44px; }
@media (max-width: 1250px) { .model-override-service-grid { grid-template-columns: 1fr; } }
@media (max-width: 800px) { .model-override-head { align-items: flex-start; flex-direction: column; } .model-override-summary,.model-price-comparison { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .model-override-panel { padding: 15px; } .model-override-card > summary { grid-template-columns: 38px minmax(0,1fr) 22px; } .model-override-card > summary > .badge { display: none; } .model-override-card > summary::after { grid-column: 3; } .model-override-dates { grid-template-columns: 1fr; } }

/* Append-only partial/full operation refund controls. */
.badge.partially_refunded { color: #9b6100; background: #fff5df; }
.refund-control-panel { border-color: #d8cdf8; background: linear-gradient(145deg,#fff 0%,#fbf9ff 100%); }
.refund-choice { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 0; padding: 0; border: 0; }
.refund-choice legend { grid-column: 1/-1; margin-bottom: 2px; font-size: 11px; font-weight: 700; }
.refund-choice label { display: flex!important; align-items: center; gap: 10px; min-height: 54px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; cursor: pointer; }
.refund-choice input { width: 18px; height: 18px; margin: 0; accent-color: var(--purple); }
.refund-choice span b,.refund-choice span small { display: block; }
.refund-choice span small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.refund-history { display: grid; gap: 9px; margin-top: 16px; }
.refund-history-row { display: grid; grid-template-columns: minmax(130px,.55fr) minmax(220px,1fr) minmax(240px,1fr); gap: 16px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: #fbfcfe; }
.refund-history-row>div { min-width: 0; }
.refund-history-row b,.refund-history-row small { display: block; }
.refund-history-row small { margin-top: 4px; color: var(--muted); font-size: 9px; overflow-wrap: anywhere; }
.refund-history-row code { display: block; overflow-wrap: anywhere; font-size: 9px; }
@media (max-width: 760px) { .refund-choice,.refund-history-row { grid-template-columns: 1fr; } }

/* Atomic customer model-pricing matrix. */
.pricing-matrix-panel { position: relative; padding-bottom: 92px; }
.pricing-matrix-head-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.pricing-matrix-toolbar { display: grid; grid-template-columns: minmax(210px,1.5fr) repeat(7,minmax(112px,1fr)) auto; align-items: end; gap: 9px; margin: 16px 0 10px; padding: 14px; border: 1px solid #ded8f2; border-radius: 13px; background: linear-gradient(145deg,#fbfaff,#f5f8ff); box-shadow: 0 8px 24px rgba(56,38,114,.06); }
.pricing-matrix-toolbar label,.pricing-matrix-advanced label { display: grid; gap: 6px; min-width: 0; color: #49566d; font-size: 9px; font-weight: 750; }
.pricing-matrix-toolbar input,.pricing-matrix-toolbar select,.pricing-matrix-advanced input,.pricing-matrix-advanced select { width: 100%; min-height: 44px; }
.pricing-matrix-toolbar .btn { min-height: 44px; white-space: nowrap; }
.pricing-matrix-advanced { margin-bottom: 12px; border: 1px solid #e1e5ee; border-radius: 11px; background: #fff; }
.pricing-matrix-advanced>summary { min-height: 44px; padding: 13px 15px; color: #5132b5; cursor: pointer; font-size: 10px; font-weight: 800; }
.pricing-matrix-advanced>div { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; padding: 0 14px 14px; }
.pricing-matrix-advanced fieldset { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 0; padding: 11px; border: 1px solid #e6e9f0; border-radius: 10px; }
.pricing-matrix-advanced legend { padding: 0 4px; color: #39455a; font-size: 9px; font-weight: 800; }
.pricing-check { grid-column: 1/-1; display: flex!important; align-items: center; gap: 8px; min-height: 36px; }
.pricing-check input { width: 18px; min-height: 18px; accent-color: #633bd3; }
.pricing-matrix-utility-actions { display: grid; align-content: end; gap: 8px; }
.pricing-matrix-utility-actions .btn { min-height: 44px; }
.pricing-matrix-error { margin: 10px 0; padding: 12px 14px; color: #9f2433; border: 1px solid #f0b7bf; border-radius: 10px; background: #fff3f5; font-size: 10px; font-weight: 700; }
.pricing-matrix-scroll { overflow-x: auto; border: 1px solid #dce2eb; border-radius: 12px; background: #fff; box-shadow: 0 10px 28px rgba(24,32,56,.06); }
.pricing-matrix-scroll:focus-visible { outline: 3px solid rgba(99,59,211,.22); outline-offset: 2px; }
.pricing-matrix-table { width: 100%; min-width: 1500px; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.pricing-matrix-table th,.pricing-matrix-table td { padding: 10px; border-right: 1px solid #e7eaf0; border-bottom: 1px solid #e7eaf0; vertical-align: top; }
.pricing-matrix-table tr:last-child th,.pricing-matrix-table tr:last-child td { border-bottom: 0; }
.pricing-matrix-table th:last-child,.pricing-matrix-table td:last-child { border-right: 0; }
.pricing-matrix-table thead th { position: sticky; top: 0; z-index: 3; height: 46px; color: #4b5770; background: #f5f7fb; font-size: 9px; letter-spacing: .04em; text-align: left; text-transform: uppercase; }
.pricing-matrix-table thead th:first-child { left: 0; z-index: 5; width: 250px; }
.pricing-matrix-table tbody>tr>th { position: sticky; left: 0; z-index: 2; display: flex; align-items: flex-start; gap: 10px; width: 250px; min-height: 190px; color: #253047; background: #fbfcfe; text-align: left; }
.pricing-matrix-table tbody>tr>th>span:last-child { min-width: 0; }
.pricing-matrix-table tbody>tr>th strong,.pricing-matrix-table tbody>tr>th small { display: block; overflow-wrap: anywhere; }
.pricing-matrix-table tbody>tr>th strong { font-size: 11px; }
.pricing-matrix-table tbody>tr>th small { margin-top: 5px; color: #7b879a; font-size: 8px; line-height: 1.5; font-weight: 600; }
.pricing-matrix-cell { display: grid; gap: 8px; min-height: 170px; padding: 9px; border: 1px solid transparent; border-radius: 10px; transition: border-color .16s ease,background-color .16s ease,box-shadow .16s ease; }
.pricing-matrix-cell.is-dirty { border-color: #8d6dec; background: #faf8ff; box-shadow: inset 3px 0 #7042df; }
.pricing-matrix-values { display: flex; justify-content: space-between; gap: 7px; color: #7c8799; font-size: 8px; }
.pricing-matrix-values span { display: grid; gap: 2px; }
.pricing-matrix-values strong { color: #2d3850; font-size: 11px; font-variant-numeric: tabular-nums; }
.pricing-matrix-cell select { width: 100%; min-height: 38px; padding: 0 8px; font-size: 9px; }
.pricing-matrix-input { display: flex; align-items: center; min-height: 40px; overflow: hidden; border: 1px solid #dce2ec; border-radius: 8px; background: #fff; }
.pricing-matrix-input:focus-within { border-color: #7650e8; box-shadow: 0 0 0 3px rgba(109,62,232,.08); }
.pricing-matrix-input input { min-width: 0; width: 100%; min-height: 38px; border: 0; box-shadow: none; font-variant-numeric: tabular-nums; }
.pricing-matrix-input input:disabled { color: #8b95a5; background: #f4f6f9; cursor: not-allowed; }
.pricing-matrix-input small { padding-right: 8px; color: #7f899a; font-size: 8px; }
.pricing-operation-inputs { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.pricing-operation-inputs>label { display:grid; gap:4px; color:#68758b; font-size:8px; font-weight:800; }
.customer-job-totals { display:grid; grid-template-columns:1fr 1fr; gap:4px 8px; margin-top:10px; padding-top:8px; border-top:1px solid #e5e9f2; }
.customer-job-totals b { grid-column:1/-1; color:#5c3cc7; font-size:8px; text-transform:uppercase; letter-spacing:.05em; }
.customer-job-totals em { display:flex; justify-content:space-between; gap:5px; color:#758198; font-size:8px; font-style:normal; }
.customer-job-totals output { color:#202b42; font-weight:850; font-variant-numeric:tabular-nums; }
.pricing-cell-state { justify-self: start; padding: 4px 7px; border-radius: 99px; font-size: 8px; font-weight: 850; }
.pricing-cell-state.custom { color: #5931c8; background: #eee8ff; }
.pricing-cell-state.inherit { color: #246c52; background: #e8f7f0; }
.pricing-matrix-savebar { position: sticky; z-index: 20; bottom: 12px; display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin-top: 14px; padding: 12px 14px; border: 1px solid #d7cdf7; border-radius: 13px; background: rgba(255,255,255,.96); box-shadow: 0 14px 36px rgba(49,31,101,.18); backdrop-filter: blur(10px); }
.pricing-matrix-savebar p { display: grid; gap: 3px; margin: 0 auto 0 0; }
.pricing-matrix-savebar strong { color: #362267; font-size: 11px; }
.pricing-matrix-savebar span { color: #778297; font-size: 9px; }
.pricing-matrix-savebar .btn { min-height: 44px; }
.pricing-preview-dialog { width: min(680px,calc(100vw - 32px)); max-height: min(760px,calc(100vh - 40px)); padding: 22px; overflow: auto; border: 1px solid #d9cff7; border-radius: 16px; box-shadow: 0 30px 80px rgba(20,13,43,.35); }
.pricing-preview-dialog::backdrop { background: rgba(20,24,34,.58); backdrop-filter: blur(3px); }
.pricing-preview-dialog h3 { margin: 3px 0 7px; }
.pricing-preview-dialog>p:not(.eyebrow) { color: #6d7890; font-size: 10px; line-height: 1.55; }
.pricing-dialog-close { float: right; width: 44px; height: 44px; border: 0; color: #596377; background: transparent; cursor: pointer; font-size: 23px; }
.pricing-preview-row { display: flex; justify-content: space-between; gap: 14px; padding: 11px 0; border-bottom: 1px solid #e7eaf0; }
.pricing-preview-row strong { color: #2c374d; font-size: 10px; }
.pricing-preview-row span { color: #5b667b; font-size: 9px; text-align: right; font-variant-numeric: tabular-nums; }
.pricing-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 17px; }
.pricing-dialog-actions .btn { min-height: 44px; }
@media (max-width: 1350px) { .pricing-matrix-toolbar { grid-template-columns: repeat(3,minmax(150px,1fr)); } .pricing-matrix-toolbar .btn { align-self: end; } .pricing-matrix-advanced>div { grid-template-columns: 1fr 1fr; } .pricing-matrix-utility-actions { grid-column: 1/-1; grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 800px) { .pricing-matrix-head-actions { justify-content: flex-start; } .pricing-matrix-toolbar,.pricing-matrix-advanced>div { grid-template-columns: 1fr; } .pricing-matrix-advanced fieldset,.pricing-matrix-utility-actions { grid-template-columns: 1fr; } .pricing-matrix-savebar { align-items: stretch; flex-direction: column; } .pricing-matrix-savebar p { margin: 0 0 4px; } .pricing-preview-row { align-items: flex-start; flex-direction: column; } .pricing-preview-row span { text-align: left; } }

/* 3D series/model Root payload assignment matrix. */
.payload-matrix-shell{position:relative;margin:18px 0;padding:20px;border:1px solid #d7d0ed;border-radius:20px;background:linear-gradient(145deg,#ffffff 0%,#f7f5ff 52%,#f1f6ff 100%);box-shadow:0 2px 0 #fff inset,0 18px 45px rgba(45,30,91,.12),0 5px 0 #d7d1e8;perspective:1200px}
.payload-matrix-shell:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 92% 6%,rgba(116,74,222,.17),transparent 25%),radial-gradient(circle at 4% 36%,rgba(29,161,242,.08),transparent 24%)}
.payload-matrix-shell>*{position:relative;z-index:1}
.payload-matrix-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;min-height:210px;padding:28px 32px;overflow:hidden;border:1px solid rgba(164,137,231,.5);border-radius:17px;color:#fff;background:linear-gradient(125deg,#160d38 0%,#35207d 45%,#5e3bd5 75%,#367cf1 100%);box-shadow:0 24px 42px rgba(38,23,86,.27),inset 0 1px 0 rgba(255,255,255,.26),inset 0 -8px 20px rgba(16,8,47,.18);transform:translateZ(16px)}
.payload-matrix-hero:after{content:"";position:absolute;inset:auto -10% -74% 30%;height:260px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.2),transparent 62%);transform:rotate(-8deg)}
.payload-matrix-hero-copy{position:relative;z-index:2;max-width:760px}.payload-matrix-hero .eyebrow{color:#c9dcff}.payload-matrix-hero h2{margin:5px 0 10px;color:#fff;font-size:30px;line-height:1.08;letter-spacing:-.035em}.payload-matrix-hero-copy>p:not(.eyebrow){max-width:690px;margin:0;color:#e5e6ff;font-size:11px;line-height:1.65}
.payload-resolution-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}.payload-resolution-flow span{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid rgba(255,255,255,.23);border-radius:10px;background:rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px rgba(9,3,32,.17);font-size:9px;font-weight:800;backdrop-filter:blur(8px)}.payload-resolution-flow span b{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;color:#432198;background:#fff;font-size:9px}.payload-resolution-flow i{color:#c6c5f2;font-size:18px;font-style:normal}
.payload-orbit{position:relative;width:210px;height:170px;justify-self:end;transform-style:preserve-3d}.payload-cube{position:absolute;display:grid;width:78px;height:78px;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:18px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.36),rgba(255,255,255,.08));box-shadow:inset 1px 1px 0 rgba(255,255,255,.45),inset -12px -14px 26px rgba(19,7,61,.2),0 25px 35px rgba(8,3,31,.3);backdrop-filter:blur(8px);transform-style:preserve-3d}.cube-back{top:16px;left:22px;opacity:.45;transform:translateZ(-55px) rotate(-17deg)}.cube-mid{top:55px;right:15px;opacity:.68;transform:translateZ(-15px) rotate(13deg)}.cube-front{top:38px;left:66px;z-index:3;width:94px;height:94px;transform:translateZ(36px) rotate(-7deg)}.payload-orbit>i{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;transform:rotateX(68deg) rotateZ(-20deg)}.payload-orbit>i:nth-last-child(3){inset:10px}.payload-orbit>i:nth-last-child(2){inset:30px}.payload-orbit>i:last-child{inset:52px}
.payload-matrix-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0}.payload-matrix-metrics>div{display:grid;gap:5px;padding:16px 17px;border:1px solid #ddd8ed;border-radius:14px;background:linear-gradient(145deg,#fff,#f5f3fb);box-shadow:0 10px 22px rgba(45,34,84,.07),inset 0 1px 0 #fff;transform:translateZ(6px)}.payload-matrix-metrics span{color:#7d8496;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.payload-matrix-metrics strong{color:#2f215f;font-size:19px}.payload-matrix-metrics small{color:#8992a2;font-size:8px}
.payload-matrix-guidance{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;padding:13px 14px;border:1px solid #d9cff7;border-radius:12px;color:#4b318f;background:linear-gradient(145deg,#faf8ff,#f2efff);box-shadow:inset 3px 0 #7044d7}.payload-matrix-guidance svg{flex:none}.payload-matrix-guidance p,.payload-matrix-guidance strong,.payload-matrix-guidance span{display:block;margin:0}.payload-matrix-guidance strong{font-size:10px}.payload-matrix-guidance span{margin-top:4px;color:#746a8d;font-size:9px;line-height:1.5}
.payload-matrix-toolbar{display:grid;grid-template-columns:minmax(190px,1.35fr) repeat(4,minmax(140px,1fr)) auto;align-items:end;gap:10px;padding:15px;border:1px solid #ddd8ee;border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 12px 26px rgba(43,32,81,.07);backdrop-filter:blur(12px)}.payload-matrix-toolbar label,.payload-rule-settings label{display:grid;gap:6px;min-width:0;color:#4d5870;font-size:9px;font-weight:800}.payload-matrix-toolbar input,.payload-matrix-toolbar select,.payload-rule-settings input,.payload-rule-settings select{width:100%;min-height:44px}.payload-matrix-toolbar .btn{min-height:44px;white-space:nowrap}
.payload-rule-settings{margin:11px 0;border:1px solid #e0dcef;border-radius:13px;background:rgba(255,255,255,.78)}.payload-rule-settings>summary{min-height:44px;padding:14px 15px;color:#5332b5;cursor:pointer;font-size:10px;font-weight:850}.payload-rule-settings>div{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;padding:0 14px 14px}.payload-active-check{display:flex!important;align-items:center;align-self:end;gap:8px;min-height:44px;padding:0 10px;border:1px solid #e0e3ea;border-radius:8px;background:#fff}.payload-active-check input{width:18px;min-height:18px;accent-color:#643bd2}
.payload-selection-strip{display:flex;align-items:center;gap:12px;margin:12px 0;padding:10px 12px;border:1px solid #e0e3eb;border-radius:12px;background:#fff}.payload-selection-strip label{display:flex;align-items:center;gap:8px;color:#445068;font-size:9px;font-weight:800}.payload-selection-strip input{width:18px;height:18px;accent-color:#663ed5}.payload-selection-strip p{margin:0 auto;color:#7a8496;font-size:9px}.payload-selection-strip .btn{min-height:38px}.payload-matrix-error{margin:10px 0;padding:13px 14px;border:1px solid #efb8c1;border-radius:11px;color:#a2293b;background:#fff2f4;font-size:10px;font-weight:750}
.payload-series-stack{display:grid;gap:14px}.payload-series-card{overflow:hidden;border:1px solid #d9dce7;border-radius:16px;background:#fff;box-shadow:0 14px 30px rgba(31,38,65,.08),0 3px 0 #e0dfeb;transform:translateZ(4px);transition:transform .2s ease,box-shadow .2s ease}.payload-series-card:hover{box-shadow:0 18px 34px rgba(40,31,78,.12),0 4px 0 #d5cee9;transform:translateY(-2px) translateZ(8px)}.payload-series-card>header{display:grid;grid-template-columns:48px minmax(0,1fr) auto 44px;align-items:center;gap:13px;min-height:78px;padding:13px 15px;border-bottom:1px solid #e6e7ed;background:linear-gradient(135deg,#fbfaff,#f3f0fc 55%,#eef5ff)}.payload-series-emblem{display:grid;width:45px;height:45px;place-items:center;border:1px solid #aa92ea;border-radius:13px;color:#fff;background:linear-gradient(145deg,#8e68ef,#4d2cad);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset -7px -8px 14px rgba(30,13,79,.18),0 10px 18px rgba(75,43,153,.23);transform:rotate(-4deg)}.payload-series-emblem span{font-size:14px;font-weight:900}.payload-series-card>header .eyebrow{margin:0 0 3px}.payload-series-card>header h3{margin:0;color:#2c3650;font-size:15px}.payload-series-card>header small{display:block;margin-top:4px;color:#7c8596;font-size:8px}.payload-series-state,.payload-assignment-state{display:inline-flex;justify-content:center;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:850;white-space:nowrap}.payload-series-state.assigned,.payload-assignment-state.assigned{color:#0b7450;background:#e5f8ef}.payload-series-state.inherit,.payload-assignment-state.inherit{color:#6d7482;background:#eef0f4}.payload-series-toggle{position:relative;width:44px;height:44px;border:1px solid #dad5e9;border-radius:11px;background:#fff;cursor:pointer;box-shadow:0 4px 10px rgba(43,31,78,.08)}.payload-series-toggle:before,.payload-series-toggle:after{content:"";position:absolute;top:21px;width:9px;height:2px;border-radius:2px;background:#6742c2;transition:transform .18s ease}.payload-series-toggle:before{left:14px;transform:rotate(45deg)}.payload-series-toggle:after{right:14px;transform:rotate(-45deg)}.payload-series-toggle[aria-expanded=false]:before{transform:rotate(-45deg)}.payload-series-toggle[aria-expanded=false]:after{transform:rotate(45deg)}
.payload-assignment-row{display:grid;grid-template-columns:28px minmax(180px,1.1fr) minmax(150px,.8fr) minmax(210px,1.2fr) minmax(175px,.8fr);align-items:center;gap:11px;min-height:92px;padding:12px 15px;border-bottom:1px solid #e8eaf0;background:#fff;transition:background-color .16s ease,box-shadow .16s ease}.payload-assignment-row:last-child{border-bottom:0}.payload-assignment-row.series-default-row{background:linear-gradient(90deg,#f9f7ff,#fff)}.payload-assignment-row.is-selected{background:#f8f5ff}.payload-assignment-row.is-dirty{background:#fbf9ff;box-shadow:inset 4px 0 #7448dd}.payload-row-select input{width:18px;height:18px;accent-color:#673bd5}.payload-row-identity{display:flex;align-items:center;gap:10px;min-width:0}.payload-device-glyph{display:grid;width:36px;height:36px;flex:none;place-items:center;border:1px solid #dcd6ee;border-radius:10px;color:#6941c6;background:linear-gradient(145deg,#fff,#f0ecfb);box-shadow:0 6px 12px rgba(69,43,130,.1)}.payload-row-identity>span:last-child{min-width:0}.payload-row-identity strong,.payload-row-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payload-row-identity strong{color:#334057;font-size:10px}.payload-row-identity small{margin-top:4px;color:#858e9f;font-size:8px}.payload-assignment-row>label:not(.payload-row-select){display:grid;gap:5px;color:#657086;font-size:8px;font-weight:800}.payload-assignment-row select{width:100%;min-height:40px;font-size:9px}.payload-row-result{display:grid;justify-items:start;gap:5px}.payload-row-result small{color:#7c8698;font-size:8px;line-height:1.35}.payload-row-result .payload-advanced-warning{color:#9a6418;font-weight:750}.payload-model-list[hidden]{display:none}
.payload-matrix-savebar{position:sticky;z-index:20;bottom:12px;display:flex;align-items:center;gap:9px;margin-top:15px;padding:13px 14px;border:1px solid #cfc2f2;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 18px 42px rgba(45,28,94,.2),inset 0 1px 0 #fff;backdrop-filter:blur(12px)}.payload-matrix-savebar p{display:grid;gap:3px;margin:0 auto 0 0}.payload-matrix-savebar strong{color:#3a246f;font-size:11px}.payload-matrix-savebar span{color:#788397;font-size:9px}.payload-matrix-savebar .btn{min-height:44px}
.payload-preview-dialog{width:min(720px,calc(100vw - 32px));max-height:min(780px,calc(100vh - 40px));padding:23px;overflow:auto;border:1px solid #cfc1f2;border-radius:18px;background:linear-gradient(145deg,#fff,#f7f4ff);box-shadow:0 34px 90px rgba(19,10,48,.42),0 5px 0 #bfb0e4}.payload-preview-dialog::backdrop{background:rgba(16,20,31,.62);backdrop-filter:blur(4px)}.payload-preview-dialog>form button{float:right;width:44px;height:44px;border:0;color:#596377;background:transparent;cursor:pointer;font-size:23px}.payload-preview-dialog h3{margin:4px 0 7px}.payload-preview-dialog>p:not(.eyebrow){color:#707a8d;font-size:10px;line-height:1.55}.payload-preview-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e1dfeb}.payload-preview-row strong{color:#303b52;font-size:10px}.payload-preview-row span{color:#626d81;font-size:9px;text-align:right}.payload-preview-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.payload-preview-actions .btn{min-height:44px}
@media(max-width:1380px){.payload-matrix-toolbar{grid-template-columns:repeat(3,minmax(160px,1fr))}.payload-rule-settings>div{grid-template-columns:repeat(3,minmax(150px,1fr))}.payload-assignment-row{grid-template-columns:28px minmax(175px,1fr) repeat(2,minmax(150px,1fr))}.payload-row-result{grid-column:2/-1;display:flex;align-items:center;gap:9px}}
@media(max-width:900px){.payload-matrix-shell{padding:14px}.payload-matrix-hero{grid-template-columns:1fr;padding:24px}.payload-orbit{display:none}.payload-matrix-metrics{grid-template-columns:repeat(2,1fr)}.payload-matrix-toolbar,.payload-rule-settings>div{grid-template-columns:repeat(2,minmax(0,1fr))}.payload-assignment-row{grid-template-columns:28px minmax(0,1fr)}.payload-assignment-row>label:not(.payload-row-select),.payload-row-result{grid-column:2}.payload-series-card>header{grid-template-columns:44px minmax(0,1fr) 44px}.payload-series-state{grid-column:2}.payload-series-toggle{grid-column:3;grid-row:1/3}}
@media(max-width:620px){.payload-matrix-hero h2{font-size:23px}.payload-resolution-flow i{display:none}.payload-matrix-metrics,.payload-matrix-toolbar,.payload-rule-settings>div{grid-template-columns:1fr}.payload-selection-strip,.payload-matrix-savebar{align-items:stretch;flex-direction:column}.payload-selection-strip p,.payload-matrix-savebar p{margin:0}.payload-series-card>header{grid-template-columns:40px minmax(0,1fr) 44px;padding-inline:11px}.payload-series-emblem{width:38px;height:38px}.payload-preview-row{align-items:flex-start;flex-direction:column}.payload-preview-row span{text-align:left}.payload-preview-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.payload-series-card,.payload-series-toggle:before,.payload-series-toggle:after{transition:none}.payload-series-card:hover{transform:none}}

/* Simple payload security assignment */
.security-assignment-shell{margin:24px 0;padding:18px;border:1px solid #d8d4e8;border-radius:22px;background:linear-gradient(145deg,#fdfcff,#f4f2fb);box-shadow:0 24px 58px rgba(34,25,70,.13),0 5px 0 #d6d0e7;perspective:1100px}.security-assignment-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border-radius:18px;color:#fff;background:linear-gradient(130deg,#21115d,#5c35d7 62%,#2476ed);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 16px 34px rgba(51,29,126,.27)}.security-assignment-hero .eyebrow{color:#cfc5ff}.security-assignment-hero h2{margin:5px 0 8px;color:#fff;font-size:28px;letter-spacing:-.02em}.security-assignment-hero p{max-width:720px;margin:0;color:#e8e4ff;font-size:13px;line-height:1.55}.security-assignment-flow{display:flex;align-items:center;gap:8px;flex:none}.security-assignment-flow span{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.22);border-radius:11px;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);font-size:11px;font-weight:800;white-space:nowrap}.security-assignment-flow b{display:grid;width:23px;height:23px;place-items:center;border-radius:7px;color:#4e2bc1;background:#fff}.security-assignment-flow i{font-style:normal;color:#d8d0ff}.security-assignment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.security-assignment-summary>div{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:14px 16px;border:1px solid #e0ddeb;border-radius:14px;background:#fff;box-shadow:0 9px 20px rgba(38,29,73,.07)}.security-assignment-summary span{color:#68738a;font-size:11px;font-weight:750}.security-assignment-summary strong{color:#49279f;font-size:23px}.security-assignment-form{display:grid;gap:14px}.security-assignment-error{padding:13px 15px;border:1px solid #efb5bf;border-radius:12px;color:#a3263b;background:#fff2f4;font-size:12px;font-weight:750}.security-assignment-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px;border:1px solid #dedbe9;border-radius:17px;background:#fff;box-shadow:0 10px 26px rgba(39,29,75,.07)}.security-step-number{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#895cf0,#4b24b3);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 8px 16px rgba(82,44,172,.24);font-size:15px;font-weight:900}.security-step-content{min-width:0}.security-step-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.security-step-heading h3{margin:0;color:#252f43;font-size:17px}.security-step-heading p{margin:4px 0 0;color:#707a8d;font-size:11px;line-height:1.5}.security-primary-fields{display:grid;grid-template-columns:minmax(250px,1.3fr) minmax(220px,1fr);gap:12px}.security-primary-fields label,.security-target-tools>label:first-child,.security-advanced-settings label{display:grid;gap:7px;color:#4b566d;font-size:11px;font-weight:800}.security-primary-fields input,.security-primary-fields select,.security-target-tools input[type=search],.security-advanced-settings input,.security-advanced-settings select{width:100%;min-height:46px;font-size:12px}.security-primary-fields small{color:#818a9c;font-size:9px;font-weight:600}.security-scope-switch{display:flex;gap:5px;margin:0;padding:4px;border:1px solid #dcd7eb;border-radius:12px;background:#f5f3fb}.security-scope-switch label{cursor:pointer}.security-scope-switch input{position:absolute;opacity:0;pointer-events:none}.security-scope-switch span{display:block;min-width:96px;padding:10px 15px;border-radius:9px;color:#6a7385;font-size:11px;font-weight:850;text-align:center}.security-scope-switch input:checked+span{color:#fff;background:linear-gradient(135deg,#7247df,#4e2cb4);box-shadow:0 6px 13px rgba(74,39,161,.22)}.security-scope-switch input:focus-visible+span{outline:3px solid rgba(90,56,200,.3);outline-offset:2px}.security-target-tools{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:end;gap:12px;margin-bottom:12px}.security-select-all{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 13px;border:1px solid #e0dde9;border-radius:10px;color:#4f5a70;background:#faf9fd;font-size:11px;font-weight:800}.security-select-all input{width:18px;height:18px;accent-color:#6840ce}.security-target-tools p{min-width:90px;margin:0;padding:0 5px 13px;color:#6d42cc;font-size:11px;font-weight:850;text-align:right}.security-target-panel{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px;max-height:390px;padding:2px;overflow:auto}.security-target-panel[hidden],.security-target-card[hidden]{display:none}.security-target-card{display:grid;grid-template-columns:20px 40px minmax(0,1fr);align-items:center;gap:10px;min-height:76px;padding:12px;border:1px solid #e0ddea;border-radius:13px;background:linear-gradient(145deg,#fff,#faf9fd);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.security-target-card:hover{border-color:#bda9ed;box-shadow:0 9px 19px rgba(67,42,125,.1);transform:translateY(-1px)}.security-target-card.is-selected{border-color:#7950df;background:#f7f3ff;box-shadow:inset 3px 0 #7142dc,0 9px 20px rgba(67,40,132,.12)}.security-target-card>input{width:18px;height:18px;accent-color:#6840ce}.security-target-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid #ded7f0;border-radius:11px;color:#653cc8;background:#f3efff}.security-target-copy{min-width:0}.security-target-copy strong,.security-target-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-target-copy strong{color:#2e394f;font-size:12px}.security-target-copy small{margin-top:4px;color:#7b8597;font-size:9px}.security-target-state{grid-column:2/-1;justify-self:start;padding:5px 8px;border-radius:999px;color:#737d8f;background:#edf0f4;font-size:8px;font-weight:800}.security-target-state.assigned{color:#08724e;background:#e5f8ef}.security-advanced-settings{border:1px solid #dedbe9;border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(40,30,77,.05)}.security-advanced-settings>summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 16px;color:#49308a;cursor:pointer;font-size:12px;font-weight:850}.security-advanced-settings>summary span{padding:5px 8px;border-radius:999px;color:#6f7788;background:#eff1f4;font-size:8px}.security-advanced-settings>div{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;padding:0 16px 16px}.security-active-check{display:flex!important;align-items:center;align-self:end;gap:8px;min-height:46px;padding:0 12px;border:1px solid #e1deea;border-radius:10px;background:#faf9fd}.security-active-check input{width:18px;min-height:18px;accent-color:#6840ce}.security-assignment-submit{position:sticky;z-index:15;bottom:12px;display:flex;align-items:center;gap:18px;padding:14px 16px;border:1px solid #cfc4eb;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 17px 38px rgba(40,27,83,.2);backdrop-filter:blur(12px)}.security-assignment-submit>div{display:grid;gap:3px;margin-right:auto}.security-assignment-submit strong{color:#342267;font-size:13px}.security-assignment-submit span{color:#7a8495;font-size:10px}.security-assignment-submit .btn{min-width:155px;min-height:46px}.security-assignment-dialog{width:min(620px,calc(100vw - 28px));padding:24px;border:1px solid #cfc2ef;border-radius:19px;background:linear-gradient(145deg,#fff,#f7f4ff);box-shadow:0 34px 90px rgba(18,10,48,.44),0 5px 0 #bcb0de}.security-assignment-dialog::backdrop{background:rgba(14,18,29,.62);backdrop-filter:blur(4px)}.security-assignment-dialog>form button{float:right;width:44px;height:44px;border:0;color:#667085;background:transparent;cursor:pointer;font-size:24px}.security-assignment-dialog h3{margin:5px 0 8px;color:#293349}.security-assignment-dialog>p:not(.eyebrow){color:#6f798b;font-size:12px;line-height:1.55}.security-confirmation-targets{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.security-confirmation-targets span{padding:7px 9px;border:1px solid #dcd4f0;border-radius:9px;color:#5331a8;background:#f6f2ff;font-size:10px;font-weight:800}.security-confirmation-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.security-confirmation-actions .btn{min-height:44px}
@media(max-width:1100px){.security-assignment-flow{display:none}.security-target-panel{grid-template-columns:repeat(2,minmax(210px,1fr))}.security-advanced-settings>div{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:720px){.security-assignment-shell{padding:11px}.security-assignment-hero{padding:22px}.security-assignment-hero h2{font-size:23px}.security-assignment-summary{grid-template-columns:1fr}.security-assignment-step{grid-template-columns:1fr}.security-step-heading{align-items:stretch;flex-direction:column}.security-scope-switch{align-self:flex-start}.security-primary-fields,.security-target-tools,.security-target-panel,.security-advanced-settings>div{grid-template-columns:1fr}.security-target-tools p{text-align:left}.security-assignment-submit{align-items:stretch;flex-direction:column}.security-assignment-submit .btn{width:100%}.security-confirmation-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.security-target-card{transition:none}.security-target-card:hover{transform:none}}
.advanced-compatibility-shell{margin:24px 0;border:1px solid #dedbe8;border-radius:16px;background:#fff;box-shadow:0 9px 22px rgba(38,29,72,.06)}.advanced-compatibility-shell>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding:13px 18px;color:#3a2a72;cursor:pointer;list-style:none}.advanced-compatibility-shell>summary::-webkit-details-marker{display:none}.advanced-compatibility-shell>summary span,.advanced-compatibility-shell>summary b,.advanced-compatibility-shell>summary small{display:block}.advanced-compatibility-shell>summary b{font-size:13px}.advanced-compatibility-shell>summary small{margin-top:4px;color:#7a8495;font-size:10px;font-weight:600}.advanced-compatibility-shell>summary em{padding:8px 10px;border-radius:9px;color:#6038bf;background:#f2edff;font-size:9px;font-style:normal;font-weight:850}.advanced-compatibility-shell[open]>summary{border-bottom:1px solid #e5e1ec}.advanced-compatibility-shell>.compatibility-console{margin:0;border:0;border-radius:0 0 16px 16px;box-shadow:none}
.security-build-picker{display:grid;gap:7px;min-width:0;margin:0;padding:0;border:0}.security-build-picker legend{margin-bottom:7px;color:#4b566d;font-size:11px;font-weight:800}.security-build-picker select,.security-build-picker>input{width:100%;min-height:46px;font-size:12px}.security-build-picker small{color:#818a9c;font-size:9px;font-weight:600}.security-custom-build-toggle{display:flex!important;align-items:center;gap:8px;min-height:30px;color:#5c6578!important;font-size:10px!important;font-weight:750!important;cursor:pointer}.security-custom-build-toggle input{width:17px!important;min-height:17px!important;accent-color:#6840ce}.security-build-picker>[hidden]{display:none!important}
.pc-reset-lock {
    display: grid;
    gap: 4px;
    margin-top: 10px;
    padding: 12px 14px;
    border: 1px solid #f1d28a;
    border-radius: 12px;
    background: #fff9e8;
    color: #704b00;
}

.pc-reset-lock a {
    color: #5b2bd8;
    font-weight: 700;
}

.model-inherited-rules {
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid #d8d0ef;
    border-radius: 14px;
    background: #f8f5ff;
}
.model-inherited-rules h4 {
    margin: 0 0 5px;
    color: #432388;
}
.model-inherited-rules p {
    margin: 0 0 12px;
    color: #59657a;
    font-size: 12px;
}
.series-rule-actions {
    min-width: 172px;
    vertical-align: top;
}
.series-rule-actions .rule-editor > summary {
    display: inline-flex;
    padding: 5px 0;
    white-space: nowrap;
}
.series-rule-actions > form {
    margin-top: 7px;
}
.series-rule-remove {
    padding: 5px 0;
    border: 0;
    color: var(--danger);
    background: transparent;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
}
.series-rule-actions :is(summary, button):focus-visible {
    outline: 2px solid var(--purple);
    outline-offset: 3px;
    border-radius: 3px;
}
.series-rule-scope-note {
    margin: 0;
    color: #59657a;
    font-size: 11px;
    line-height: 1.5;
}