*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#203047;font:14px/1.6 Tahoma,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ed9d52;outline-offset:3px}button{border:0}a{text-decoration:none;color:inherit}h1,h2,p{margin:0}small{font-size:11px}button, input, select{border-radius:8px}button{transition:background .15s}button:hover{filter:brightness(.97)}.sidebar{width:242px;position:fixed;right:0;top:0;bottom:0;background:#102638;color:#c1ced8;padding:32px 22px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:13px;color:white;font-weight:800;letter-spacing:1.7px;font-size:18px}.brand small{display:block;font-size:9px;letter-spacing:4px;font-weight:400;color:#9caebd}.brand-icon{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff30;background:#ffffff08;color:white;width:49px;height:49px;border-radius:12px;font:800 25px Arial;letter-spacing:-2px;direction:ltr}.brand-icon span{color:#f2aa65}.workspace{margin:36px 0 30px;padding:16px 10px;border-block:1px solid #ffffff15;display:flex;align-items:center;gap:10px;font-size:12px;color:#e0e7ed}.workspace small{display:block;color:#899eae;font-size:10px;margin-top:3px}.workspace-icon{display:grid;place-items:center;background:#294354;border-radius:8px;width:33px;height:33px;font-size:11px}.dot{width:6px;height:6px;background:#78c0a1;border-radius:50%;margin-right:auto}.nav-label{font-size:10px;color:#7891a3;margin:0 12px 12px}nav button{width:100%;display:flex;align-items:center;gap:13px;text-align:right;padding:13px 14px;color:#a7bac9;background:none;margin:6px 0}nav button.active{background:#284253;color:white;box-shadow:inset -3px 0 #efaa6f}nav button span{font-size:23px;line-height:1}nav button b{margin-right:auto;background:#405869;padding:1px 6px;font-size:10px;border-radius:4px}.coming{margin-top:28px}.coming>span{display:block;margin:18px 12px;font-size:12px;color:#718a9c}.side-bottom{margin-top:auto;padding:22px 12px 0;color:#c5d5e0;position:relative}.shield{display:block;color:#f1b175;font-size:30px}.side-bottom small{display:block;color:#7f99aa;margin:8px 0 24px;line-height:1.9}.version{font-size:9px;color:#6d879a}.shell{margin-right:242px}header{height:82px;background:white;border-bottom:1px solid #e6ebf0;padding:0 38px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#8b97a5}.breadcrumb span{margin:0 15px;color:#c9d2d9}.breadcrumb b{font-weight:400;color:#31465b}.header-actions{display:flex;gap:18px;align-items:center}.read-only{font-size:10px;color:#59706b;background:#f1f7f3;border:1px solid #dfede4;padding:5px 9px;border-radius:5px}.primary{background:#17384e;color:white;padding:13px 20px}.primary span{margin-right:12px;color:#f2b274}.small{padding:9px 14px;font-size:11px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f6eee6;color:#8d623d;font-weight:bold;font-size:11px}main{max-width:1550px;margin:auto;padding:28px 38px 15px}.notice{display:flex;align-items:center;justify-content:space-between;background:#fbf4e9;border:1px solid #f0e2ce;color:#85643f;font-size:11px;padding:9px 14px;border-radius:7px}.notice button{background:none;color:inherit;font-size:10px;text-decoration:underline}.notice.live{background:#edf6f2;color:#376755;border-color:#d7e9df}.page-title{display:flex;align-items:center;justify-content:space-between;margin:34px 0 24px}.eyebrow{display:block;text-align:right;font:10px Arial;letter-spacing:2px;color:#8b98a6;margin-bottom:8px}h1{font-size:29px;letter-spacing:-1px;font-weight:700;color:#172b3f}h1 span{color:#c3834f;margin-right:3px}.page-title p{color:#82909e;font-size:12px;margin-top:8px}.date{display:flex;flex-direction:column;text-align:left;color:#8f9ba6;font-size:10px;gap:5px}.date b{font-weight:400;color:#53677a;font-size:11px}.data-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;font-size:10px;color:#84929d}.data-toolbar>div{display:flex;gap:9px}.secondary{border:1px solid #dce4eb;background:white;color:#52687a;padding:7px 12px;font-size:11px}.quiet{background:none;color:#6b7e90;font-size:11px;padding:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.stat{background:white;border:1px solid #e3e9ee;border-radius:11px;padding:21px}.stat>div{display:flex;align-items:center;justify-content:space-between;color:#67798b;font-size:12px}.stat i{font:18px Arial;font-style:normal;display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#edf2f8;color:#6486a1}.stat i.green{background:#edf6f0;color:#609680}.stat i.orange{background:#fff3e7;color:#c0874e}.stat i.red{background:#fcf0ee;color:#bf8176}.stat strong{font:600 35px/1.4 Arial;display:block;margin:10px 0 7px;color:#20394d}.stat small{color:#8a98a4;font-size:10px}.insights{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;margin-bottom:25px}.panel{background:white;border:1px solid #e3e9ee;border-radius:11px;overflow:hidden}.panel-heading{padding:21px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font-size:15px;color:#253e53}.panel-heading p{font-size:10px;color:#8c99a5;margin-top:5px}.panel-icon{font-size:23px;color:#bdc9d2}#distribution{padding:5px 24px 14px}.bar-label{display:flex;justify-content:space-between;font-size:11px;color:#697c8d;margin-bottom:7px}.bar-label b{font:600 14px Arial;color:#365167}.bar{height:7px;border-radius:5px;background:#f1f4f7;margin-bottom:18px;overflow:hidden}.bar>div{height:100%;border-radius:5px;background:#5d8c85}.bar.expired>div{background:#c78f7d}.bar.unknown>div{background:#a6b4c0}.footnote{font-size:10px;color:#92a0ac;border-top:1px solid #f0f3f6;padding:13px 24px}#upcoming{padding:0 24px 13px}.upcoming-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eff2f5;padding:13px 0}.upcoming-row:last-child{border-bottom:0}.initials{display:grid;place-items:center;width:35px;height:35px;background:#f0f4f7;color:#72899b;border-radius:9px;font-size:11px;flex:none}.person{display:flex;align-items:center;gap:10px}.person b{display:block;font-size:11px;color:#374f63;font-weight:500}.person small{font:10px/1.8 Arial;color:#93a0ac;display:block;direction:ltr;text-align:right}.upcoming-row>div{flex:1}.upcoming-row strong{font-size:11px;font-weight:400}.upcoming-row small{font-size:10px;color:#95a1aa;display:block}.tag,.badge{border-radius:5px;font-size:10px;white-space:nowrap;padding:4px 8px;background:#f0f4f7;color:#6e8395}.badge.active{background:#edf6f1;color:#52816c}.badge.expired{background:#fbefeb;color:#ad7667}.badge.soon{background:#fff3e5;color:#ad804e}.filters{display:flex;align-items:center;gap:12px;margin:0 24px 20px}.search{display:flex;align-items:center;gap:9px;border:1px solid #e0e7ed;border-radius:7px;padding:0 12px;flex:1}.search>span{font-size:24px;color:#9aabb8}.search input{width:100%;border:none;padding:9px 0;outline:none;font-size:11px;color:#304b60;background:transparent}select{border:1px solid #e0e7ed;color:#6e8192;background:white;padding:9px 12px;font-size:11px;max-width:180px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}th{background:#f8fafc;font-size:10px;font-weight:400;color:#8193a2;padding:13px 17px;border-block:1px solid #edf1f5}th:first-child,td:first-child{padding-right:24px}th button{background:none;font-size:10px;color:inherit;padding:0}td{padding:15px 17px;border-bottom:1px solid #f0f3f6;font-size:11px;color:#738697}td .profile-tag{border:1px solid #e5ebf0;padding:4px 9px;border-radius:5px;font-size:10px}.online-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#68a68d;margin-left:5px}.offline-dot{background:#b7c1c9}.pagination{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;color:#8b9ba8;font-size:10px}.pagination>div{display:flex;align-items:center;gap:14px}.pagination button{font-size:10px;padding:5px 11px}footer{padding:23px 0;color:#9aa7b2;font:10px Arial;display:flex;justify-content:space-between}footer span{font:10px Tahoma}#empty{text-align:center;padding:40px;color:#8395a4}#empty p{font-size:12px;margin-top:7px}#alert:not(:empty){padding:12px;margin-top:12px;border-radius:7px;background:#eaf2f7;color:#365f7c;font-size:12px}dialog{border:1px solid #dce4eb;border-radius:16px;padding:28px;width:440px;max-width:92vw;max-height:92vh;overflow:auto;color:#294257;box-shadow:0 25px 100px #10263830}dialog::backdrop{background:#0c203970;backdrop-filter:blur(3px)}dialog h2{font-size:23px;margin-bottom:6px}dialog p{font-size:12px;color:#80919e}dialog label:not(.check){display:block;font-size:12px;margin:15px 0;color:#637b8e}dialog input:not([type=checkbox]){display:block;width:100%;padding:10px;border:1px solid #dbe4ec;margin-top:7px;color:#29485e;background:#fafcfd}dialog .primary{width:100%;margin-top:15px}dialog .brand-icon{background:#17384e}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.connection-note{font-size:11px;line-height:1.9;padding:12px;background:#fff5e9;border-radius:7px;color:#96734c}.check{font-size:11px;display:flex;align-items:center;gap:7px;margin-top:15px}#login-error{color:#b66558;font-size:12px;margin-top:12px}#detail-dialog>.close{float:left}#details>div{padding:12px 0;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;gap:20px;font-size:12px}#details span{color:#8b9eac}#details b{font-weight:400;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(min-width:1550px){main{padding-top:35px}.stat{padding:27px}.insights{margin-top:28px}.sidebar{padding-top:38px}}
@media(max-width:1100px){.sidebar{width:205px;padding:25px 14px}.shell{margin-right:205px}main{padding:25px}header{padding:0 25px}.stats{gap:10px}.stat{padding:15px}.stat>div{font-size:10px}.stat i{width:26px;height:26px}.stat strong{font-size:30px}.date{display:none}.insights{gap:15px}.panel-heading{padding:18px}.filters{margin:0 18px 18px;gap:8px}.filters .quiet{display:none}select{max-width:130px}}
@media(max-width:760px){.sidebar{position:sticky;top:0;bottom:auto;width:100%;height:auto;padding:12px 18px;flex-direction:row;align-items:center;gap:20px}.brand{font-size:11px;gap:8px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:2px}.brand-icon{width:34px;height:34px;font-size:21px}.workspace,.sidebar>.nav-label,.coming,.side-bottom{display:none}.sidebar nav{display:flex;gap:5px;margin-right:auto}.sidebar nav button{width:auto;margin:0;padding:8px 10px;font-size:11px;gap:6px}.sidebar nav button span{font-size:18px}.sidebar nav b{display:none}.shell{margin:0}header{height:62px;padding:0 18px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}.header-actions{gap:8px}.avatar,.read-only{display:none}main{padding:17px}.notice{font-size:10px;gap:10px;align-items:flex-start}.notice button{white-space:nowrap;font-size:9px}.page-title{margin:27px 0 18px}h1{font-size:23px}.eyebrow{font-size:8px}.page-title p{font-size:11px;line-height:1.9}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:17px}.stat strong{font-size:30px}.stat small{font-size:9px}.data-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.insights{grid-template-columns:1fr;gap:14px}.filters{flex-wrap:wrap}.search{flex-basis:100%}select{flex:1;max-width:none}.filters .quiet{display:block}.panel-heading{padding:18px}.panel-heading p{font-size:9px}h2{font-size:14px}.pagination{padding:14px}.pagination>div{gap:8px}footer{font-size:9px;gap:15px}footer span{font-size:9px}td{padding-block:13px}}

html,body{overflow-x:clip}

.filters{flex-wrap:wrap}.search{min-width:200px}

.column-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#columns-dialog{width:540px}#columns-dialog .column-tools{margin:16px 0}#columns-list{max-height:48vh;overflow:auto;border:1px solid #e3e9ee;border-radius:8px}.column-option{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf1f5;background:white}.column-option label{display:flex!important;align-items:center;gap:10px;flex:1;margin:0!important;cursor:pointer}.column-option input{width:17px;height:17px;accent-color:#17384e}.drag-handle{cursor:grab;color:#8a9eae;font-size:22px}.column-option .secondary{padding:4px 9px}#columns-error{color:#b66558;margin-top:12px}td[data-column=notes],td[data-column=address]{max-width:240px;overflow:hidden;text-overflow:ellipsis}.table-wrap{max-width:100%}#table-head th{white-space:nowrap}#columns-account{margin-bottom:8px;color:#375c72}
.cards-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 30px;background:#102638;border-radius:14px;color:#d6e4ee;margin-bottom:20px}.cards-intro h2{font-size:26px;color:white;margin-bottom:10px}.cards-intro p{color:#a9bdcb;font-size:12px}.cards-intro .eyebrow{color:#e9b487}.card-art{display:block;min-width:215px;transform:rotate(-5deg);padding:18px 22px;border-radius:12px;border:1px solid #f3c59860;background:linear-gradient(120deg,#365263,#1b3546);color:#f2bb83;font:bold 24px Arial;direction:ltr;box-shadow:0 10px 20px #0002}.card-art small{display:block;font:8px Arial;letter-spacing:2px;margin:6px 0 24px;color:#c2d5df}.card-art b{font:14px Arial;letter-spacing:3px;color:#dde6eb}.cards-source{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #ead9bd;background:#fff8ec;padding:17px 20px;border-radius:10px;margin-bottom:22px;color:#846540}.cards-source strong{font-size:12px}.cards-source p{font-size:11px;margin-top:5px}.cards-source button{flex-shrink:0}.cards-empty{text-align:center;padding:50px 24px;color:#7b8e9e}.cards-empty>span{font-size:40px;color:#b4c4d0;display:block;margin-bottom:10px}.cards-empty p{font-size:12px;margin-top:8px}.page-size{display:flex;gap:8px;align-items:center}.page-size select{padding:5px 10px}.pagination{gap:12px;flex-wrap:wrap}@media(max-width:760px){.cards-intro{padding:22px}.card-art{display:none}.cards-intro h2{font-size:22px}.cards-source{align-items:flex-start;flex-direction:column}.pagination>div{flex-wrap:wrap}.sidebar{gap:10px}.sidebar nav button{padding:8px 6px;font-size:10px}}

.wide-dialog{width:min(960px,95vw);max-width:95vw}.staff-permissions{display:flex;flex-wrap:wrap;gap:18px;margin:15px 0}#staff-list>div{display:flex;align-items:center;gap:15px;padding:10px;border-bottom:1px solid #edf0f3}.header-actions{flex-wrap:wrap}#staff-auth{width:min(440px,95vw)}

.has-debt td{background:#fff2df;color:#703500}.debt-warning{color:#8c3600;background:#fff2df;padding:10px;border-radius:8px;font-weight:600}#debts-page{padding:24px}#debt-history{padding-top:18px}

/* Clear column boundaries shared by all data tables. */
table th,table td{border:1px solid #d8e2eb}
table th{background:#edf3f7;color:#435e73;font-weight:600;border-bottom:2px solid #bdcddd}

.subscriber-link{color:#1769aa;text-decoration:underline;font-weight:600}.subscriber-page{margin:20px 0}.subscriber-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:0 24px 24px}.subscriber-info>div{background:#f3f7fa;border:1px solid #d8e2eb;border-radius:9px;padding:14px}.subscriber-info small,.subscriber-info strong{display:block}.subscriber-info small{color:#738697;margin-bottom:7px}.subscriber-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:16px 24px;border-block:1px solid #d8e2eb}.subscriber-tabs .active{background:#17384e;color:white}.subscriber-status,.subscriber-page h3,.subscriber-page .empty-state{padding:16px 24px}.danger{background:#a53434;color:white;padding:10px 15px;border-radius:7px}.subscriber-page .table-wrap{max-width:100%;overflow:auto}.subscriber-page td{max-width:420px;white-space:normal;min-width:110px}.subscriber-page .panel-heading{flex-wrap:wrap}

.subscriber-notes{padding:0 24px 24px;display:grid;gap:10px}.subscriber-notes label{font-weight:bold}.subscriber-notes textarea{width:100%;resize:vertical;font:inherit;padding:12px;border:1px solid #bdcddd;border-radius:8px;min-height:90px}.subscriber-notes button{justify-self:start}.subscriber-notes small{color:#738697}td[data-column=localNotes]{max-width:260px;overflow:hidden;text-overflow:ellipsis}

.sas-activations{padding:24px}.activation-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:20px 0}.activation-filters label{display:grid;gap:6px;min-width:140px}.activation-filters input,.activation-filters select,.activation-tools select{font:inherit;padding:10px;border:1px solid #cbd5e1;border-radius:7px}.activation-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.sas-activations table{min-width:1200px}.sas-activations th,.sas-activations td{border:1px solid #dce3eb;padding:12px;white-space:nowrap}.sas-activations th button{background:transparent;color:inherit;padding:0}.activation-cancelled{background:#fff0f0}.activation-column-dialog{max-height:85vh;width:min(560px,95vw);overflow:auto}.activation-column-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid #ddd;padding:8px}.activation-column-row label{flex:1;display:flex;gap:10px}.activation-column-row button{padding:5px 12px}

#table-head .subscriber-sort{background:transparent;color:inherit;font-weight:inherit;padding:4px 0;width:100%;text-align:inherit;white-space:nowrap}#table-head th[aria-sort=ascending],#table-head th[aria-sort=descending]{background:#e4edf5;color:#173e60}

.subscription-receipt{width:min(520px,95vw);color:#172b3d}.subscription-receipt table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}.subscription-receipt th,.subscription-receipt td{white-space:normal;overflow-wrap:anywhere;text-align:right;padding:9px;border-bottom:1px solid #dce3eb}.subscription-receipt th{width:34%}.receipt-brand,.subscription-receipt h2,.receipt-phone,.receipt-footer{text-align:center}.receipt-brand{font-weight:700}.receipt-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.receipt-print-help{font-size:12px;color:#526777}.receipt-editor{border-top:1px solid #ddd;margin-top:18px;padding-top:12px}.receipt-editor label{display:block;margin:12px 0}.receipt-editor input:not([type=checkbox]),.receipt-editor select{width:100%;font:inherit;padding:8px}.receipt-editor input[type=checkbox]{margin-left:8px}
@media print{
 @page{size:80mm 180mm;margin:3mm}
 html,body{width:74mm!important;margin:0!important;padding:0!important;background:white!important;color:black!important;min-height:0!important;height:auto!important;overflow:visible!important}
 body>*:not(.subscription-receipt){display:none!important}
 dialog.subscription-receipt[open]{display:block!important;position:static!important;inset:auto!important;width:74mm!important;max-width:74mm!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;background:white!important;color:black!important;font-family:Arial,Tahoma,sans-serif;font-size:11pt;line-height:1.4;direction:rtl}
 .subscription-receipt::backdrop{display:none!important}.subscription-receipt .receipt-actions,.subscription-receipt .receipt-print-help,.subscription-receipt .receipt-editor{display:none!important}
 .subscription-receipt table{width:100%!important;min-width:0!important;table-layout:fixed!important}.subscription-receipt th,.subscription-receipt td{padding:2mm 1mm!important;border:0!important;border-bottom:1px dashed #888!important;background:white!important;color:black!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:inherit!important}.subscription-receipt tr{break-inside:avoid}.subscription-receipt h2{font-size:16pt;margin:3mm 0}.subscription-receipt .receipt-footer{margin:4mm 0}.subscription-receipt.receipt-font-small{font-size:9pt!important}.subscription-receipt.receipt-font-large{font-size:12pt!important}
}

.report-receipt-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.report-receipt-actions button{font-size:12px;padding:6px 10px}


/* Personal appearance; receipt print colors stay independent. */
.theme-presets{display:flex;gap:8px;flex-wrap:wrap}
@media screen{
:root{--ti-accent:#086d62;--ti-accent-text:#fff;--ti-bg:#f5f7fa;--ti-surface:#fff;--ti-text:#294257;--ti-muted:#637b8e;--ti-border:#dce4eb}
:root[data-mode=dark]{color-scheme:dark;--ti-bg:#101820;--ti-surface:#1a2732;--ti-text:#e4edf4;--ti-muted:#b4c4d1;--ti-border:#3b4e5e}
body{background:var(--ti-bg);color:var(--ti-text)}
.primary,.brand-icon,nav button.active{background:var(--ti-accent);color:var(--ti-accent-text)}
.bar:not(.expired):not(.unknown)>div{background:var(--ti-accent)}
.stat i.green{background:color-mix(in srgb,var(--ti-accent) 15%,var(--ti-surface));color:var(--ti-accent)}
input[type=checkbox]{accent-color:var(--ti-accent)}
:root[data-mode=dark] :is(header,.panel,.stat,dialog,.secondary,select,.column-option,section#admin-reports,section#cards-page,section#debts-page){background:var(--ti-surface);color:var(--ti-text);border-color:var(--ti-border)}
:root[data-mode=dark] :is(h1,h2,h3,td,th,label,dialog label:not(.check),dialog p,.person b,.stat strong,.stat>div,.bar-label b,.breadcrumb b,.date b){color:var(--ti-text)}
:root[data-mode=dark] :is(input:not([type=color]):not([type=checkbox]),textarea,th,.initials,.tag,.profile-tag,.column-option){background:var(--ti-bg);color:var(--ti-text);border-color:var(--ti-border)}
:root[data-mode=dark] :is(td,th,.search,.panel-heading,.upcoming-row,.footnote,#columns-list){border-color:var(--ti-border)}
:root[data-mode=dark] :is(.page-title p,.eyebrow,.person small,.stat small,.date,.pagination,.bar-label,.quiet,footer){color:var(--ti-muted)}
:root[data-mode=dark] .bar{background:var(--ti-border)}
:root[data-mode=dark] dialog .connection-note{background:#243642;color:#d6e5ee;border:1px solid #415969}
:root[data-mode=dark] .debt-warning{background:#382f24;color:#f3d5a6;border:1px solid #665239}
:root[data-mode=dark] #prepare-dialog :is(#prepare-target,.footnote,#prepare-error){color:var(--ti-muted)}
/* Shared dark surfaces and semantic states across every workspace page. */
:root[data-mode=dark]{--ti-info-bg:#243642;--ti-info-text:#d6e5ee;--ti-success-bg:#203d35;--ti-success-text:#b7e3cc;--ti-warning-bg:#382f24;--ti-warning-text:#f3d5a6;--ti-error-bg:#402b31;--ti-error-text:#f4bdc4}
:root[data-mode=dark] :is(.subscriber-info>div,.subscriber-tabs,.activation-column-row,#staff-list>div,#details>div){border-color:var(--ti-border)}
:root[data-mode=dark] .subscriber-info>div{background:var(--ti-bg);color:var(--ti-text)}
:root[data-mode=dark] :is(.panel-heading p,.data-toolbar,.subscriber-info small,.subscriber-notes small,.cards-empty,.upcoming-row small,#details span,#columns-account,#empty,.breadcrumb){color:var(--ti-muted)}
:root[data-mode=dark] :is(.subscriber-link,.person small){color:#9acaf0}
:root[data-mode=dark] :is(.notice,.cards-source){background:var(--ti-warning-bg);color:var(--ti-warning-text);border-color:#665239}
:root[data-mode=dark] :is(.notice.live,.read-only,.badge.active){background:var(--ti-success-bg);color:var(--ti-success-text);border-color:#406858}
:root[data-mode=dark] :is(.badge.soon,.stat i.orange){background:var(--ti-warning-bg);color:var(--ti-warning-text)}
:root[data-mode=dark] :is(.badge.expired,.stat i.red){background:var(--ti-error-bg);color:var(--ti-error-text)}
:root[data-mode=dark] :is(.stat i,.avatar,#alert:not(:empty)){background:var(--ti-info-bg);color:var(--ti-info-text);border-color:var(--ti-border)}
:root[data-mode=dark] .stat i.green{background:var(--ti-success-bg);color:var(--ti-success-text)}
:root[data-mode=dark] .has-debt td{background:var(--ti-warning-bg);color:var(--ti-warning-text)}
:root[data-mode=dark] .activation-cancelled td{background:var(--ti-error-bg);color:var(--ti-error-text)}
:root[data-mode=dark] #table-head th:is([aria-sort=ascending],[aria-sort=descending]){background:var(--ti-info-bg);color:var(--ti-info-text)}
:root[data-mode=dark] .sas-activations :is(th,td){border-color:var(--ti-border)}
:root[data-mode=dark] :is(.activation-column-row button,.subscriber-tabs button){background:var(--ti-info-bg);color:var(--ti-info-text)}
:root[data-mode=dark] .subscriber-tabs .active{background:var(--ti-accent);color:var(--ti-accent-text)}
:root[data-mode=dark] :is(input,textarea)::placeholder{color:#9bafbf;opacity:1}
:root[data-mode=dark] :is(#login-error,#columns-error,#staff-auth-error){color:var(--ti-error-text)}
:root[data-mode=dark] .subscription-receipt{background:#fff;color:#111;color-scheme:light}
:root[data-mode=dark] .subscription-receipt :is(h2,h3,td,th,label,p){color:#222}
:root[data-mode=dark] .subscription-receipt :is(input,select,th,.secondary){background:#fff;color:#222}
.header-actions{flex-wrap:wrap;gap:8px}header{height:auto;min-height:82px;padding-block:10px}
}

.shift-filters{display:flex;flex-wrap:wrap;align-items:end;gap:16px}.shift-filters label{display:grid;gap:8px}.shift-filters input[name=start],.shift-filters input[name=end]{direction:ltr;width:120px}#shift-reports-page h3{margin-top:28px}#shift-reports-page td,#shift-reports-page th{border:1px solid var(--ti-border)}

#prepare-notes,#debt-add-notes{display:block;width:100%;box-sizing:border-box;resize:vertical;font:inherit;padding:12px;border-radius:10px;border:1px solid var(--ti-border);background:var(--ti-surface);color:var(--ti-text)}#admin-reports td:nth-child(12),#shift-reports-page td:last-child{white-space:pre-wrap;overflow-wrap:anywhere;max-width:320px}

#prepare-collect-panel{margin:14px 0;padding:14px;border:1px solid var(--ti-border);border-radius:12px;background:var(--ti-surface)}#prepare-collect{width:100%}

#debts-rows td:nth-child(6){white-space:pre-wrap;overflow-wrap:anywhere;min-width:180px;max-width:340px}

.maintenance-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;padding:18px 0}.maintenance-form label{display:flex;flex-direction:column;gap:8px}.maintenance-form textarea{min-height:90px}details{padding:14px 0}summary{cursor:pointer;font-weight:700}
