*{box-sizing:border-box}
:root{--bg:#061622;--bg2:#0a2639;--panel:#102f46;--panel2:#143950;--line:rgba(255,255,255,.11);--text:#f5f8fa;--muted:#9fb7c7;--gold:#f2b84b;--gold2:#ffd36b;--green:#56c994;--red:#ef7373}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#061622;color:var(--text)}
body{min-height:100vh;background:radial-gradient(circle at 92% 0,rgba(27,92,132,.5),transparent 34%),linear-gradient(180deg,#0a2639,#061622)}
a{color:inherit}.eyebrow{display:block;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:900}
.brand-mark{width:70px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--gold2),var(--gold));display:inline-flex;align-items:center;justify-content:center;color:#2b1e07;font-size:18px;font-weight:950;letter-spacing:.07em}
.brand-mark.small{width:46px;height:36px;border-radius:10px;font-size:12px}
.auth-page{display:grid;place-items:center;padding:28px}.auth-shell{width:min(900px,100%);display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.32)}
.auth-brand{padding:54px 42px;background:linear-gradient(145deg,#0c3450,#071d2e);display:flex;flex-direction:column;justify-content:center}.auth-brand h1{font-size:34px;margin:18px 0 7px}.auth-brand p{margin:0;color:var(--muted)}
.auth-card{padding:48px 44px;background:rgba(16,47,70,.97)}.auth-card h2{font-size:28px;margin:7px 0 6px}.auth-card>p{margin:0 0 22px;color:var(--muted)}
form{display:grid;gap:16px}label{display:grid;gap:7px;font-size:13px;font-weight:750;color:#dce8ee}input,select{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(3,16,27,.62);color:#fff;padding:10px 12px;font:inherit;outline:none}input:focus,select:focus{border-color:rgba(242,184,75,.8);box-shadow:0 0 0 3px rgba(242,184,75,.11)}
.btn,button{appearance:none;border:0;border-radius:11px;min-height:42px;padding:10px 16px;font-weight:850;font-size:13px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#342507}.btn.secondary{background:#e9f2f7;color:#0b293b}.btn.danger{background:rgba(239,115,115,.15);border:1px solid rgba(239,115,115,.4);color:#ffbcbc}.btn.full{width:100%}
.alert{padding:13px 15px;border-radius:12px;margin-bottom:16px;font-size:13px;font-weight:700}.alert.error{background:rgba(239,115,115,.13);border:1px solid rgba(239,115,115,.34);color:#ffc5c5}.alert.success{background:rgba(86,201,148,.13);border:1px solid rgba(86,201,148,.34);color:#b2f0d4}
.centre-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.centre-sidebar{position:fixed;inset:0 auto 0 0;width:240px;padding:23px 15px 18px;background:rgba(4,18,29,.97);border-right:1px solid var(--line);display:flex;flex-direction:column}
.centre-logo{display:flex;align-items:center;gap:11px;text-decoration:none;padding:2px 6px 22px;border-bottom:1px solid var(--line)}.centre-logo strong,.centre-logo small{display:block}.centre-logo small{color:var(--muted);font-size:11px;margin-top:2px}
.centre-sidebar nav{display:grid;gap:6px;padding-top:18px}.centre-sidebar nav a{text-decoration:none;color:#b9cdda;padding:11px 12px;border-radius:10px;font-size:14px;font-weight:750}.centre-sidebar nav a:hover,.centre-sidebar nav a.active{background:rgba(242,184,75,.12);color:#fff;box-shadow:inset 3px 0 var(--gold)}
.side-bottom{margin-top:auto;padding:15px 7px 0;border-top:1px solid var(--line);display:grid;gap:8px;font-size:12px}.side-bottom span{color:var(--muted)}.side-bottom a{text-decoration:none}
.centre-content{grid-column:2;width:min(1160px,calc(100% - 48px));margin:0 auto;padding:39px 0 55px}
.page-title{margin:0 0 24px}.page-title h1{font-size:38px;line-height:1.06;margin:7px 0}.page-title p{color:var(--muted);margin:0;font-size:15px}.back{display:inline-block;color:#b9cdda;text-decoration:none;font-size:13px;margin-bottom:18px}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px}.metric-grid>div{padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:rgba(18,55,79,.7)}.metric-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.metric-grid strong{display:block;font-size:25px;margin-top:7px}.green{color:var(--green)!important}.red{color:var(--red)!important}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px}.section-heading h2{margin:0 0 4px}.section-heading p{margin:0;color:var(--muted);font-size:13px}
.client-list{display:grid;gap:9px}.client-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:linear-gradient(145deg,rgba(18,55,79,.9),rgba(11,39,57,.92))}.client-card:hover{border-color:rgba(242,184,75,.4);transform:translateY(-1px)}.client-avatar{width:45px;height:45px;border-radius:12px;background:rgba(242,184,75,.13);color:var(--gold2);display:flex;align-items:center;justify-content:center;font-weight:900}.client-main strong,.client-main small{display:block}.client-main small{color:var(--muted);margin-top:3px;font-size:12px}.status{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}.status.active{background:rgba(86,201,148,.14);color:#9ee8c5}.status.suspended{background:rgba(239,115,115,.14);color:#ffbbbb}.chevron{color:var(--gold);font-size:20px}
.empty-state{border:1px dashed rgba(255,255,255,.18);padding:34px;text-align:center;color:var(--muted);border-radius:14px}
.form-panel,.credentials-card{background:linear-gradient(180deg,rgba(18,55,79,.96),rgba(12,39,57,.96));border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 16px 38px rgba(0,0,0,.17)}.form-panel.compact{max-width:690px}.form-panel h2{margin:0 0 17px;font-size:19px}.help{color:var(--muted);font-size:12px;margin:0}
.credentials-card{max-width:880px}.credential-success{color:var(--green);font-weight:850;font-size:13px}.credentials-card h2{font-size:26px;margin:7px 0}.credentials-card>p{color:var(--muted);margin:0 0 20px}.credential-row,.link-box{display:grid;grid-template-columns:135px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.credential-row span,.link-box span{color:var(--muted);font-size:12px}.credential-row code,.link-box code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf7fc}.credential-row button,.link-box button{min-height:34px;padding:7px 10px;background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--line)}.credential-actions,.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.details-grid .form-panel:last-child{grid-column:1/-1}.top-gap{margin-top:12px}
.credential-alert{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:rgba(242,184,75,.11);border:1px solid rgba(242,184,75,.3);color:#fff}.credential-alert small{color:var(--muted)}
@media(max-width:820px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.centre-shell{display:block}.centre-sidebar{position:static;width:auto;height:auto}.centre-sidebar nav{grid-template-columns:repeat(3,1fr)}.side-bottom{display:flex;justify-content:space-between}.centre-content{grid-column:auto;width:min(100% - 28px,1160px);padding-top:24px}.details-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.credential-row,.link-box{grid-template-columns:1fr}.client-card{grid-template-columns:auto minmax(0,1fr) auto}.chevron{display:none}}
@media(max-width:520px){.auth-card{padding:31px 22px}.centre-sidebar nav{grid-template-columns:1fr 1fr}.page-title h1{font-size:30px}.section-heading{align-items:stretch;flex-direction:column}.client-card{padding:12px}.status{display:none}}

.service-note{color:var(--muted);font-size:12px;line-height:1.5;margin:-5px 0 15px}.service-toggle{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px!important;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(3,16,27,.28)}.service-toggle input{width:20px;height:20px;min-height:0;margin-top:2px;accent-color:var(--gold)}.service-toggle strong,.service-toggle small{display:block}.service-toggle small{color:var(--muted);font-size:11px;margin-top:3px;line-height:1.4}

.display-mode-box{
  margin-top:5px;
  padding:14px;
  border-radius:13px;
  border:1px solid rgba(242,184,75,.22);
  background:rgba(242,184,75,.055);
}
.display-mode-box label{margin:0}
.display-mode-box select{margin-top:6px}
.display-mode-box>small{
  display:block;
  margin-top:9px;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}

.layout-options{display:grid;gap:9px;margin:10px 0 14px}
.layout-option{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px!important;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(3,16,27,.28);cursor:pointer}
.layout-option input{width:18px;height:18px;min-height:0;accent-color:var(--gold)}
.layout-option strong,.layout-option small{display:block}
.layout-option small{color:var(--muted);font-size:11px;margin-top:3px;line-height:1.4}
.layout-option:has(input:checked){border-color:rgba(242,184,75,.55);background:rgba(242,184,75,.08)}
.featured-layout em{font-style:normal;color:#2e2208;background:var(--gold);font-size:10px;font-weight:900;padding:5px 7px;border-radius:999px;white-space:nowrap}
.split-behaviour{margin:12px 0 15px;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035)}
.split-behaviour strong{display:block;margin-bottom:7px}
.split-behaviour ul{margin:0;padding-left:18px;color:var(--muted);font-size:11px;line-height:1.6}

.campaign-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;margin-bottom:28px}
.campaign-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.target-picker{margin:13px 0;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(3,16,27,.25)}
.target-picker-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.target-picker-head strong,.target-picker-head small{display:block}.target-picker-head small{color:var(--muted);font-size:11px;margin-top:3px}
.small-btn{padding:7px 10px!important;font-size:11px!important}
.target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:270px;overflow:auto}
.target-client{display:grid!important;grid-template-columns:auto 1fr;gap:9px!important;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}
.target-client input{width:17px;height:17px;min-height:0;accent-color:var(--gold)}
.target-client strong,.target-client small{display:block}.target-client small{font-size:10px;color:var(--muted);margin-top:2px}
.campaign-info{align-self:start}.campaign-info>p{color:var(--muted);line-height:1.55}
.campaign-rule{display:grid;gap:3px;padding:11px 0;border-top:1px solid var(--line)}.campaign-rule strong{font-size:12px}.campaign-rule span{font-size:11px;color:var(--muted)}
.campaign-list{display:grid;gap:11px}
.campaign-card{display:grid;grid-template-columns:125px minmax(0,1fr) auto;gap:15px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(3,16,27,.35)}
.campaign-thumb{height:76px;position:relative;border-radius:10px;overflow:hidden;background:#02080d}.campaign-thumb img,.campaign-thumb video{width:100%;height:100%;object-fit:cover}.campaign-thumb>span{position:absolute;left:7px;bottom:7px;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.7);font-size:9px;font-weight:900}
.campaign-main{min-width:0}.campaign-title-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.campaign-title-row strong,.campaign-title-row small{display:block}.campaign-title-row small,.campaign-main>small{color:var(--muted);font-size:10px;margin-top:3px}.campaign-main p{margin:8px 0 4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.campaign-actions{display:flex;gap:7px}
@media(max-width:900px){.campaign-layout{grid-template-columns:1fr}.campaign-card{grid-template-columns:100px 1fr}.campaign-actions{grid-column:1/-1}.target-grid{grid-template-columns:1fr}}

.timing-controls{margin:15px 0;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(3,16,27,.28)}
.timing-controls h3{margin:4px 0 4px;font-size:16px}
.timing-controls>div>p{margin:0 0 13px;color:var(--muted);font-size:11px}
.timing-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.seconds-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(3,16,27,.58);overflow:hidden;margin-top:6px}
.seconds-field input{border:0!important;background:transparent!important;box-shadow:none!important}
.seconds-field span{padding:0 11px;color:var(--muted);font-size:11px}
.timing-permission{margin-top:12px}
@media(max-width:620px){.timing-grid{grid-template-columns:1fr}}

/* SCREEN MANAGEMENT + PROOF OF PLAY */
.dashboard-shortcuts{display:flex;gap:9px;flex-wrap:wrap;margin:-8px 0 23px}
.screen-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}
.screen-list{display:grid;gap:10px}
.screen-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(18,55,79,.9),rgba(9,34,51,.94))}
.screen-status-light{width:12px;height:12px;border-radius:50%;margin-top:7px;background:#566b79;box-shadow:0 0 0 5px rgba(255,255,255,.025)}
.screen-status-light.online{background:#56c994;box-shadow:0 0 0 5px rgba(86,201,148,.09),0 0 15px rgba(86,201,148,.35)}
.screen-status-light.offline{background:#6c8291}
.screen-main{min-width:0}.screen-title-row{display:flex;align-items:center;gap:10px}.screen-title-row>strong{font-size:16px}.screen-main>small{display:block;color:var(--muted);margin-top:4px}
.screen-live-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.screen-live-meta span{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.045);color:#aac0ce;font-size:10px}
.screen-tags{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.screen-tags span{font-size:9px;padding:4px 7px;border-radius:999px;background:rgba(242,184,75,.11);color:#f3ca76;border:1px solid rgba(242,184,75,.18)}
.screen-url{display:flex;align-items:center;gap:8px;margin-top:9px;min-width:0}.screen-url code{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cfe0ea;background:rgba(3,16,27,.42);padding:7px 9px;border-radius:8px;font-size:10px}.screen-url button{flex:0 0 auto;min-height:31px;padding:5px 8px;background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--line);font-size:10px}
.screen-actions{display:grid;gap:6px}.screen-actions form{display:block}.screen-actions .btn{width:100%}
.groups-heading{margin-top:33px}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.group-card-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.group-card-head h2{margin:0 0 4px}.group-card-head p{margin:0;color:var(--muted);font-size:11px}.group-count{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(242,184,75,.12);color:var(--gold);font-weight:900}
.group-member-list{display:grid;gap:6px;max-height:310px;overflow:auto;margin:14px 0}.group-screen-option{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:9px!important;padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.group-screen-option input{width:17px;height:17px;min-height:0;accent-color:var(--gold)}.group-screen-option strong,.group-screen-option small{display:block}.group-screen-option small{color:var(--muted);font-size:10px;margin-top:2px}
.campaign-group-picker{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.campaign-group-picker>strong,.campaign-group-picker>small{display:block}.campaign-group-picker>small{color:var(--muted);font-size:10px;margin:3px 0 9px}
.report-filters{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr)) auto;gap:9px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(3,16,27,.3);margin-bottom:20px}.report-filters .btn{height:44px}.report-metrics{grid-template-columns:repeat(4,1fr)}
.campaign-performance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:27px}.performance-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(18,55,79,.7)}.performance-card>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performance-card>div{text-align:center}.performance-card>div span,.performance-card>div small{display:block}.performance-card>div span{font-size:19px;font-weight:900;color:var(--gold2)}.performance-card>div small{font-size:9px;color:var(--muted);text-transform:uppercase}
.report-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}.report-row{display:grid;grid-template-columns:1.35fr 1.1fr .4fr .75fr .75fr;gap:12px;align-items:center;min-height:58px;padding:9px 13px;border-bottom:1px solid rgba(255,255,255,.07);font-size:11px}.report-row:last-child{border-bottom:0}.report-head{min-height:38px;background:rgba(255,255,255,.045);color:#8fa9ba;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:850}.report-row strong,.report-row small{display:block}.report-row small{color:var(--muted);font-size:9px;margin-top:2px}.report-play-count{font-size:18px;font-weight:900;color:var(--gold2)}
@media(max-width:980px){.screen-admin-grid,.group-grid{grid-template-columns:1fr}.report-filters{grid-template-columns:repeat(2,1fr)}.campaign-performance-grid{grid-template-columns:1fr 1fr}.report-row{grid-template-columns:1.2fr 1fr .4fr}.report-row>span:nth-child(4),.report-row>span:nth-child(5){display:none}.report-head>span:nth-child(4),.report-head>span:nth-child(5){display:none}}
@media(max-width:620px){.screen-card{grid-template-columns:auto 1fr}.screen-actions{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.report-filters{grid-template-columns:1fr}.campaign-performance-grid{grid-template-columns:1fr}.report-metrics{grid-template-columns:1fr 1fr}.report-row{grid-template-columns:1fr .8fr .35fr;font-size:10px}}

/* SCHEDULING + BROADCAST */
.schedule-tabs{display:flex;gap:7px;margin-bottom:18px}.schedule-tabs a{padding:10px 14px;border-radius:10px;border:1px solid var(--line);color:#b8cbd7;text-decoration:none;font-size:12px;font-weight:800}.schedule-tabs a.active{background:var(--gold);color:#13212b;border-color:var(--gold)}
.schedule-layout,.broadcast-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:17px;margin-bottom:28px}.day-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:12px 0}.day-picker label{display:block!important}.day-picker input{position:absolute;opacity:0;pointer-events:none}.day-picker span{display:grid;place-items:center;height:38px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);font-size:10px;font-weight:850}.day-picker input:checked+span{background:rgba(242,184,75,.14);border-color:rgba(242,184,75,.55);color:var(--gold2)}
.schedule-explainer>p{color:var(--muted);font-size:11px;line-height:1.55}.schedule-list{display:grid;gap:9px}.schedule-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(170px,.7fr) auto auto;gap:14px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(18,55,79,.72)}.schedule-card strong,.schedule-card small{display:block}.schedule-card small{color:var(--muted);font-size:10px;margin-top:3px}.schedule-card p{margin:7px 0 0;color:#c7d6df;font-size:11px}.broadcast-warning{padding:11px 12px;margin:12px 0;border-radius:10px;background:rgba(188,47,50,.13);border:1px solid rgba(239,87,89,.25);color:#efb4b5;font-size:11px;line-height:1.5}.broadcast-button{width:100%;font-weight:950}.danger-text{color:#ef797b!important}
@media(max-width:900px){.schedule-layout,.broadcast-layout{grid-template-columns:1fr}.schedule-card{grid-template-columns:1fr auto}.schedule-card>div:nth-child(2){grid-column:1}.schedule-card .campaign-actions{grid-column:1/-1}.day-picker{grid-template-columns:repeat(4,1fr)}}

.industry-preset-note{padding:12px 13px;border:1px solid rgba(242,184,75,.2);border-radius:11px;background:rgba(242,184,75,.055)}.industry-preset-note strong{display:block;color:var(--gold2);font-size:12px}.industry-preset-note p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}

/* FUTURE-PROOF BUSINESS TYPE DIRECTORY */
.business-type-picker{position:relative}
.business-type-search{width:100%}
.business-type-selected{margin-top:7px;padding:8px 10px;border-radius:9px;background:rgba(242,184,75,.08);border:1px solid rgba(242,184,75,.18);color:var(--gold2);font-size:11px;font-weight:800}
.business-type-results{display:none;position:absolute;z-index:120;top:48px;left:0;right:0;max-height:340px;overflow:auto;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#0b2638;box-shadow:0 18px 45px rgba(0,0,0,.38);padding:6px}
.business-type-results.open{display:block}
.business-type-result{width:100%;min-height:48px;display:flex!important;justify-content:space-between!important;align-items:center!important;text-align:left;background:transparent!important;color:#fff!important;border-radius:8px!important;padding:8px 10px!important}
.business-type-result:hover{background:rgba(242,184,75,.1)!important}
.business-type-result strong,.business-type-result small{display:block}.business-type-result strong{font-size:12px}.business-type-result small{font-size:10px;color:var(--muted);margin-top:2px}
.business-type-empty{padding:18px;color:var(--muted);font-size:11px;text-align:center}
.industry-admin-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;margin-bottom:28px}
.industry-help{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.industry-help h3{margin:5px 0}.industry-help p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.module-defaults{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(3,16,27,.25)}.module-defaults>strong{flex-basis:100%;font-size:11px;color:#dce8ef}.module-defaults label{display:flex!important;grid-template:none!important;align-items:center;gap:6px!important;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.035);font-size:10px!important}.module-defaults input{width:15px;height:15px;min-height:0;accent-color:var(--gold)}
.directory-search-wrap{margin-bottom:12px}.directory-search-wrap input{width:100%;max-width:650px}
.industry-directory{display:grid;gap:8px}.industry-template-card{border:1px solid var(--line);border-radius:12px;background:rgba(18,55,79,.58);overflow:hidden}.industry-template-card[hidden]{display:none}.industry-template-card summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px}.industry-template-card summary::-webkit-details-marker{display:none}.industry-template-card summary strong,.industry-template-card summary small{display:block}.industry-template-card summary small{color:var(--muted);font-size:10px;margin-top:3px}.industry-template-card[open] summary{border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}
.industry-template-form{padding:15px}
@media(max-width:900px){.industry-admin-grid{grid-template-columns:1fr}}

/* BUSINESS TYPE PICKER — DISPLAY FIX */
.business-type-picker{
  position:relative !important;
  width:100%;
}
.business-type-results{
  display:none !important;
  position:absolute !important;
  z-index:500 !important;
  top:calc(100% - 31px) !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-height:420px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:7px !important;
  border:1px solid rgba(255,255,255,.15) !important;
  border-radius:12px !important;
  background:#0a2537 !important;
  box-shadow:0 22px 55px rgba(0,0,0,.45) !important;
}
.business-type-results.open{
  display:block !important;
}
.business-type-results-heading{
  padding:7px 9px 8px;
  color:#86a7ba;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.business-type-result{
  appearance:none !important;
  width:100% !important;
  min-height:54px !important;
  margin:0 0 4px !important;
  padding:9px 11px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border:1px solid transparent !important;
  border-radius:9px !important;
  background:transparent !important;
  color:#fff !important;
  text-align:left !important;
  box-shadow:none !important;
}
.business-type-result:last-child{
  margin-bottom:0 !important;
}
.business-type-result:hover,
.business-type-result:focus{
  background:rgba(242,184,75,.10) !important;
  border-color:rgba(242,184,75,.20) !important;
  outline:none !important;
}
.business-result-copy{
  min-width:0;
  display:block !important;
}
.business-result-copy strong{
  display:block !important;
  color:#f4f8fa !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
}
.business-result-copy small{
  display:block !important;
  margin-top:3px !important;
  color:#87a5b6 !important;
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:650 !important;
}
.business-result-arrow{
  flex:0 0 auto;
  color:#f2b84b !important;
  font-size:17px !important;
  font-weight:900 !important;
}
.business-type-selected{
  position:relative;
  z-index:1;
}

/* DISPLAY TEMPLATE LIBRARY */
.template-library-picker{margin-bottom:18px;padding:15px;border:1px solid rgba(242,184,75,.17);border-radius:14px;background:rgba(242,184,75,.035)}
.template-picker-heading h3{margin:4px 0}.template-picker-heading p{margin:0 0 13px;color:var(--muted);font-size:11px}
.template-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.template-choice{position:relative;display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:10px!important;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(3,16,27,.28);cursor:pointer}
.template-choice>input{position:absolute;opacity:0;pointer-events:none}.template-choice:has(input:checked){border-color:rgba(242,184,75,.65);box-shadow:0 0 0 1px rgba(242,184,75,.22);background:rgba(242,184,75,.07)}
.template-choice-copy strong,.template-choice-copy small{display:block}.template-choice-copy strong{font-size:11px}.template-choice-copy small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35}.template-choice-copy strong em,.template-summary-copy strong em{font-style:normal;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold2);margin-left:4px}.template-meta{opacity:.75;text-transform:uppercase;letter-spacing:.05em}
.template-preview{position:relative;display:grid!important;overflow:hidden;width:72px;height:45px;border-radius:7px;background:#102d43;border:1px solid rgba(255,255,255,.12)}.template-preview i,.template-preview b{display:block}.template-preview i{background:linear-gradient(135deg,#234f69,#071923)}.template-preview b{background:linear-gradient(180deg,#194e70,#0a2d45)}.template-preview.ratio-70_30{grid-template-columns:70% 30%}.template-preview.ratio-60_40{grid-template-columns:60% 40%}.template-preview.ratio-50_50{grid-template-columns:50% 50%}.template-preview.ratio-40_60{grid-template-columns:40% 60%}.template-preview.theme-warm b{background:linear-gradient(180deg,#7b5930,#30251c)}.template-preview.theme-luxury b{background:linear-gradient(180deg,#674d72,#261e30)}.template-preview.theme-light b{background:linear-gradient(180deg,#3b8bb2,#174e68)}
.template-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.template-admin-library{display:grid;gap:9px}.template-admin-card{border:1px solid var(--line);border-radius:13px;background:rgba(18,55,79,.58);overflow:hidden}.template-admin-card summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 13px}.template-admin-card summary::-webkit-details-marker{display:none}.template-admin-card[open] summary{border-bottom:1px solid var(--line)}.template-summary-copy strong,.template-summary-copy small{display:block}.template-summary-copy small{color:var(--muted);font-size:10px;margin-top:3px}
@media(max-width:1050px){.template-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.template-choice-grid,.template-settings-grid{grid-template-columns:1fr}}

/* TEMPLATE PICKER ALIGNMENT FIX */
.template-choice-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(245px,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}
.template-choice{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:10px !important;
  min-width:0 !important;
  min-height:235px !important;
  padding:12px !important;
  overflow:hidden !important;
}
.template-choice .template-preview{
  width:100% !important;
  height:92px !important;
  min-height:92px !important;
  border-radius:10px !important;
  flex:0 0 auto !important;
}
.template-choice-copy{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}
.template-choice-copy strong{
  display:block !important;
  font-size:14px !important;
  line-height:1.2 !important;
  overflow-wrap:anywhere !important;
}
.template-choice-copy small{
  display:block !important;
  margin-top:6px !important;
  font-size:10px !important;
  line-height:1.45 !important;
  overflow-wrap:anywhere !important;
}
.template-choice-copy .template-meta{
  margin-top:auto !important;
  padding-top:9px !important;
  font-size:9px !important;
  letter-spacing:.08em !important;
}
.template-choice-copy strong em{
  display:inline-block !important;
  margin:3px 3px 0 0 !important;
  padding:3px 5px !important;
  border-radius:999px !important;
  vertical-align:middle !important;
}
.template-choice-copy .recommended-badge{
  color:#8fe0b3 !important;
  background:rgba(86,201,148,.10) !important;
  border:1px solid rgba(86,201,148,.22) !important;
}
.template-choice:has(input:checked)::after{
  content:"Selected";
  position:absolute;
  top:8px;
  right:8px;
  padding:4px 7px;
  border-radius:999px;
  background:#f2b84b;
  color:#14222c;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(min-width:1500px){
  .template-choice-grid{grid-template-columns:repeat(3,minmax(260px,1fr)) !important;}
}
@media(max-width:760px){
  .template-choice-grid{grid-template-columns:1fr !important;}
  .template-choice{min-height:auto !important;}
}

/* TEMPLATE LIBRARY — RESPONSIVE PANEL FIX
   The client settings page itself is a two-column grid. The previous template
   picker tried to create three large cards inside the right-hand panel, which
   forced that panel wider than its grid column and pushed content off-screen. */
.details-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}
.details-grid > .form-panel{
  min-width:0 !important;
  width:100% !important;
}
.display-layout-panel{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}
.template-library-picker{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}
.template-choice-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
}
.template-choice{
  min-width:0 !important;
  width:100% !important;
  min-height:220px !important;
  padding:11px !important;
}
.template-choice .template-preview{
  width:100% !important;
  height:82px !important;
  min-height:82px !important;
}
.template-choice-copy{
  width:100% !important;
  min-width:0 !important;
}
.template-choice-copy strong,
.template-choice-copy small{
  max-width:100% !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}
.template-choice-copy strong{
  font-size:13px !important;
}
.template-choice-copy small{
  font-size:9.5px !important;
}
.template-choice-copy .template-meta{
  font-size:8.5px !important;
}

/* Do not force three cards just because the browser window is wide:
   the template picker lives inside only half of the page. */
@media(min-width:1500px){
  .template-choice-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:1180px){
  .details-grid{
    grid-template-columns:1fr !important;
  }
  .template-choice-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:900px){
  .template-choice-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:620px){
  .template-choice-grid{
    grid-template-columns:1fr !important;
  }
}

/* PACKAGES + CLIENT LIMITS */
.package-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:25px}
.package-card{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(18,55,79,.96),rgba(10,34,50,.96))}
.package-card.featured-package{border-color:rgba(242,184,75,.4);box-shadow:0 0 0 1px rgba(242,184,75,.08)}
.package-card h2{margin:4px 0 5px}.package-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.package-price{display:flex;align-items:end;gap:5px}.package-price strong{font-size:30px;color:var(--gold2)}.package-price span{padding-bottom:5px;color:var(--muted);font-size:10px}
.package-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.package-limits span{padding:8px;border-radius:9px;background:rgba(255,255,255,.035);text-align:center;color:var(--muted);font-size:9px}.package-limits strong{display:block;color:#fff;font-size:15px}
.package-features{display:grid;grid-template-columns:1fr 1fr;gap:6px}.package-features span{font-size:10px;color:var(--muted)}.package-features .yes:before{content:"✓ ";color:#69d49d}.package-features .no:before{content:"— ";color:#607887}
.package-limit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.package-admin-list{display:grid;gap:9px}.package-admin-card{border:1px solid var(--line);border-radius:12px;background:rgba(18,55,79,.58);overflow:hidden}.package-admin-card summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;list-style:none}.package-admin-card summary::-webkit-details-marker{display:none}.package-admin-card summary strong,.package-admin-card summary small{display:block}.package-admin-card summary small{margin-top:3px;color:var(--muted);font-size:10px}
.package-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.package-panel-head h2{margin:4px 0}.client-package-price{font-size:23px;font-weight:900;color:var(--gold2);white-space:nowrap}.client-package-price small{display:block;text-align:right;font-size:9px;color:var(--muted);font-weight:600}
.usage-meter-grid{display:grid;gap:10px;margin:14px 0}.usage-meter>div{display:flex;justify-content:space-between;gap:10px;font-size:10px}.usage-meter>div span{color:var(--muted)}.usage-meter i{display:block;height:7px;margin-top:5px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.usage-meter i b{display:block;height:100%;background:linear-gradient(90deg,#f2b84b,#ffd66f);border-radius:999px}
.package-entitlement-tags{display:flex;gap:6px;flex-wrap:wrap}.package-entitlement-tags span{font-size:9px;padding:5px 7px;border-radius:999px;border:1px solid var(--line)}.package-entitlement-tags .on{color:#7cddb0;background:rgba(86,201,148,.07);border-color:rgba(86,201,148,.18)}.package-entitlement-tags .off{color:#78909f;opacity:.75}
.package-override-details{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.package-override-details summary{cursor:pointer;color:var(--gold2);font-size:11px;font-weight:850;margin-bottom:10px}.package-boolean-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.template-choice.template-locked{opacity:.48;cursor:not-allowed}.template-choice.template-locked .template-preview{filter:grayscale(.7)}.locked-badge{color:#ffb3b3!important;background:rgba(205,58,58,.1)!important;border:1px solid rgba(205,58,58,.2)!important}
@media(max-width:900px){.package-cards{grid-template-columns:1fr}.package-limit-grid,.package-boolean-grid{grid-template-columns:1fr}}

/* BILLING & RENEWALS */
.billing-status{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;border:1px solid var(--line)}
.billing-status.active{color:#7cddb0;background:rgba(86,201,148,.08)}.billing-status.trial{color:#8dcfff;background:rgba(63,154,218,.08)}.billing-status.due{color:#ffd36a;background:rgba(242,184,75,.08)}.billing-status.overdue{color:#ff9999;background:rgba(205,58,58,.1)}.billing-status.paused,.billing-status.cancelled{color:#9fb1bd;background:rgba(255,255,255,.04)}
.billing-table{border:1px solid var(--line);border-radius:14px;overflow:auto;background:rgba(8,30,45,.68)}.billing-table table{width:100%;border-collapse:collapse;min-width:680px}.billing-table th,.billing-table td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--line);font-size:10px}.billing-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.billing-table tbody tr:last-child td{border-bottom:0}

/* BANK TRANSFER BILLING */
.bank-settings-panel{margin-bottom:24px}.bank-settings-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.bank-settings-head h2{margin:4px 0}.bank-settings-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}

/* INVOICES */
.invoice-brand-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.invoice-brand-row img{width:170px;max-height:70px;object-fit:contain;background:#fff;border-radius:10px;padding:6px}.invoice-brand-row h2{margin:4px 0}.invoice-brand-row p{margin:0;color:var(--muted);font-size:11px}.invoice-settings-panel{margin-bottom:20px}.invoice-table .button-row{display:flex;gap:6px;flex-wrap:wrap}.invoice-table form{display:block}

/* STAFF / 2FA ADMIN */
.standalone-centre{max-width:1100px;margin:0 auto}.twofa-setup-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:25px}.twofa-qr{width:240px;min-height:240px;padding:10px;background:#fff;border-radius:12px}.secret-code{display:block;padding:11px;border-radius:9px;background:#071b28;border:1px solid var(--line);letter-spacing:.1em;word-break:break-all}.security-quick-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.security-quick-action span{font-size:10px;color:var(--muted)}.drm-team-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:13px}.drm-team-card strong,.drm-team-card small{display:block}.drm-team-card small{color:var(--muted);font-size:9px;margin-top:3px}.twofa-badge{font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:.06em;padding:5px 7px;border-radius:999px}.twofa-badge.on{color:#83e4b5;background:rgba(82,201,149,.08)}.twofa-badge.off{color:#a5b7c2;background:rgba(255,255,255,.05)}@media(max-width:700px){.twofa-setup-grid{grid-template-columns:1fr}.drm-team-card{grid-template-columns:1fr auto}.drm-team-card .button-row{grid-column:1/-1}}

/* MAIN DRM ADMIN 2FA VISIBILITY */
.drm-security-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-items:start;
}
.drm-security-card{min-width:0}
.security-card-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}
.security-card-head h2{margin:3px 0 0}
.security-card-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:12px;
  background:rgba(242,184,75,.10);
  border:1px solid rgba(242,184,75,.22);
  color:var(--gold2);
  font-size:12px;
  font-weight:950;
  letter-spacing:.05em;
}
.twofa-account-status{
  display:grid;
  gap:5px;
  margin-bottom:13px;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(3,16,27,.27);
}
.twofa-account-status strong{font-size:12px}
.twofa-account-status span{
  color:var(--muted);
  font-size:10px;
  line-height:1.5;
}
.twofa-account-status.enabled{
  border-color:rgba(82,201,149,.24);
  background:rgba(82,201,149,.06);
}
.twofa-account-status.enabled strong{color:#8be2b6}
.security-feature-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid var(--line);
}
.security-feature-list span{
  color:var(--muted);
  font-size:9px;
}
@media(max-width:900px){
  .drm-security-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .security-feature-list{grid-template-columns:1fr}
}

/* ADVANCED ANALYTICS + SCREEN HEALTH */
.analytics-filters{margin-bottom:16px}
.analytics-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:18px}
.analytics-metrics>div{padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(18,55,79,.66)}
.analytics-metrics span,.analytics-metrics strong,.analytics-metrics small{display:block}.analytics-metrics span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.analytics-metrics strong{font-size:22px;margin-top:5px}.analytics-metrics small{font-size:8px;color:var(--muted);margin-top:3px}
.analytics-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;margin-bottom:25px}.analytics-panel{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(11,38,56,.72)}.analytics-panel-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.analytics-panel-head h2{margin:4px 0 0}.analytics-panel-head>span{font-size:10px;color:var(--muted)}
.bar-chart{height:245px;display:flex;align-items:end;gap:7px;margin-top:14px;padding-top:20px}.bar-col{height:100%;flex:1;min-width:18px;display:grid;grid-template-rows:18px 1fr 25px;align-items:end;text-align:center}.bar-col>span{font-size:8px;color:#9db3c1}.bar-col>i{position:relative;display:block;height:100%;border-radius:7px 7px 2px 2px;background:rgba(255,255,255,.035);overflow:hidden}.bar-col>i>b{position:absolute;left:0;right:0;bottom:0;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#f4c863,#d79d2d)}.bar-col small{font-size:8px;color:var(--muted);padding-top:5px;white-space:nowrap}
.rank-list{display:grid;gap:10px;margin-top:16px}.rank-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px}.rank-list strong,.rank-list small{display:block}.rank-list strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-list small{font-size:8px;color:var(--muted);margin-top:2px}.rank-list>div>span{font-size:10px;font-weight:900}.rank-list i{grid-column:1/-1;height:5px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}.rank-list i b{display:block;height:100%;background:var(--gold);border-radius:999px}
.health-alerts{display:grid;gap:7px;margin-bottom:12px}.health-alerts article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 12px;border:1px solid rgba(219,77,77,.2);border-radius:10px;background:rgba(190,50,50,.06)}.health-alerts strong,.health-alerts small{display:block}.health-alerts small{margin-top:2px;font-size:9px;color:var(--muted)}.health-alerts article>span:last-child{font-size:8px;color:var(--muted)}
.health-table{overflow:auto;border:1px solid var(--line);border-radius:13px;background:rgba(8,30,45,.68)}.health-table table{width:100%;min-width:1100px;border-collapse:collapse}.health-table th,.health-table td{padding:10px 11px;border-bottom:1px solid var(--line);text-align:left;font-size:9px;vertical-align:middle}.health-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.065em}.health-table td strong,.health-table td small{display:block}.health-table td small{font-size:8px;color:var(--muted);margin-top:2px}.health-table tbody tr:last-child td{border-bottom:0}.health-pill{display:inline-block;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase}.health-pill.online{color:#81dfaf;background:rgba(82,201,149,.09)}.health-pill.offline{color:#ff9b9b;background:rgba(203,66,66,.09)}
.uptime-cell{min-width:85px}.uptime-cell i{display:block;height:5px;margin-top:4px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.uptime-cell i b{display:block;height:100%;background:#5ecb91;border-radius:999px}
.client-analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.client-analytics-grid article{padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(18,55,79,.57)}.client-analytics-head{display:flex;justify-content:space-between;gap:8px}.client-analytics-head strong,.client-analytics-head small{display:block}.client-analytics-head small{font-size:8px;color:var(--muted);margin-top:3px}.client-analytics-head a{font-size:9px;color:var(--gold2);text-decoration:none}.client-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.client-stat-row span{padding:7px;border-radius:8px;background:rgba(255,255,255,.035);font-size:8px;color:var(--muted);text-align:center}.client-stat-row strong{display:block;color:#fff;font-size:12px;margin-bottom:2px}
@media(max-width:1150px){.analytics-metrics{grid-template-columns:repeat(3,1fr)}.client-analytics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.analytics-grid{grid-template-columns:1fr}.client-analytics-grid{grid-template-columns:1fr}}@media(max-width:600px){.analytics-metrics{grid-template-columns:1fr 1fr}.bar-chart{overflow-x:auto}.bar-col{min-width:34px}}

/* RESELLER / WHITE LABEL */
.reseller-control-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.reseller-state{padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase;background:rgba(255,255,255,.05);color:var(--muted)}.reseller-state.on{background:rgba(82,201,149,.08);color:#85dfb2}.reseller-options{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.reseller-options label{display:flex!important;align-items:center;gap:5px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;font-size:9px}.reseller-options input{width:14px;height:14px;min-height:0}.reseller-shell{max-width:1250px;margin:0 auto;padding:28px 22px}.reseller-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.reseller-top h1{margin:4px 0}.reseller-top p{margin:0;color:var(--muted)}.powered-drm{font-size:9px;color:var(--muted);align-self:center}.reseller-metrics{grid-template-columns:repeat(4,1fr)}.reseller-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.reseller-limit-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reseller-limit-list>div{padding:10px;border:1px solid var(--line);border-radius:9px}.reseller-limit-list span,.reseller-limit-list strong{display:block}.reseller-limit-list span{font-size:8px;color:var(--muted);text-transform:uppercase}.reseller-limit-list strong{margin-top:4px}.reseller-client-list{display:grid;gap:7px}.reseller-client-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px}.reseller-client-list strong,.reseller-client-list small{display:block}.reseller-client-list small{font-size:8px;color:var(--muted);margin-top:2px}.reseller-plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.reseller-plan-card h2{margin:4px 0 14px}@media(max-width:800px){.reseller-grid,.reseller-plan-grid{grid-template-columns:1fr}.reseller-metrics{grid-template-columns:1fr 1fr}.reseller-client-list article{grid-template-columns:1fr auto}.reseller-top{display:block}.reseller-top .button-row{margin-top:12px}}
/* REUSABLE CONTENT LIBRARY */
.library-metrics{grid-template-columns:repeat(3,1fr)}.library-admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:14px}.inline-library-form{display:flex;gap:8px}.inline-library-form input{flex:1}.folder-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.folder-chips a{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);text-decoration:none;font-size:9px}.library-search{display:flex;gap:8px;margin:16px 0}.library-search input{flex:1}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.library-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:rgba(12,39,57,.7)}.library-preview{height:150px;background:#06141e;position:relative}.library-preview img,.library-preview video{width:100%;height:100%;object-fit:cover}.library-preview span{position:absolute;right:7px;top:7px;padding:4px 6px;border-radius:6px;background:rgba(0,0,0,.7);font-size:8px}.library-card-body{padding:11px}.library-card-body h3{font-size:12px;margin:4px 0}.library-card-body p,.library-card-body small{font-size:8px;color:var(--muted)}.library-share{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:9px 0}.library-share button{grid-column:1/-1}@media(max-width:1050px){.library-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.library-admin-grid{grid-template-columns:1fr}.library-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.library-grid,.library-metrics{grid-template-columns:1fr}}

/* DRM CONTENT SCHEDULING */
.content-schedule-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.schedule-days{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.schedule-days label{display:block!important;position:relative}.schedule-days input{position:absolute;opacity:0}.schedule-days span{display:grid;place-items:center;min-width:42px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);font-size:9px;font-weight:800}.schedule-days input:checked+span{border-color:rgba(242,184,75,.45);background:rgba(242,184,75,.09);color:var(--gold2)}.content-schedule-list{display:grid;gap:8px}.content-schedule-list>article{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr) auto auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(3,16,27,.22)}.content-schedule-list strong,.content-schedule-list small{display:block}.content-schedule-list small{margin-top:3px;color:var(--muted);font-size:9px}.schedule-state{padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase;background:rgba(255,255,255,.05);color:var(--muted)}.schedule-state.on{color:#83e0b1;background:rgba(82,201,149,.08)}@media(max-width:900px){.content-schedule-admin-grid{grid-template-columns:1fr}.content-schedule-list>article{grid-template-columns:1fr auto}.content-schedule-list>article .button-row{grid-column:1/-1}}

/* WIDGET MANAGEMENT */
.widget-help{padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}

/* DRM PER-CLIENT WIDGET OVERRIDE */
.widget-override-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.widget-override-head h2{margin:4px 0}.widget-effective-badge{padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}.widget-effective-badge.enabled{background:rgba(82,201,149,.09);color:#86e5b6}.widget-effective-badge.disabled{background:rgba(255,255,255,.055);color:#9eb2bf}.widget-entitlement-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.widget-entitlement-summary>div{padding:10px;border:1px solid var(--line);border-radius:9px;background:rgba(3,16,27,.22)}.widget-entitlement-summary span,.widget-entitlement-summary strong{display:block}.widget-entitlement-summary span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.widget-entitlement-summary strong{margin-top:4px;font-size:11px}.widget-override-note{margin:12px 0;padding:11px 12px;border:1px solid rgba(242,184,75,.18);border-radius:9px;background:rgba(242,184,75,.05);font-size:10px;line-height:1.5;color:#bfcfd8}@media(max-width:700px){.widget-override-head{display:block}.widget-effective-badge{display:inline-block;margin-top:8px}.widget-entitlement-summary{grid-template-columns:1fr}}

/* WHITE LABEL + CUSTOM DOMAINS */
.domain-list,.domain-admin-list{display:grid;gap:9px;margin-top:14px}.domain-list>div,.domain-admin-list>article{padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(3,16,27,.22)}.domain-list strong,.domain-list small,.domain-admin-list strong,.domain-admin-list small{display:block}.domain-list small,.domain-admin-list small{margin-top:4px;color:var(--muted);font-size:9px}.domain-admin-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(300px,.7fr);gap:12px;align-items:center}.reseller-brand-head{display:flex;gap:14px;align-items:center}.reseller-logo{max-width:180px;max-height:65px;object-fit:contain}@media(max-width:800px){.domain-admin-list>article{grid-template-columns:1fr}}

/* =========================================================
   MODERN DRM CENTRE DASHBOARD
   ========================================================= */
body{background:#f4f7fb;color:#10263b}
.centre-shell{grid-template-columns:280px minmax(0,1fr);padding-top:82px;background:#f4f7fb}
.modern-sidebar{width:280px;top:82px;background:linear-gradient(180deg,#071a2a 0%,#0a263e 100%);border-right:1px solid rgba(10,46,76,.15);padding:18px 14px 20px;overflow:auto}
.modern-centre-logo{display:none}
.modern-nav{padding-top:0!important;gap:4px!important}
.modern-nav a{display:flex;align-items:center;gap:11px;color:#d7e2eb!important;padding:10px 12px!important;border-radius:9px!important;font-weight:650!important;font-size:13px!important}
.modern-nav a:hover,.modern-nav a.active{background:linear-gradient(135deg,#0b56b8,#1f74f2)!important;color:#fff!important;box-shadow:none!important}
.nav-icon{width:23px;text-align:center;font-size:18px;opacity:.9}
.nav-section-label{display:block;margin:21px 8px 8px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.12);color:#95a9bb;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.modern-side-bottom{color:#d5e0e8}

.drm-topbar{position:fixed;z-index:60;left:0;right:0;top:0;height:82px;padding:0 28px;display:flex;align-items:center;gap:22px;background:linear-gradient(180deg,#071929,#071624);border-bottom:1px solid rgba(255,255,255,.12);color:#fff}
.sidebar-toggle{display:none;background:transparent;color:#c5d4df;font-size:23px;min-height:40px;padding:5px}
.topbar-brand-mobile{min-width:370px;display:flex;align-items:center;gap:14px;font-size:22px;letter-spacing:.015em}
.topbar-brand-mobile strong{font-weight:850}
.drm-screen-logo{position:relative;width:56px;height:43px;border:3px solid #2879ee;border-radius:5px;display:inline-block;box-shadow:inset 0 0 0 2px rgba(40,121,238,.12)}
.drm-screen-logo:after{content:"";position:absolute;width:25px;height:3px;background:#2879ee;bottom:-10px;left:50%;transform:translateX(-50%);border-radius:4px}
.drm-screen-logo:before{content:"";position:absolute;width:3px;height:9px;background:#2879ee;bottom:-9px;left:50%;transform:translateX(-50%)}
.drm-screen-logo i{position:absolute;left:19px;top:11px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #2879ee}
.drm-screen-logo.small{width:42px;height:31px}
.drm-screen-logo.small i{left:14px;top:7px;border-top-width:6px;border-bottom-width:6px;border-left-width:10px}
.topbar-search{flex:1;max-width:520px;position:relative;margin-left:auto}
.topbar-search input{min-height:46px;border-radius:24px;padding:10px 18px 10px 43px;background:#112a40;border:1px solid #2a475e;color:#eef5fa}
.topbar-search input::placeholder{color:#a8bac8}
.search-icon{position:absolute;left:16px;top:9px;font-size:24px;color:#b9c8d4}
.topbar-actions{display:flex;align-items:center;gap:10px}
.quick-stats-button,.topbar-icon-button,.admin-profile{color:#fff;text-decoration:none}
.quick-stats-button{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #38546b;border-radius:9px;font-size:12px;font-weight:800}
.topbar-icon-button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:17px}
.topbar-icon-button:hover,.quick-stats-button:hover{background:rgba(255,255,255,.06)}
.admin-profile{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:9px;margin-left:6px}
.admin-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1353b9,#347cf1);font-weight:900}
.admin-profile strong,.admin-profile small{display:block}.admin-profile strong{font-size:12px}.admin-profile small{font-size:10px;color:#aab9c5;margin-top:2px}

.centre-content{grid-column:2;width:min(1240px,calc(100% - 64px));padding:35px 0 60px;color:#10263b}
.modern-dashboard-title{margin-bottom:22px}
.modern-dashboard-title .eyebrow{display:none}
.modern-dashboard-title h1{font-size:34px;color:#0d2135;margin:0 0 6px}
.modern-dashboard-title p{color:#52687a;font-size:14px}

.modern-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.modern-metrics>div{background:#fff;border:1px solid #dce5ec;border-radius:13px;box-shadow:0 5px 18px rgba(19,48,72,.05);padding:15px 17px}
.modern-metrics span{color:#708494}.modern-metrics strong{color:#10263b;font-size:23px}.modern-metrics small{display:block;margin-top:4px;color:#8496a4;font-size:9px}

.drm-tool-panel{background:#fff;border:1px solid #dfe7ed;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(15,45,70,.06);margin-bottom:28px}
.drm-tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.drm-tool-card{position:relative;min-height:275px;padding:22px 17px 18px;border:1px solid #dde6ec;border-radius:13px;background:#fff;color:#11283d;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 4px 15px rgba(18,48,72,.035);transition:.18s ease}
.drm-tool-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(20,59,88,.11);border-color:#b8d0e3}
.drm-tool-card .tool-icon{width:54px;height:54px;border:1px solid #dde6ed;border-radius:13px;display:grid;place-items:center;color:#216bea;font-size:27px;background:#f9fbfd;margin-bottom:24px;font-weight:700}
.drm-tool-card h2{font-size:15px;line-height:1.25;margin:0 0 19px;color:#0c2034}
.drm-tool-card p{margin:0;color:#344f68;font-size:12px;line-height:1.55}
.drm-tool-card>b{margin-top:auto;align-self:flex-end;font-size:25px;font-weight:400;color:#173d60}
.drm-tool-card.featured-tool-card{background:linear-gradient(155deg,#0872f6 0%,#0758c6 48%,#073b82 100%);border-color:#126ce0;color:#fff;box-shadow:0 10px 25px rgba(13,82,178,.25)}
.drm-tool-card.featured-tool-card .tool-icon{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.15);color:#fff}
.drm-tool-card.featured-tool-card h2,.drm-tool-card.featured-tool-card p,.drm-tool-card.featured-tool-card>b{color:#fff}

.modern-client-heading{margin-top:8px;align-items:center}.modern-client-heading .eyebrow{color:#1c68cf;font-size:9px}.modern-client-heading h2{color:#0d2135}.modern-client-heading p{color:#617788}
.client-list .client-card{background:#fff;border-color:#dfe7ed;color:#10263b;box-shadow:0 4px 15px rgba(20,48,70,.035)}
.client-list .client-card:hover{border-color:#9fc0df;transform:translateY(-1px)}
.client-list .client-main small{color:#718594}
.client-list .client-avatar{background:#edf4fb;color:#1765d6}
.client-list .chevron{color:#1765d6}
.client-list .status.active{background:#e5f6ed;color:#278154}
.client-list .status.suspended{background:#fdeaea;color:#b74545}

/* Preserve dark application forms/pages below dashboard while using the modern shell */
.centre-content .form-panel,.centre-content .credentials-card,.centre-content .campaign-panel,.centre-content details.form-panel{color:#f5f8fa}
.centre-content .form-panel h1,.centre-content .form-panel h2,.centre-content .form-panel h3,.centre-content .credentials-card h2{color:#f5f8fa}
.centre-content .page-title:not(.modern-dashboard-title) h1{color:#10263b}
.centre-content .page-title:not(.modern-dashboard-title) p{color:#5b7182}
.centre-content .page-title:not(.modern-dashboard-title) .eyebrow{color:#1765d6}
.centre-content .back{color:#315c80}

@media(max-width:1350px){
  .drm-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .topbar-brand-mobile{min-width:280px}
}
@media(max-width:1100px){
  .centre-shell{grid-template-columns:230px minmax(0,1fr)}
  .modern-sidebar{width:230px}
  .drm-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .topbar-brand-mobile{min-width:auto}.topbar-brand-mobile small{display:none}
  .admin-profile span:nth-child(2){display:none}
}
@media(max-width:820px){
  .centre-shell{display:block;padding-top:70px}
  .drm-topbar{height:70px;padding:0 14px;gap:10px}
  .sidebar-toggle{display:inline-flex}
  .topbar-brand-mobile{font-size:15px}.drm-screen-logo.small,.topbar-brand-mobile .drm-screen-logo{display:none}
  .topbar-search{display:none}.quick-stats-button{display:none}.admin-profile{margin-left:auto}
  .modern-sidebar{top:70px;left:-285px;width:275px;z-index:55;transition:left .2s ease}
  body.sidebar-open .modern-sidebar{left:0}
  .centre-content{width:min(100% - 28px,1240px);padding:25px 0 45px}
  .modern-metrics{grid-template-columns:repeat(2,1fr)}
  .drm-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .drm-tool-card{min-height:225px}
}
@media(max-width:520px){
  .drm-tool-panel{padding:12px}
  .drm-tool-grid{grid-template-columns:1fr}
  .drm-tool-card{min-height:190px}
  .modern-metrics{grid-template-columns:1fr 1fr}
  .modern-dashboard-title h1{font-size:29px}
}

/* =========================================================
   CONSISTENT MODERN DRM CENTRE — ALL ADMIN PAGES
   ========================================================= */
.centre-shell .centre-content{
  color:#10263b;
}

/* Page headings */
.centre-shell .page-title{
  margin-bottom:22px;
}
.centre-shell .page-title h1{
  color:#0d2135!important;
  font-size:34px;
  letter-spacing:-.02em;
}
.centre-shell .page-title h2,
.centre-shell .page-title h3{
  color:#0d2135!important;
}
.centre-shell .page-title p{
  color:#607587!important;
}
.centre-shell .page-title .eyebrow{
  color:#1765d6!important;
}
.centre-shell .back{
  color:#315f85!important;
}

/* Main admin panels */
.centre-shell .form-panel,
.centre-shell .credentials-card,
.centre-shell .analytics-panel,
.centre-shell .health-table,
.centre-shell .package-card,
.centre-shell .billing-card,
.centre-shell .template-card,
.centre-shell .screen-card,
.centre-shell .report-panel{
  background:#fff!important;
  color:#10263b!important;
  border-color:#dce5ec!important;
  box-shadow:0 6px 22px rgba(18,48,72,.055)!important;
}
.centre-shell .form-panel h1,
.centre-shell .form-panel h2,
.centre-shell .form-panel h3,
.centre-shell .credentials-card h2,
.centre-shell .analytics-panel h2,
.centre-shell .package-card h2{
  color:#10263b!important;
}
.centre-shell .form-panel p,
.centre-shell .form-panel .help,
.centre-shell .form-panel .service-note,
.centre-shell .analytics-panel small,
.centre-shell .package-card p{
  color:#617789!important;
}

/* Inputs */
.centre-shell input,
.centre-shell select,
.centre-shell textarea{
  background:#f8fafc!important;
  color:#10263b!important;
  border-color:#cfdbe4!important;
  box-shadow:none!important;
}
.centre-shell input::placeholder,
.centre-shell textarea::placeholder{
  color:#8a9ca9!important;
}
.centre-shell input:focus,
.centre-shell select:focus,
.centre-shell textarea:focus{
  border-color:#4c8fe8!important;
  box-shadow:0 0 0 3px rgba(39,112,224,.10)!important;
}
.centre-shell label{
  color:#29445b!important;
}

/* Buttons */
.centre-shell .btn.primary,
.centre-shell button.btn.primary{
  background:linear-gradient(135deg,#1267df,#247ff4)!important;
  color:#fff!important;
}
.centre-shell .btn.secondary,
.centre-shell button.btn.secondary{
  background:#edf3f7!important;
  color:#17364e!important;
  border:1px solid #d8e3ea!important;
}
.centre-shell .btn.secondary:hover{
  background:#e4edf3!important;
}

/* Generic grids/listings */
.centre-shell .metric-grid>div,
.centre-shell .analytics-metrics>div,
.centre-shell .client-analytics-grid article,
.centre-shell .reseller-plan-card,
.centre-shell .template-choice,
.centre-shell .target-client,
.centre-shell .library-card,
.centre-shell .content-schedule-list>article,
.centre-shell .health-alerts article,
.centre-shell .reseller-client-list article,
.centre-shell .domain-list>div,
.centre-shell .domain-admin-list>article,
.centre-shell details{
  background:#fff!important;
  color:#10263b!important;
  border-color:#dce5ec!important;
}
.centre-shell .metric-grid span,
.centre-shell .analytics-metrics span,
.centre-shell .analytics-metrics small,
.centre-shell .client-analytics-grid small,
.centre-shell .content-schedule-list small,
.centre-shell .domain-list small,
.centre-shell .domain-admin-list small{
  color:#6e8292!important;
}
.centre-shell .metric-grid strong,
.centre-shell .analytics-metrics strong,
.centre-shell .client-analytics-grid strong{
  color:#10263b;
}

/* Tables */
.centre-shell table{
  color:#17324a!important;
}
.centre-shell th{
  color:#6a7f90!important;
  background:#f6f9fb!important;
  border-color:#dce5ec!important;
}
.centre-shell td{
  border-color:#e3eaf0!important;
}
.centre-shell tbody tr:hover{
  background:#f7fafe!important;
}

/* Details / package accordion */
.centre-shell details{
  border-radius:13px!important;
  box-shadow:0 5px 18px rgba(18,48,72,.04);
}
.centre-shell summary{
  color:#17324a!important;
}

/* Cards with nested dark leftovers */
.centre-shell .package-limits span,
.centre-shell .package-features span,
.centre-shell .client-stat-row span,
.centre-shell .reseller-limit-list>div,
.centre-shell .widget-entitlement-summary>div,
.centre-shell .twofa-account-status,
.centre-shell .security-feature-list,
.centre-shell .industry-preset-note{
  background:#f7fafc!important;
  color:#213e56!important;
  border-color:#dce5ec!important;
}
.centre-shell .package-limits strong,
.centre-shell .reseller-limit-list strong,
.centre-shell .widget-entitlement-summary strong{
  color:#10263b!important;
}

/* Analytics chart containers */
.centre-shell .bar-col>i,
.centre-shell .rank-list i,
.centre-shell .uptime-cell i{
  background:#eaf0f4!important;
}
.centre-shell .rank-list strong{
  color:#17324a!important;
}

/* Section headings */
.centre-shell .section-heading h2{
  color:#10263b!important;
}
.centre-shell .section-heading p{
  color:#657a8c!important;
}
.centre-shell .section-heading .eyebrow{
  color:#1765d6!important;
}

/* Modern active/sidebar consistency */
.modern-sidebar .modern-nav a.active{
  background:linear-gradient(135deg,#0d5cc8,#247cf1)!important;
  color:#fff!important;
}
.modern-sidebar .modern-nav a.active .nav-icon{
  color:#fff;
}

/* Better top-level page whitespace */
.centre-shell .centre-content > .form-panel + .form-panel,
.centre-shell .centre-content > section + section{
  margin-top:14px;
}

/* Topbar search remains identical on every tab */
.drm-topbar .drm-page-search{
  background:#112a40!important;
  color:#eef5fa!important;
  border-color:#2a475e!important;
}
.drm-topbar .drm-page-search::placeholder{
  color:#a8bac8!important;
}

/* Light alerts */
.centre-shell .alert.success{
  background:#e8f7ef!important;
  border-color:#bfe7d1!important;
  color:#23784e!important;
}
.centre-shell .alert.error{
  background:#fdecec!important;
  border-color:#f2c7c7!important;
  color:#a94141!important;
}

/* Keep premium / featured accents readable */
.centre-shell .featured-package{
  border-color:#7fb1ee!important;
  box-shadow:0 8px 24px rgba(26,101,196,.12)!important;
}
.centre-shell .eyebrow{
  color:#1765d6;
}

/* Mobile consistency */
@media(max-width:820px){
  .centre-shell .centre-content{
    padding-top:24px;
  }
}

/* =========================================================
   CLIENT SERVICES + TEMPLATE LIBRARY — LIGHT THEME FIX
   Prevents the old dark-theme rules from washing out controls.
   ========================================================= */

/* Client detail two-column panels */
.client-control-grid .form-panel,
.details-grid .form-panel,
.form-panel.display-layout-panel{
  background:#fff!important;
  border:1px solid #dbe5ed!important;
  color:#10263b!important;
}

/* Service cards */
.centre-shell .service-toggle{
  position:relative;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:15px 16px!important;
  border:1px solid #d9e3eb!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(19,48,72,.025)!important;
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.centre-shell .service-toggle:hover{
  border-color:#9dbfe0!important;
  box-shadow:0 6px 16px rgba(22,72,116,.06)!important;
}
.centre-shell .service-toggle input{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:22px!important;
  height:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #8da2b3!important;
  border-radius:6px!important;
  background:#fff!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer;
}
.centre-shell .service-toggle input:checked{
  background:linear-gradient(135deg,#1267df,#287ff4)!important;
  border-color:#1267df!important;
}
.centre-shell .service-toggle input:checked:after{
  content:"✓";
  color:#fff;
  font-size:14px;
  line-height:1;
  font-weight:950;
}
.centre-shell .service-toggle span{
  min-width:0;
}
.centre-shell .service-toggle strong{
  display:block!important;
  color:#17344d!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
.centre-shell .service-toggle small{
  display:block!important;
  color:#668095!important;
  font-size:11px!important;
  line-height:1.4!important;
  margin-top:3px!important;
}
.centre-shell .service-toggle:has(input:checked){
  background:#f7fbff!important;
  border-color:#bcd3e9!important;
}
.centre-shell .service-toggle:has(input:checked) strong{
  color:#153a59!important;
}
.centre-shell .service-toggle:has(input:checked) small{
  color:#668095!important;
}

/* Display template library outer box */
.centre-shell .template-library-picker{
  margin-bottom:18px!important;
  padding:18px!important;
  border:1px solid #dce6ed!important;
  border-radius:14px!important;
  background:#fbfcfe!important;
}
.centre-shell .template-picker-heading .eyebrow{
  color:#1267df!important;
}
.centre-shell .template-picker-heading h3{
  color:#10263b!important;
  font-size:21px!important;
  margin:4px 0!important;
}
.centre-shell .template-picker-heading p{
  color:#5f7486!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* Template cards */
.centre-shell .template-choice-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.centre-shell .template-choice{
  position:relative;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  min-height:250px!important;
  padding:12px!important;
  border:1px solid #d7e2ea!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#10263b!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:0 2px 7px rgba(22,54,78,.025)!important;
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.centre-shell .template-choice:hover{
  border-color:#94b8db!important;
  box-shadow:0 7px 18px rgba(25,73,112,.08)!important;
  transform:translateY(-1px);
}
.centre-shell .template-choice>input{
  position:absolute!important;
  opacity:0!important;
}
.centre-shell .template-choice:has(input:checked){
  border:2px solid #2679ef!important;
  background:#fbfdff!important;
  box-shadow:0 0 0 2px rgba(38,121,239,.08),0 7px 18px rgba(25,73,112,.08)!important;
}
.centre-shell .template-preview{
  width:100%!important;
  height:102px!important;
  border-radius:10px!important;
  border:1px solid #bfd0dc!important;
  background:#102d43!important;
  overflow:hidden!important;
  flex:none!important;
}
.centre-shell .template-preview i{
  background:linear-gradient(135deg,#173e57,#061924)!important;
}
.centre-shell .template-preview b{
  background:linear-gradient(180deg,#154b70,#092d45)!important;
}
.centre-shell .template-preview.theme-warm b{
  background:linear-gradient(180deg,#895f2e,#3c2b1a)!important;
}
.centre-shell .template-preview.theme-luxury b{
  background:linear-gradient(180deg,#6e527d,#2d2135)!important;
}
.centre-shell .template-preview.theme-light b{
  background:linear-gradient(180deg,#3d94bd,#18516e)!important;
}
.centre-shell .template-choice-copy{
  display:block!important;
  min-width:0!important;
}
.centre-shell .template-choice-copy strong{
  display:block!important;
  color:#10263b!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:900!important;
}
.centre-shell .template-choice-copy small{
  display:block!important;
  color:#658095!important;
  margin-top:6px!important;
  font-size:10px!important;
  line-height:1.45!important;
  opacity:1!important;
}
.centre-shell .template-choice-copy .template-meta{
  margin-top:auto!important;
  padding-top:10px!important;
  color:#7a91a3!important;
  font-size:9px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.07em!important;
  opacity:1!important;
}
.centre-shell .template-choice-copy em{
  display:inline-flex!important;
  align-items:center!important;
  margin-left:5px!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.07em!important;
  font-style:normal!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  color:#8b6207!important;
  background:#fff4ce!important;
  border:1px solid #f1d981!important;
}
.centre-shell .template-choice-copy .recommended-badge{
  color:#2f855d!important;
  background:#e8f8ef!important;
  border-color:#b9e7cc!important;
}
.centre-shell .template-choice-copy .locked-badge{
  color:#a44949!important;
  background:#fdeeee!important;
  border-color:#efc3c3!important;
}

/* Premium / unavailable templates should stay readable, not grey-washed. */
.centre-shell .template-choice.template-locked{
  opacity:1!important;
  filter:none!important;
  background:#f8fafc!important;
}
.centre-shell .template-choice.template-locked .template-preview{
  opacity:.7!important;
}
.centre-shell .template-choice.template-locked .template-choice-copy strong{
  color:#41596b!important;
}
.centre-shell .template-choice.template-locked .template-choice-copy small{
  color:#718796!important;
}

/* Layout choice controls below template library */
.centre-shell .layout-option{
  background:#fff!important;
  border-color:#d9e4eb!important;
  color:#17344d!important;
}
.centre-shell .layout-option strong{
  color:#17344d!important;
}
.centre-shell .layout-option small{
  color:#667e91!important;
}
.centre-shell .layout-option:has(input:checked){
  background:#f3f8ff!important;
  border-color:#74a9e4!important;
}
.centre-shell .layout-option input{
  accent-color:#1f73e7!important;
}

/* Save buttons */
.centre-shell .form-panel > form > .btn.primary,
.centre-shell .form-panel > form > button.btn.primary{
  width:100%;
  min-height:48px;
  border-radius:10px;
  font-size:13px;
  box-shadow:0 4px 12px rgba(28,104,216,.16);
}

/* Two-column client controls spacing */
.client-control-grid,
.details-grid.client-service-layout{
  align-items:start!important;
}
.form-panel.display-layout-panel{
  overflow:visible!important;
}

@media(max-width:1100px){
  .centre-shell .template-choice-grid{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   PORTAL & BOARD LINK VISIBILITY — LIGHT THEME FIX
   ========================================================= */
.centre-shell .link-box,
.centre-shell .credential-row{
  display:grid!important;
  grid-template-columns:130px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:13px 0!important;
  border-top:1px solid #e0e8ee!important;
  background:transparent!important;
}
.centre-shell .link-box:first-of-type,
.centre-shell .credential-row:first-of-type{
  border-top:0!important;
}
.centre-shell .link-box>span,
.centre-shell .credential-row>span{
  color:#73899a!important;
  font-size:11px!important;
  font-weight:700!important;
}
.centre-shell .link-box code,
.centre-shell .credential-row code{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#1267df!important;
  background:#f4f8fd!important;
  border:1px solid #dbe7f2!important;
  border-radius:8px!important;
  padding:9px 11px!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;
  font-size:10px!important;
  font-weight:750!important;
  opacity:1!important;
}
.centre-shell .link-box code::selection,
.centre-shell .credential-row code::selection{
  background:#1267df!important;
  color:#fff!important;
}
.centre-shell .link-box button,
.centre-shell .credential-row button{
  min-height:38px!important;
  padding:8px 12px!important;
  border-radius:8px!important;
  border:1px solid #cfdde8!important;
  background:#edf4f9!important;
  color:#17364e!important;
  font-size:10px!important;
  font-weight:850!important;
}
.centre-shell .link-box button:hover,
.centre-shell .credential-row button:hover{
  background:#e3edf4!important;
  border-color:#b7cada!important;
}
.centre-shell .form-panel .button-row .btn.secondary{
  background:#edf4f9!important;
  color:#17364e!important;
  border-color:#cfdde8!important;
}
.centre-shell .form-panel .button-row .btn.primary{
  background:linear-gradient(135deg,#1267df,#287ff4)!important;
  color:#fff!important;
}

/* Supporting text under Portal & board */
.centre-shell .form-panel .help.top-gap{
  color:#60798c!important;
  opacity:1!important;
  line-height:1.45!important;
}

/* Package card readability */
.centre-shell .client-package-panel .client-package-price{
  color:#f2b84b!important;
}
.centre-shell .usage-meter span{
  color:#7890a2!important;
}
.centre-shell .usage-meter strong{
  color:#18334a!important;
}
.centre-shell .package-entitlement-tags span{
  color:#6b8192!important;
  background:#f5f8fa!important;
  border:1px solid #dce5ec!important;
}
.centre-shell .package-entitlement-tags span.on{
  color:#2f855d!important;
  background:#e9f7ef!important;
  border-color:#c4e9d3!important;
}

/* Widget override summary readability */
.centre-shell .widget-effective-badge{
  opacity:1!important;
}
.centre-shell .widget-effective-badge.enabled{
  background:#e8f7ef!important;
  color:#25784f!important;
}
.centre-shell .widget-effective-badge.disabled{
  background:#edf2f6!important;
  color:#617789!important;
}
.centre-shell .widget-entitlement-summary span{
  color:#8295a3!important;
}
.centre-shell .widget-entitlement-summary strong{
  color:#17334a!important;
}

/* Ensure all code-like values remain visible on light cards */
.centre-shell .form-panel code,
.centre-shell .credentials-card code{
  color:#1267df!important;
}

/* Responsive links */
@media(max-width:760px){
  .centre-shell .link-box,
  .centre-shell .credential-row{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .centre-shell .link-box button,
  .centre-shell .credential-row button{
    width:max-content!important;
  }
  .centre-shell .link-box code,
  .centre-shell .credential-row code{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

/* =========================================================
   DRM NOTIFICATIONS & ALERT CENTRE
   ========================================================= */
.notification-button{position:relative;color:#dbe8f3!important}
.notification-button>b{position:absolute;right:-2px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ef5350;color:#fff;font-size:8px;line-height:17px;text-align:center;font-weight:900;border:2px solid #071624}
.notification-button.active{background:rgba(35,121,240,.12)}
.alert-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.alert-metric-grid>a{display:block;padding:16px 18px;background:#fff;border:1px solid #dce5ec;border-radius:13px;text-decoration:none;box-shadow:0 5px 18px rgba(19,48,72,.045)}
.alert-metric-grid span{display:block;color:#718697;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.alert-metric-grid strong{display:block;color:#10263b;font-size:26px;margin-top:5px}
.alert-page-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.65fr);gap:16px;align-items:start}
.alert-feed-panel,.alert-rules-panel{background:#fff!important;color:#10263b!important}
.compact-actions{margin-top:0!important}
.compact-actions form{display:block}
.alert-filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 15px}
.alert-filter-tabs a{padding:7px 11px;border-radius:8px;background:#edf3f7;border:1px solid #dae5ed;color:#4c6578;text-decoration:none;font-size:9px;font-weight:850}
.alert-filter-tabs a.active{background:#176fe8;border-color:#176fe8;color:#fff}
.drm-alert-list{display:grid;gap:8px}
.drm-alert-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid #dce5ec;border-left-width:4px;border-radius:11px;background:#fff}
.drm-alert-item.severity-critical{border-left-color:#e25454}.drm-alert-item.severity-warning{border-left-color:#e3a72f}.drm-alert-item.severity-info{border-left-color:#397fd7}.drm-alert-item.severity-success{border-left-color:#4fba83}
.drm-alert-item.read{background:#fbfcfd}.drm-alert-item.resolved{opacity:.7}
.drm-alert-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#edf4fa;color:#176bdc;font-size:17px;font-weight:900}
.severity-critical .drm-alert-icon{background:#fdeeee;color:#c24444}.severity-warning .drm-alert-icon{background:#fff5dc;color:#a9700b}
.drm-alert-copy{min-width:0}.drm-alert-title-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.drm-alert-title-row strong{color:#153249;font-size:12px}.drm-alert-title-row span{padding:3px 6px;border-radius:999px;background:#eff4f7;color:#657a8a;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.drm-alert-copy p{margin:5px 0;color:#516c80!important;font-size:10px;line-height:1.45}.drm-alert-copy small{color:#8193a1!important;font-size:8px}
.drm-alert-actions{display:flex;gap:5px;align-items:center}.drm-alert-actions form{display:block}.drm-alert-actions .btn{min-height:32px;padding:6px 9px;font-size:9px}
.alert-empty-state{padding:38px 20px;border:1px dashed #cbd9e3;border-radius:12px;text-align:center}.alert-empty-state strong,.alert-empty-state span{display:block}.alert-empty-state strong{color:#24445c}.alert-empty-state span{margin-top:5px;color:#7890a1;font-size:10px}
.alert-rule-toggle{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important;gap:10px!important;padding:10px!important;border:1px solid #dce5ec!important;border-radius:10px!important;background:#f8fafc!important}
.alert-rule-toggle input{width:18px!important;height:18px!important;min-height:0!important;margin-top:2px;accent-color:#176fe8}.alert-rule-toggle strong,.alert-rule-toggle small{display:block}.alert-rule-toggle strong{color:#17364e!important;font-size:11px}.alert-rule-toggle small{color:#718697!important;font-size:9px;margin-top:3px;line-height:1.35}
.dashboard-alert-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:-8px 0 20px;padding:11px 14px;border:1px solid #f0d4a0;border-radius:11px;background:#fff9ec;color:#17334b;text-decoration:none}.dashboard-alert-dot{width:10px;height:10px;border-radius:50%;background:#e6a32b;box-shadow:0 0 0 4px rgba(230,163,43,.13)}.dashboard-alert-strip strong,.dashboard-alert-strip small{display:block}.dashboard-alert-strip small{color:#6b7f8e;margin-top:2px;font-size:9px}.dashboard-alert-strip>b{color:#986611;font-size:10px}
.client-metrics-four{grid-template-columns:repeat(4,minmax(0,1fr))!important}.client-alert-metric{display:block;padding:18px 20px;border:1px solid #dce5ec;border-radius:15px;background:#fff;text-decoration:none}.client-alert-metric span,.client-alert-metric small{display:block}.client-alert-metric span{color:#718697;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.client-alert-metric strong{display:block;font-size:25px;margin-top:7px;color:#10263b}.client-alert-metric small{color:#8093a1;font-size:8px;margin-top:3px}
@media(max-width:1050px){.alert-page-grid{grid-template-columns:1fr}.client-metrics-four{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:700px){.alert-metric-grid{grid-template-columns:repeat(2,1fr)}.drm-alert-item{grid-template-columns:auto 1fr}.drm-alert-actions{grid-column:1/-1}.dashboard-alert-strip{grid-template-columns:auto 1fr}.dashboard-alert-strip>b{grid-column:2}.client-metrics-four{grid-template-columns:1fr!important}}

/* RETURN TO PUBLIC WEBSITE */
.modern-side-bottom{
  display:grid!important;
  gap:7px!important;
}
.modern-side-bottom .main-site-link{
  color:#9ec7ff!important;
  text-decoration:none;
  font-size:10px;
  font-weight:800;
}
.modern-side-bottom .main-site-link:hover{color:#fff!important}
.topbar-site-return{
  display:flex;
  align-items:center;
  gap:14px;
  color:inherit;
  text-decoration:none;
}
.auth-site-return{
  display:inline-block;
  margin-bottom:16px;
  color:#6aa8f5;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
}
.auth-site-return:hover{color:#fff}

/* =========================================================
   MAINTENANCE NOTICE CONTROL
   ========================================================= */
.maintenance-admin-grid{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);gap:16px;align-items:start}
.maintenance-compose,.maintenance-history{background:#fff!important;color:#10263b!important}
.maintenance-style-preview{margin:12px 0;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;border-radius:13px;border:1px solid #d9e4ec;background:linear-gradient(145deg,#092942,#0d4568);color:#fff}
.maintenance-preview-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#176fe8;color:#fff;font-size:20px;font-weight:900}
.maintenance-style-preview small,.maintenance-style-preview strong,.maintenance-style-preview p{display:block}.maintenance-style-preview small{text-transform:uppercase;letter-spacing:.1em;font-size:7px;color:#9ac6f8;font-weight:900}.maintenance-style-preview strong{font-size:16px;margin-top:2px}.maintenance-style-preview p{margin:5px 0 0!important;color:#d7e5ee!important;font-size:9px!important;line-height:1.4}
.maintenance-style-preview.maintenance-updating{background:linear-gradient(145deg,#221d50,#493f91)}.maintenance-style-preview.maintenance-updating .maintenance-preview-icon{background:#7169df}
.maintenance-style-preview.maintenance-warning{background:linear-gradient(145deg,#33250b,#704a0d)}.maintenance-style-preview.maintenance-warning .maintenance-preview-icon{background:#dc9c2e}
.maintenance-style-preview.maintenance-urgent{background:linear-gradient(145deg,#351013,#6f1d23)}.maintenance-style-preview.maintenance-urgent .maintenance-preview-icon{background:#d95159}
.maintenance-style-preview.maintenance-info{background:linear-gradient(145deg,#0b3042,#116185)}.maintenance-style-preview.maintenance-info .maintenance-preview-icon{background:#2f91bb}
.maintenance-targets{margin:8px 0 13px;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:320px;overflow:auto;padding:10px;border:1px solid #dce6ed;border-radius:11px;background:#f8fafc}.maintenance-targets[hidden]{display:none}.maintenance-targets>div>strong{display:block;margin-bottom:7px;font-size:10px;color:#28465e}
.target-check{display:grid!important;grid-template-columns:auto 1fr!important;gap:8px!important;align-items:start!important;padding:8px!important;margin:4px 0!important;border:1px solid #e0e8ee!important;border-radius:8px!important;background:#fff!important}.target-check input{width:16px!important;height:16px!important;min-height:0!important}.target-check span,.target-check small{display:block}.target-check span{font-size:9px;color:#254158}.target-check small{margin-top:2px;color:#7b8e9c;font-size:7px}
.maintenance-notice-list{display:grid;gap:9px}.maintenance-notice-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid #dce5ec;border-radius:11px;background:#fbfcfd}.maintenance-notice-card.active-notice{border-color:#9fc3e9;background:#f7fbff}.maintenance-notice-card p{margin:4px 0!important;color:#607788!important;font-size:9px!important}.maintenance-notice-card small{color:#8597a5!important;font-size:7px}.maintenance-notice-icon{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:#edf4fb;color:#176fe8;font-weight:900}.maintenance-notice-icon.style-warning{background:#fff3d8;color:#a56e0c}.maintenance-notice-icon.style-urgent{background:#fde9ea;color:#b9434a}.maintenance-notice-icon.style-updating{background:#eeebff;color:#6258c5}.maintenance-notice-actions .btn{font-size:8px;min-height:32px;padding:6px 9px}
.media-delete-warning{padding:8px 10px!important;border-radius:8px;background:#fff5e8!important;border:1px solid #f1d9ae!important;color:#815d20!important}
.library-lifecycle{display:block;margin:5px 0;color:#59758a!important}
@media(max-width:1000px){.maintenance-admin-grid{grid-template-columns:1fr}.maintenance-targets{grid-template-columns:1fr}}


/* =========================================================
   DRM V42 — UI/UX CONSISTENCY PASS
   Refinement only: no new application features.
   ========================================================= */
:root{
  --ui-radius-sm:10px;
  --ui-radius-md:14px;
  --ui-radius-lg:18px;
  --ui-control-h:44px;
  --ui-gap-xs:7px;
  --ui-gap-sm:10px;
  --ui-gap-md:14px;
  --ui-gap-lg:20px;
  --ui-panel-pad:22px;
  --ui-focus:rgba(242,184,75,.18);
}

/* Consistent readable secondary text */
.centre-content .help,
.centre-content .service-note,
.centre-content .page-title p,
.centre-content .section-heading p,
.centre-content small{
  line-height:1.5;
}
.centre-content .help{font-size:12px!important;color:#a9becb!important}

/* One control geometry across admin + client portal */
.centre-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.centre-content select,
.centre-content textarea{
  min-height:var(--ui-control-h)!important;
  border-radius:var(--ui-radius-sm)!important;
  padding:10px 12px!important;
  line-height:1.35!important;
  box-sizing:border-box!important;
}
.centre-content textarea{min-height:108px!important;resize:vertical}
.centre-content input:focus,
.centre-content select:focus,
.centre-content textarea:focus,
.centre-content button:focus-visible,
.centre-content .btn:focus-visible,
.centre-content a:focus-visible{
  outline:2px solid var(--gold)!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 4px var(--ui-focus)!important;
}

/* Buttons: consistent size without the oversized feel */
.centre-content .btn,
.centre-content button{
  min-height:40px;
  border-radius:var(--ui-radius-sm);
  padding:9px 14px;
  line-height:1.15;
  white-space:normal;
}
.centre-content .button-row,
.centre-content .credential-actions{
  gap:9px!important;
  align-items:center!important;
}

/* Panel rhythm and heading consistency */
.centre-content .form-panel,
.centre-content .credentials-card{
  border-radius:var(--ui-radius-lg)!important;
  padding:var(--ui-panel-pad)!important;
}
.centre-content .form-panel h2,
.centre-content .credentials-card h2{
  line-height:1.2!important;
}
.centre-content .section-heading{margin-bottom:14px!important}
.centre-content .page-title{margin-bottom:22px!important}

/* Checkboxes/radios should never inherit text-input dimensions */
.centre-content input[type="checkbox"],
.centre-content input[type="radio"]{
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  padding:0!important;
  flex:0 0 18px!important;
  accent-color:var(--gold);
}

/* Upload controls — readable on dark portal */
.centre-content input[type="file"]{
  min-height:46px!important;
  padding:6px!important;
  color:#e8f2f7!important;
  -webkit-text-fill-color:#e8f2f7!important;
}
.centre-content input[type="file"]::file-selector-button{
  min-height:32px;
  margin-right:10px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  background:#e9f2f7;
  color:#0b293b;
  font-weight:800;
  cursor:pointer;
}

/* Prevent accidental white islands in dark Centre pages */
.centre-content .form-panel input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.centre-content .form-panel select,
.centre-content .form-panel textarea{
  background:rgba(3,16,27,.62);
  color:#fff;
  -webkit-text-fill-color:#fff;
}

/* Tables: common visual treatment and horizontal safety */
.centre-content table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
.centre-content th{
  color:#dbe8ef;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.centre-content td,.centre-content th{vertical-align:middle}

/* Empty-state utility used by existing pages that already expose empty cards/messages */
.centre-content .empty-state,
.centre-content .empty{
  padding:24px!important;
  border:1px dashed rgba(255,255,255,.14)!important;
  border-radius:var(--ui-radius-md)!important;
  text-align:center;
  color:#9fb5c2!important;
}

/* Stable content width prevents Windows/Mac tab-to-tab visual drift */
.centre-content{
  min-width:0!important;
}
.centre-content > *{
  min-width:0;
}
.centre-content .form-panel,
.centre-content .credentials-card,
.centre-content .metric-grid,
.centre-content .section-heading,
.centre-content .page-title{
  box-sizing:border-box;
}

/* Mobile tap targets and spacing */
@media(max-width:820px){
  :root{--ui-panel-pad:18px}
  .centre-content .btn,
  .centre-content button{
    min-height:44px;
  }
  .centre-content .button-row{
    gap:8px!important;
  }
  .centre-content .form-panel,
  .centre-content .credentials-card{
    border-radius:15px!important;
  }
}
@media(max-width:520px){
  :root{--ui-panel-pad:15px}
  .centre-content .page-title h1{line-height:1.1}
  .centre-content .button-row{
    align-items:stretch!important;
  }
  .centre-content .button-row>.btn,
  .centre-content .button-row>button{
    flex:1 1 auto;
  }
}

/* Respect reduced-motion preference */
@media(prefers-reduced-motion:reduce){
  .centre-content *,
  .centre-sidebar *,
  .portal-nav *{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}


/* =========================================================
   DRM V43 — SAFE VISUAL REFINEMENT PASS
   CSS only. No PHP, navigation, permissions or features.
   ========================================================= */

/* ---------- Layout rhythm ---------- */
.centre-content{
  padding-bottom:44px;
}
.centre-content > .page-title,
.centre-content > header.page-title{
  max-width:1180px;
}
.centre-content .page-title h1{
  margin-bottom:7px;
}
.centre-content .page-title p{
  max-width:820px;
}

/* ---------- Panel consistency ---------- */
.centre-content .form-panel,
.centre-content .credentials-card,
.centre-content .panel,
.centre-content .settings-panel{
  box-sizing:border-box;
}
.centre-content .form-panel + .form-panel,
.centre-content .credentials-card + .credentials-card{
  margin-top:16px;
}

/* ---------- Labels / fields ---------- */
.centre-content label{
  line-height:1.35;
}
.centre-content label > input,
.centre-content label > select,
.centre-content label > textarea{
  margin-top:7px;
}
.centre-content select{
  cursor:pointer;
}
.centre-content input::placeholder,
.centre-content textarea::placeholder{
  color:#7f99aa;
  opacity:1;
}

/* ---------- Buttons ---------- */
.centre-content .btn,
.centre-content button{
  font-weight:800;
  letter-spacing:0;
}
.centre-content .btn.primary,
.centre-content button.primary{
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset;
}
.centre-content .btn.secondary,
.centre-content button.secondary{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.12);
}
.centre-content .btn:disabled,
.centre-content button:disabled{
  opacity:.5;
  cursor:not-allowed;
}

/* ---------- Alerts / confirmation states ---------- */
.centre-content .alert,
.centre-content .success,
.centre-content .error{
  border-radius:12px;
  line-height:1.5;
}
.centre-content .alert.success,
.centre-content .success{
  border-color:rgba(66,179,123,.28);
}
.centre-content .alert.error,
.centre-content .error{
  border-color:rgba(224,91,91,.30);
}

/* ---------- Tables ---------- */
.centre-content .table-wrap,
.centre-content .table-responsive{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-radius:12px;
}
.centre-content table th,
.centre-content table td{
  padding:11px 12px;
}
.centre-content table tbody tr{
  transition:background .15s ease;
}
.centre-content table tbody tr:hover{
  background:rgba(255,255,255,.025);
}

/* ---------- Navigation polish without altering menu structure ---------- */
.centre-sidebar .modern-nav a,
.centre-sidebar nav a{
  min-height:38px;
  display:flex;
  align-items:center;
}
.centre-sidebar .modern-nav .nav-section-label,
.centre-sidebar nav .nav-section-label{
  margin-top:15px;
}
.centre-sidebar .modern-nav a.active,
.centre-sidebar nav a.active{
  font-weight:850;
}

/* ---------- Small metadata / badges ---------- */
.centre-content .eyebrow{
  letter-spacing:.09em;
}
.centre-content .badge,
.centre-content .status-badge,
.centre-content .priority-badge{
  line-height:1.1;
}

/* ---------- Better wrapping for long client names / filenames ---------- */
.centre-content h1,
.centre-content h2,
.centre-content h3,
.centre-content .card-title,
.centre-content .file-name,
.centre-content .media-name{
  overflow-wrap:anywhere;
}

/* ---------- Modal consistency ---------- */
.centre-content .modal,
.centre-content .modal-dialog,
.centre-content .dialog{
  box-sizing:border-box;
}
.centre-content .modal-dialog,
.centre-content .dialog{
  border-radius:16px;
}

/* ---------- Mobile / tablet ---------- */
@media(max-width:980px){
  .centre-content{
    padding-left:18px;
    padding-right:18px;
  }
}
@media(max-width:720px){
  .centre-content{
    padding-left:14px;
    padding-right:14px;
    padding-bottom:32px;
  }
  .centre-content .form-panel,
  .centre-content .credentials-card{
    padding:16px!important;
  }
  .centre-content table th,
  .centre-content table td{
    padding:9px 10px;
  }
  .centre-content .page-title{
    margin-bottom:18px!important;
  }
}
@media(max-width:480px){
  .centre-content .btn,
  .centre-content button{
    max-width:100%;
  }
  .centre-content input,
  .centre-content select,
  .centre-content textarea{
    font-size:16px!important; /* prevents iOS zoom */
  }
}

/* ---------- Windows/macOS rendering consistency ---------- */
.centre-content,
.centre-sidebar{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.centre-content *,
.centre-sidebar *{
  box-sizing:border-box;
}


/* =========================================================
   DRM V53.1 — CLIENT 360 CARD VISUAL RESTORE
   Styling only. V53 navigation and Client 360 logic untouched.
   ========================================================= */

.client360-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:18px 0 24px;
}
.client360-card{
  min-width:0;
  padding:20px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(14,43,62,.96),rgba(8,31,47,.98));
  box-shadow:0 12px 30px rgba(0,0,0,.14);
  color:#eaf3f7;
}
.client360-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding-bottom:15px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.client360-card-head>div{min-width:0}
.client360-card .eyebrow,
.client360-card-head .eyebrow{
  display:block;
  margin-bottom:5px;
  color:#eab548!important;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.client360-card h2,
.client360-card-head h2{
  margin:0;
  color:#f5f9fb!important;
  font-size:18px;
  line-height:1.25;
  font-weight:850;
}
.client360-card-head>a{
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid rgba(91,166,207,.22);
  border-radius:8px;
  background:rgba(64,137,178,.08);
  color:#8fc9e8!important;
  font-size:10px;
  line-height:1.25;
  font-weight:850;
  text-decoration:none;
  white-space:nowrap;
}
.client360-card-head>a:hover{
  background:rgba(64,137,178,.16);
  border-color:rgba(91,166,207,.38);
  color:#c8e9f8!important;
}

/* Estate, Team, Communications and Schedules rows */
.client360-location-list,
.client360-mini-list{
  display:grid;
  gap:0;
}
.client360-row{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 2px;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.client360-row:last-child{border-bottom:0}
.client360-row>div{min-width:0}
.client360-row strong{
  display:block;
  color:#edf5f8!important;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
  overflow-wrap:anywhere;
}
.client360-row small{
  display:block;
  margin-top:3px;
  color:#9db2bf!important;
  font-size:10px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.client360-row .row-right{
  flex:0 0 auto;
  text-align:right;
}

/* Billing snapshot */
.client360-commercial{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:11px 0 7px;
}
.client360-commercial>div{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:11px;
  background:rgba(255,255,255,.035);
}
.client360-commercial span{
  display:block;
  margin-bottom:5px;
  color:#9fb5c2!important;
  font-size:9px;
  line-height:1.3;
  font-weight:750;
}
.client360-commercial strong{
  display:block;
  color:#f5f9fb!important;
  font-size:17px;
  line-height:1.2;
  font-weight:900;
}

/* Package / usage meters */
.client360-meter{
  padding:11px 1px;
}
.client360-meter>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:7px;
}
.client360-meter span{
  color:#a9bdc8!important;
  font-size:10px;
  line-height:1.3;
  font-weight:750;
}
.client360-meter strong{
  color:#edf5f8!important;
  font-size:11px;
  line-height:1.3;
  font-weight:850;
}
.client360-meter>i{
  display:block;
  width:100%;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}
.client360-meter>i>b{
  display:block;
  height:100%;
  min-width:2px;
  border-radius:inherit;
  background:#eab548;
}

/* Empty states must remain readable on dark cards. */
.client360-card .empty-state{
  padding:14px 2px 7px;
  color:#9fb4c1!important;
  background:transparent!important;
  border:0!important;
  font-size:10px;
  line-height:1.5;
}

/* Status pills */
.client360-card .health-pill{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:4px 7px;
  border-radius:999px;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.client360-card .health-pill.ok{
  color:#8ce0b8!important;
  background:rgba(44,161,108,.13);
  border:1px solid rgba(77,192,135,.22);
}
.client360-card .health-pill.warn{
  color:#f1c86f!important;
  background:rgba(220,164,52,.12);
  border:1px solid rgba(230,178,75,.22);
}
.client360-card .health-pill.bad{
  color:#f1a1a1!important;
  background:rgba(199,75,75,.13);
  border:1px solid rgba(222,92,92,.23);
}

@media(max-width:1080px){
  .client360-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .client360-card{padding:16px}
  .client360-card-head{gap:10px}
  .client360-commercial{grid-template-columns:1fr}
  .client360-row{align-items:flex-start}
}


/* =========================================================
   DRM V53.3 — CLIENT 360 VISUAL ALIGNMENT + FORM READABILITY
   Keeps V53 architecture/logic. Visual correction only.
   ========================================================= */

/* Client 360 cards now match the lighter DRM Centre panels instead of dark blue. */
.client360-card{
  background:#ffffff!important;
  border:1px solid #dfe7ec!important;
  box-shadow:0 8px 24px rgba(21,48,64,.06)!important;
  color:#233846!important;
}
.client360-card-head{
  border-bottom-color:#e8eef2!important;
}
.client360-card .eyebrow,
.client360-card-head .eyebrow{
  color:#9a6a08!important;
}
.client360-card h2,
.client360-card-head h2,
.client360-card strong,
.client360-row strong,
.client360-meter strong,
.client360-commercial strong{
  color:#1f3441!important;
}
.client360-card-head>a,
.client360-card a{
  color:#17658d!important;
}
.client360-card-head>a{
  background:#f3f8fb!important;
  border-color:#d5e5ee!important;
}
.client360-card-head>a:hover{
  background:#e9f3f8!important;
  border-color:#bfd7e4!important;
  color:#104f70!important;
}
.client360-row{
  border-bottom-color:#e8eef2!important;
}
.client360-row small,
.client360-card small,
.client360-card .empty-state,
.client360-meter span,
.client360-commercial span{
  color:#667d8b!important;
}
.client360-commercial>div{
  background:#f7fafc!important;
  border-color:#e1e9ee!important;
}
.client360-meter>i{
  background:#e6edf1!important;
}
.client360-meter>i>b{
  background:#d79c28!important;
}
.client360-card .health-pill.ok{
  color:#176b48!important;
  background:#eaf7f0!important;
  border-color:#c8e9d8!important;
}
.client360-card .health-pill.warn{
  color:#815d12!important;
  background:#fff7e4!important;
  border-color:#f1dfb1!important;
}
.client360-card .health-pill.bad{
  color:#9a3e3e!important;
  background:#fff0f0!important;
  border-color:#efcccc!important;
}

/* Client 360 edit forms: explicit contrast rather than inherited washed-out colours. */
.client360-detail-card,
.client360-detail-card .form-panel,
.client360-detail-card .settings-panel{
  color:#263b48!important;
}
.client360-detail-card label,
.client360-detail-card .field-label,
.client360-detail-card .form-label,
.client360-detail-card legend,
.client360-detail-card .label{
  color:#334b59!important;
  font-weight:750!important;
}
.client360-detail-card input:not([type="checkbox"]):not([type="radio"]),
.client360-detail-card select,
.client360-detail-card textarea{
  color:#1f3441!important;
  background:#ffffff!important;
  border-color:#cfdce4!important;
  opacity:1!important;
  -webkit-text-fill-color:#1f3441!important;
}
.client360-detail-card input::placeholder,
.client360-detail-card textarea::placeholder{
  color:#8295a1!important;
  opacity:1!important;
}
.client360-detail-card input:disabled,
.client360-detail-card select:disabled,
.client360-detail-card textarea:disabled,
.client360-detail-card input[readonly]{
  color:#526976!important;
  background:#f2f6f8!important;
  -webkit-text-fill-color:#526976!important;
  opacity:1!important;
}
.client360-detail-card small,
.client360-detail-card .help,
.client360-detail-card .hint,
.client360-detail-card .muted,
.client360-detail-card .field-help,
.client360-detail-card .form-help{
  color:#667d8b!important;
  opacity:1!important;
}

/* Catch the two known Client 360 sections even where older markup lacks the wrapper. */
#edit-client-details label,
#market-currency label,
[id*="edit-client"] label,
[id*="market-currency"] label{
  color:#334b59!important;
}
#edit-client-details input,
#edit-client-details select,
#edit-client-details textarea,
#market-currency input,
#market-currency select,
#market-currency textarea,
[id*="edit-client"] input,
[id*="edit-client"] select,
[id*="edit-client"] textarea,
[id*="market-currency"] input,
[id*="market-currency"] select,
[id*="market-currency"] textarea{
  color:#1f3441!important;
  background:#fff!important;
  -webkit-text-fill-color:#1f3441!important;
  opacity:1!important;
}


/* =========================================================
   DRM V53.4 — CLIENT 360 HEADER / FORM / TV LAYOUT POLISH
   Visual only. V53 architecture and screen logic untouched.
   ========================================================= */

/* ---------- Client 360 page heading ---------- */
.client360-title{
  padding:2px 0 4px!important;
  margin-bottom:14px!important;
}
.client360-title .back{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:7px 10px!important;
  margin-bottom:13px!important;
  border:1px solid #d9e5eb!important;
  border-radius:9px!important;
  background:#f6f9fb!important;
  color:#31566b!important;
  font-size:10px!important;
  font-weight:850!important;
  text-decoration:none!important;
}
.client360-title .back:hover{
  background:#edf4f7!important;
  color:#173b55!important;
}
.client360-title>.eyebrow{
  display:block!important;
  margin-bottom:6px!important;
  color:#8d650f!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.client360-title h1{
  margin:0 0 7px!important;
  color:#173b55!important;
  font-size:clamp(28px,3vw,38px)!important;
  line-height:1.08!important;
}
.client360-title p{
  max-width:840px!important;
  margin:0!important;
  color:#657d8c!important;
  font-size:12px!important;
  line-height:1.55!important;
}

/* ---------- Customer account hero ---------- */
.client360-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:18px 20px!important;
  margin:0 0 16px!important;
  border:1px solid #dce7ed!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#ffffff,#f6fafc)!important;
  box-shadow:0 8px 24px rgba(21,48,64,.055)!important;
}
.client360-company{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
.client360-avatar{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:15px!important;
  background:#173b55!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
.client360-company>div:last-child{min-width:0!important}
.client360-company .eyebrow{
  display:block!important;
  margin-bottom:4px!important;
  color:#8d650f!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.client360-company h2{
  margin:0 0 4px!important;
  color:#173b55!important;
  font-size:21px!important;
  line-height:1.15!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
}
.client360-company p{
  margin:0!important;
  color:#6d8492!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.client360-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.client360-actions .btn{
  min-height:36px!important;
  padding:8px 10px!important;
  border-radius:9px!important;
  font-size:9px!important;
  line-height:1.15!important;
}
.client360-actions .btn.secondary{
  background:#f2f7fa!important;
  border:1px solid #d3e1e9!important;
  color:#274f66!important;
}
.client360-actions .btn.secondary:hover{
  background:#e8f1f6!important;
  color:#173b55!important;
}
.client360-actions .btn.primary{
  background:#173b55!important;
  border-color:#173b55!important;
  color:#fff!important;
}

/* ---------- Password reset credentials ---------- */
.credential-alert{
  display:flex!important;
  align-items:center!important;
  gap:10px 16px!important;
  flex-wrap:wrap!important;
  padding:14px 16px!important;
  margin:14px 0!important;
  border:1px solid #bfe2cf!important;
  border-radius:12px!important;
  background:#eef9f3!important;
  color:#214838!important;
}
.credential-alert strong{
  color:#165b3d!important;
  font-size:11px!important;
}
.credential-alert span{
  color:#294d3f!important;
  font-size:10px!important;
  font-weight:750!important;
}
.credential-alert small{
  width:100%!important;
  color:#5f786e!important;
  font-size:9px!important;
}

/* ---------- Client configuration form panels ---------- */
.details-grid{
  align-items:start!important;
}
.client-details-panel,
.client-market-panel{
  background:#fff!important;
  color:#263b48!important;
  border-color:#dce6ec!important;
}
.client-details-panel>.eyebrow,
.client-market-panel>.eyebrow{
  color:#8d650f!important;
}
.client-details-panel h2,
.client-market-panel h2{
  color:#173b55!important;
}
.client-details-panel .help,
.client-market-panel .help{
  color:#637b89!important;
  opacity:1!important;
}
.client-details-panel label,
.client-market-panel label{
  color:#2f4857!important;
  font-size:10px!important;
  font-weight:800!important;
}
.client-details-panel input:not([type="checkbox"]):not([type="radio"]),
.client-details-panel select,
.client-details-panel textarea,
.client-market-panel input:not([type="checkbox"]):not([type="radio"]),
.client-market-panel select,
.client-market-panel textarea{
  background:#f8fafb!important;
  border:1px solid #cfdce4!important;
  color:#1c3341!important;
  -webkit-text-fill-color:#1c3341!important;
  opacity:1!important;
}
.client-details-panel input:disabled,
.client-details-panel input[readonly],
.client-market-panel input:disabled,
.client-market-panel input[readonly]{
  background:#eef3f6!important;
  color:#4f6877!important;
  -webkit-text-fill-color:#4f6877!important;
  opacity:1!important;
}
.client-details-panel option,
.client-market-panel option{
  color:#1c3341!important;
  background:#fff!important;
}
.market-currency-summary{
  background:#f4f8fa!important;
  border-color:#d9e5eb!important;
}
.market-currency-summary span{color:#647d8c!important}
.market-currency-summary strong{color:#173b55!important}

/* ---------- TV display layout back to full landscape panel ---------- */
.display-layout-panel{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  margin-top:2px!important;
}
.display-layout-panel .template-library-picker{
  width:100%!important;
}
.display-layout-panel .template-choice-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.display-layout-panel .template-choice{
  min-width:0!important;
}
.display-layout-panel .template-preview{
  aspect-ratio:16 / 9!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
}
.display-layout-panel .layout-options{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.display-layout-panel .timing-controls,
.display-layout-panel .timing-grid{
  max-width:760px!important;
}
.display-layout-panel>h2{
  color:#173b55!important;
}
.display-layout-panel .service-note,
.display-layout-panel .template-picker-heading p,
.display-layout-panel .template-choice small,
.display-layout-panel .layout-option small,
.display-layout-panel .timing-controls p{
  color:#637b89!important;
  opacity:1!important;
}

@media(max-width:1050px){
  .client360-hero{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .client360-actions{justify-content:flex-start!important}
  .display-layout-panel .template-choice-grid,
  .display-layout-panel .layout-options{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:650px){
  .client360-company{align-items:flex-start!important}
  .client360-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  .client360-actions .btn{width:100%!important;text-align:center!important}
  .display-layout-panel .template-choice-grid,
  .display-layout-panel .layout-options{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   DRM V53.5 — CLIENT 360 PANEL ALIGNMENT / READABILITY
   Visual-only refinement built directly on V53.4.
   ========================================================= */

/* The Client Configuration area uses clean two-column pairs on desktop. */
.details-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}

/* Paired panels should finish at the same visual height. */
.client-details-panel,
.client-market-panel,
.portal-board-panel,
.client-package-panel,
.widget-override-panel,
.client-services-panel{
  height:100%!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
}

.client-details-panel>form,
.client-market-panel>form,
.widget-override-panel>form,
.client-services-panel>form{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
}

.client-details-panel>form>.btn,
.client-market-panel>form>.btn,
.widget-override-panel>form>.button-row,
.client-services-panel>form>.btn{
  margin-top:auto!important;
}

/* Portal & board and Subscription should visually balance as a pair. */
.portal-board-panel,
.client-package-panel{
  min-height:340px!important;
}
.portal-board-panel .button-row{
  margin-top:auto!important;
}

/* DRM Override and Client Services: same height + stronger text contrast. */
.widget-override-panel,
.client-services-panel{
  min-height:470px!important;
}

.widget-override-panel,
.widget-override-panel label,
.widget-override-panel .service-note,
.widget-override-panel .widget-override-note,
.widget-override-panel .widget-entitlement-summary span,
.widget-override-panel small{
  color:#526b79!important;
  opacity:1!important;
}
.widget-override-panel h2,
.widget-override-panel h3,
.widget-override-panel strong,
.widget-override-panel .widget-entitlement-summary strong{
  color:#173b55!important;
}
.widget-override-panel>.widget-override-head .eyebrow{
  color:#8d650f!important;
}
.widget-override-panel select,
.widget-override-panel input:not([type="checkbox"]):not([type="radio"]){
  background:#f8fafb!important;
  border-color:#cfdce4!important;
  color:#1c3341!important;
  -webkit-text-fill-color:#1c3341!important;
  opacity:1!important;
}
.widget-override-panel option{
  background:#fff!important;
  color:#1c3341!important;
}
.widget-override-note{
  background:#f4f8fa!important;
  border:1px solid #d9e5eb!important;
  color:#526b79!important;
}

/* Partner Access has no matching panel, so let it use the full row. */
.reseller-control-panel{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
}

/* The TV panel is already full width. Panel Timing should also use its available width. */
.display-layout-panel .timing-controls{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  padding:17px 18px!important;
  border:1px solid #d8e3e9!important;
  border-radius:13px!important;
  background:#f2f6f8!important;
}
.display-layout-panel .timing-controls>.eyebrow,
.display-layout-panel .timing-controls .eyebrow{
  color:#8d650f!important;
}
.display-layout-panel .timing-controls h3,
.display-layout-panel .timing-controls strong,
.display-layout-panel .timing-controls label{
  color:#294554!important;
}
.display-layout-panel .timing-controls p,
.display-layout-panel .timing-controls small,
.display-layout-panel .timing-controls .seconds-field span{
  color:#5b7381!important;
  opacity:1!important;
}
.display-layout-panel .timing-controls input{
  background:#fff!important;
  color:#1d3543!important;
  border-color:#c8d7df!important;
  -webkit-text-fill-color:#1d3543!important;
}
.display-layout-panel .timing-grid{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

/* Account control / password area also sits by itself, so use the full row. */
.access-control-panel{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
}
.access-control-panel .access-control-head p,
.access-control-panel .help,
.access-control-panel .account-control-explainer{
  color:#5e7684!important;
  opacity:1!important;
}
.access-control-panel .access-control-head h2,
.access-control-panel .account-control-explainer strong{
  color:#173b55!important;
}
.access-control-panel button[name="reset_client_password"]{
  min-width:250px!important;
  background:#f1f6f9!important;
  border:1px solid #cadbe4!important;
  color:#244b61!important;
  opacity:1!important;
}
.access-control-panel button[name="reset_client_password"]:hover{
  background:#e7f0f5!important;
  border-color:#b9d0dc!important;
  color:#173b55!important;
}

/* Keep paired panels equal, but remove artificial height on narrow screens. */
@media(max-width:1050px){
  .details-grid{
    grid-template-columns:1fr!important;
  }
  .client-details-panel,
  .client-market-panel,
  .portal-board-panel,
  .client-package-panel,
  .widget-override-panel,
  .client-services-panel{
    min-height:0!important;
  }
  .reseller-control-panel,
  .access-control-panel{
    grid-column:auto!important;
  }
}
@media(max-width:650px){
  .display-layout-panel .timing-grid{
    grid-template-columns:1fr!important;
  }
  .access-control-panel button[name="reset_client_password"]{
    width:100%!important;
    min-width:0!important;
  }
}


/* =========================================================
   DRM V53.7 — ADMIN FEATURE READABILITY + SCREEN FORM ALIGNMENT
   Built on V53.5. No nav/database/business-logic changes.
   ========================================================= */

/* ---------- Shared readable admin-content foundation ---------- */
.centre-content .page-title h1,
.centre-content .section-heading h2,
.centre-content .form-panel h2,
.centre-content .form-panel h3,
.centre-content .package-card h2,
.centre-content .package-card h3,
.centre-content .schedule-card h2,
.centre-content .schedule-card h3,
.centre-content .maintenance-card h2,
.centre-content .maintenance-card h3,
.centre-content .widget-card h2,
.centre-content .widget-card h3,
.centre-content .campaign-card h2,
.centre-content .campaign-card h3,
.centre-content .group-card h2,
.centre-content .group-card h3{
  color:#173b55!important;
  opacity:1!important;
}

.centre-content .page-title p,
.centre-content .section-heading p,
.centre-content .form-panel p,
.centre-content .form-panel .help,
.centre-content .form-panel .service-note,
.centre-content .form-panel .muted,
.centre-content .form-panel small,
.centre-content .package-card p,
.centre-content .package-card small,
.centre-content .schedule-card p,
.centre-content .schedule-card small,
.centre-content .maintenance-card p,
.centre-content .maintenance-card small,
.centre-content .widget-card p,
.centre-content .widget-card small,
.centre-content .campaign-card p,
.centre-content .campaign-card small,
.centre-content .group-card p,
.centre-content .group-card small{
  color:#5f7785!important;
  opacity:1!important;
}

.centre-content .eyebrow{
  color:#8d650f!important;
  opacity:1!important;
}

.centre-content .form-panel label,
.centre-content .package-admin-card label,
.centre-content .schedule-layout label,
.centre-content .maintenance-admin-grid label,
.centre-content .widget-admin-grid label,
.centre-content .campaign-layout label,
.centre-content .group-grid label{
  color:#304b5a!important;
  opacity:1!important;
}

.centre-content .form-panel input:not([type="checkbox"]):not([type="radio"]),
.centre-content .form-panel select,
.centre-content .form-panel textarea,
.centre-content .package-admin-card input:not([type="checkbox"]):not([type="radio"]),
.centre-content .package-admin-card select,
.centre-content .package-admin-card textarea,
.centre-content .schedule-layout input:not([type="checkbox"]):not([type="radio"]),
.centre-content .schedule-layout select,
.centre-content .schedule-layout textarea,
.centre-content .maintenance-admin-grid input:not([type="checkbox"]):not([type="radio"]),
.centre-content .maintenance-admin-grid select,
.centre-content .maintenance-admin-grid textarea,
.centre-content .widget-admin-grid input:not([type="checkbox"]):not([type="radio"]),
.centre-content .widget-admin-grid select,
.centre-content .widget-admin-grid textarea{
  background:#fff!important;
  border-color:#cbd9e1!important;
  color:#1e3543!important;
  -webkit-text-fill-color:#1e3543!important;
  opacity:1!important;
}

.centre-content input::placeholder,
.centre-content textarea::placeholder{
  color:#8296a2!important;
  opacity:1!important;
}
.centre-content option{
  background:#fff!important;
  color:#1e3543!important;
}

/* ---------- Manage Screens: restore two equal-height forms ---------- */
.screen-admin-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.screen-admin-grid>.form-panel{
  height:100%!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
  border-color:#dce6ec!important;
  color:#2d4654!important;
  box-shadow:0 7px 20px rgba(21,48,64,.05)!important;
}
.screen-admin-grid>.form-panel form{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
}
.screen-admin-grid>.form-panel form>.btn{
  margin-top:auto!important;
}
.screen-admin-grid>.form-panel h2{
  color:#173b55!important;
}
.screen-admin-grid>.form-panel label{
  color:#304b5a!important;
}
.screen-admin-grid>.form-panel .help{
  color:#5d7583!important;
}

/* Screen Groups is its own section: let it use the full content width. */
.groups-heading{
  width:100%!important;
}
.group-grid{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:1fr!important;
}
.group-grid>.group-card{
  width:100%!important;
  max-width:none!important;
}

/* ---------- Content Scheduling ---------- */
.content-schedule-admin-grid .form-panel,
.schedule-layout .form-panel,
.content-scheduling-panel,
.schedule-panel{
  background:#fff!important;
  color:#2d4654!important;
}
.content-schedule-admin-grid p,
.content-schedule-admin-grid small,
.content-schedule-admin-grid .help,
.schedule-layout p,
.schedule-layout small,
.schedule-layout .help{
  color:#5f7785!important;
  opacity:1!important;
}

/* ---------- Network Campaigns ---------- */
.campaign-layout .form-panel,
.campaign-info,
.campaign-card{
  color:#2d4654!important;
}
.campaign-layout .form-panel p,
.campaign-layout .form-panel small,
.campaign-info p,
.campaign-info span,
.campaign-card p,
.campaign-card small{
  color:#5f7785!important;
  opacity:1!important;
}

/* ---------- Scheduling & Instant Broadcast ---------- */
.schedule-tabs a{
  color:#476476!important;
  opacity:1!important;
}
.schedule-tabs a.active{
  color:#173b55!important;
}
.schedule-layout .day-picker span,
.schedule-layout .target-grid small,
.schedule-layout .broadcast-copy,
.schedule-layout .broadcast-copy p{
  color:#536f7f!important;
  opacity:1!important;
}

/* ---------- Maintenance Notices ---------- */
.maintenance-admin-grid .form-panel,
.maintenance-compose,
.maintenance-list,
.maintenance-card{
  color:#2d4654!important;
}
.maintenance-admin-grid p,
.maintenance-admin-grid small,
.maintenance-admin-grid .help,
.maintenance-admin-grid .service-note{
  color:#5f7785!important;
  opacity:1!important;
}

/* ---------- Widgets & Live Content ---------- */
.widget-admin-grid .form-panel,
.widget-card,
.widget-panel{
  color:#2d4654!important;
}
.widget-admin-grid p,
.widget-admin-grid small,
.widget-admin-grid .help,
.widget-card p,
.widget-card small{
  color:#5f7785!important;
  opacity:1!important;
}

/* ---------- Packages & Limits ---------- */
.package-card,
.package-admin-card,
.package-admin-card form{
  color:#2d4654!important;
}
.package-card p,
.package-card small,
.package-card .package-price span,
.package-card .package-features span,
.package-admin-card p,
.package-admin-card small{
  color:#5f7785!important;
  opacity:1!important;
}
.package-card .package-limits span{
  color:#415e6f!important;
}
.package-card .package-limits strong,
.package-card .package-price strong,
.package-admin-card strong{
  color:#173b55!important;
}

/* ---------- DRM Master Content Library ---------- */
.library-admin-grid .form-panel,
.library-admin-grid .panel,
.library-admin-grid .library-card,
.content-library-admin .form-panel,
.content-library-admin .panel{
  color:#2d4654!important;
}
.library-admin-grid p,
.library-admin-grid small,
.library-admin-grid .help,
.content-library-admin p,
.content-library-admin small,
.content-library-admin .help{
  color:#5f7785!important;
  opacity:1!important;
}

/* ---------- Demo Settings ---------- */
.demo-admin-grid .form-panel,
.demo-settings,
.demo-settings-panel,
.demo-admin-panel{
  color:#2d4654!important;
}
.demo-admin-grid .form-panel h2,
.demo-admin-grid .form-panel h3,
.demo-settings h2,
.demo-settings h3{
  color:#173b55!important;
}
.demo-admin-grid .form-panel p,
.demo-admin-grid .form-panel small,
.demo-admin-grid .form-panel .help,
.demo-settings p,
.demo-settings small,
.demo-settings .help{
  color:#5f7785!important;
  opacity:1!important;
}
.demo-admin-grid .form-panel label,
.demo-settings label{
  color:#304b5a!important;
}
.demo-admin-grid .form-panel input:not([type="checkbox"]):not([type="radio"]),
.demo-admin-grid .form-panel select,
.demo-settings input:not([type="checkbox"]):not([type="radio"]),
.demo-settings select{
  background:#fff!important;
  border-color:#cbd9e1!important;
  color:#1e3543!important;
  -webkit-text-fill-color:#1e3543!important;
  opacity:1!important;
}

/* Tablet/mobile: forms stack naturally. */
@media(max-width:820px){
  .screen-admin-grid{
    grid-template-columns:1fr!important;
  }
  .screen-admin-grid>.form-panel{
    min-height:0!important;
  }
}


/* =========================================================
   DRM V53.9 — CLIENT PASSWORD RESET VISIBILITY
   Result is shown where the reset action happens.
   ========================================================= */
.client-password-result{
  margin-top:14px;
  padding:16px;
  border:1px solid #bfe2cf;
  border-radius:13px;
  background:#eef9f3;
  box-shadow:0 7px 20px rgba(23,107,72,.08);
  transition:box-shadow .2s ease, transform .2s ease;
}
.client-password-result.is-highlighted{
  box-shadow:0 0 0 4px rgba(23,107,72,.14),0 10px 28px rgba(23,107,72,.12);
  transform:translateY(-1px);
}
.client-password-result-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:13px;
}
.client-password-result-head .eyebrow{
  color:#176b48!important;
}
.client-password-result-head h3{
  margin:4px 0 4px!important;
  color:#174f38!important;
  font-size:16px!important;
}
.client-password-result-head p{
  margin:0!important;
  max-width:680px;
  color:#557267!important;
  font-size:10px!important;
  line-height:1.5!important;
}
.client-password-success{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 9px;
  border-radius:999px;
  background:#dff2e7;
  color:#176b48!important;
  font-size:9px;
  font-weight:900;
}
.client-password-credentials{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.client-password-credentials>div{
  min-width:0;
  padding:12px;
  border:1px solid #cfe6da;
  border-radius:10px;
  background:#fff;
}
.client-password-credentials span{
  display:block;
  margin-bottom:5px;
  color:#587166!important;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.client-password-credentials code{
  display:block;
  min-width:0;
  padding:9px 10px;
  margin-bottom:9px;
  overflow-wrap:anywhere;
  border:1px solid #d6e7de;
  border-radius:8px;
  background:#f7fbf9;
  color:#183f30!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:12px;
  font-weight:850;
}
.client-copy-btn{
  width:100%!important;
  min-height:36px!important;
}
@media(max-width:680px){
  .client-password-result-head{display:block}
  .client-password-success{margin-top:9px}
  .client-password-credentials{grid-template-columns:1fr}
}


/* DRM V53.10 — password reset email delivery status */
.client-password-email-status{
  margin-top:9px;
  padding:8px 10px;
  border-radius:8px;
  font-size:9px;
  line-height:1.45;
}
.client-password-email-status.sent{
  border:1px solid #bfe2cf;
  background:#e2f5ea;
  color:#176b48!important;
}
.client-password-email-status.sent strong{color:#14593c!important}
.client-password-email-status.not-sent{
  border:1px solid #ecd8a9;
  background:#fff8e9;
  color:#76591b!important;
}
.client-password-email-status.not-sent strong{color:#654a13!important}


/* =========================================================
   DRM V53.11 — COMPLETE CLIENT PROFILE MODAL
   ========================================================= */
body.modal-open{overflow:hidden}
.client-profile-modal{display:none;position:fixed;inset:0;z-index:5000}
.client-profile-modal.open{display:block}
.client-profile-backdrop{position:absolute;inset:0;background:rgba(9,31,46,.62);backdrop-filter:blur(3px)}
.client-profile-dialog{
  position:absolute;top:4vh;bottom:4vh;left:50%;transform:translateX(-50%);
  width:min(980px,calc(100vw - 34px));overflow:auto;
  border:1px solid #d9e5eb;border-radius:18px;background:#f7fafb;
  box-shadow:0 24px 70px rgba(7,30,45,.28)
}
.client-profile-modal-head{
  position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:20px;
  padding:20px 22px;border-bottom:1px solid #dce6ec;background:rgba(255,255,255,.97)
}
.client-profile-modal-head .eyebrow{color:#8d650f!important}
.client-profile-modal-head h2{margin:4px 0 4px;color:#173b55;font-size:22px}
.client-profile-modal-head p{margin:0;color:#607987;font-size:10px}
.client-profile-close{
  width:38px;height:38px;flex:0 0 38px;border:1px solid #d5e1e8;border-radius:10px;
  background:#f4f8fa;color:#36596c;font-size:24px;line-height:1;cursor:pointer
}
.client-profile-form{padding:18px 22px 22px}
.client-profile-section{
  margin-bottom:13px;padding:16px;border:1px solid #dce6ec;border-radius:13px;background:#fff
}
.client-profile-section-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:13px}
.client-profile-section-head>span{
  display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;
  border-radius:8px;background:#eef4f7;color:#31566b;font-size:9px;font-weight:900
}
.client-profile-section-head h3{margin:1px 0 3px;color:#173b55;font-size:14px}
.client-profile-section-head p{margin:0;color:#657d8c;font-size:9px}
.client-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.client-profile-fields label{display:grid;gap:5px;color:#304b5a;font-size:9px;font-weight:850}
.client-profile-fields label.wide{grid-column:1/-1}
.client-profile-fields input,.client-profile-fields select,.client-profile-fields textarea{
  width:100%;box-sizing:border-box;border:1px solid #cbd9e1;border-radius:9px;
  background:#fff;color:#1e3543;-webkit-text-fill-color:#1e3543;padding:10px 11px;font:inherit;opacity:1
}
.client-profile-fields input:disabled{background:#eef3f6;color:#637986;-webkit-text-fill-color:#637986}
.client-profile-fields textarea{resize:vertical;min-height:92px}
.client-profile-modal-actions{
  position:sticky;bottom:-1px;display:flex;justify-content:flex-end;gap:8px;
  margin:0 -22px -22px;padding:14px 22px;border-top:1px solid #dce6ec;background:rgba(255,255,255,.97)
}
@media(max-width:680px){
  .client-profile-dialog{top:10px;bottom:10px;width:calc(100vw - 20px)}
  .client-profile-modal-head,.client-profile-form{padding-left:14px;padding-right:14px}
  .client-profile-fields{grid-template-columns:1fr}
  .client-profile-fields label.wide{grid-column:auto}
  .client-profile-modal-actions{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
}


/* DRM V53.12 — reset button interaction stability */
#client-password-reset-form button[name="reset_client_password"]{
  position:relative;
  z-index:1;
  cursor:pointer!important;
  pointer-events:auto!important;
}
#client-password-reset-form{
  position:relative;
  z-index:2;
}


/* =========================================================
   DRM V53.13 — CLIENT ACCESS ACTIONS ROW
   ========================================================= */
.access-control-panel .client-account-actions-unified{
  display:grid!important;
  grid-template-columns:minmax(240px,1.35fr) minmax(150px,.75fr) minmax(150px,.75fr)!important;
  gap:9px!important;
  width:100%!important;
  align-items:stretch!important;
  margin-top:12px!important;
}
.access-control-panel .client-account-actions-unified form{
  margin:0!important;
  width:100%!important;
  display:block!important;
}
.access-control-panel .client-account-actions-unified .btn{
  width:100%!important;
  min-height:42px!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  border-radius:9px!important;
  font-size:10px!important;
  font-weight:850!important;
  text-align:center!important;
}
.access-control-panel .client-account-actions-unified .success-action{
  background:#228a5b!important;
  border:1px solid #1d774f!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(34,138,91,.18)!important;
}
.access-control-panel .client-account-actions-unified .success-action:hover{
  background:#1d774f!important;
  border-color:#196743!important;
  color:#fff!important;
}
@media(max-width:760px){
  .access-control-panel .client-account-actions-unified{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   DRM V53.14 — ACCESS ACTIONS EQUAL WIDTH
   ========================================================= */
.access-control-panel .client-account-actions-unified{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}


/* Client Profile — Sessions / Devices / Activity */
.client-security-list{display:grid;gap:8px}
.client-security-row{
  display:flex;justify-content:space-between;gap:14px;align-items:flex-start;
  padding:11px 12px;border:1px solid #e0e8ed;border-radius:10px;background:#f8fafb
}
.client-security-row>div:first-child{min-width:0}
.client-security-row strong{display:block;color:#173b55!important;font-size:10px}
.client-security-row small{display:block;margin-top:3px;color:#657d8c!important;font-size:8px;line-height:1.45;overflow-wrap:anywhere}
.client-security-meta{flex:0 0 auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.client-security-meta span{color:#607987!important;font-size:8px}
.client-security-meta b{
  padding:4px 6px;border-radius:999px;font-size:7px;text-transform:uppercase;letter-spacing:.04em
}
.client-security-meta b.live{background:#e7f6ed;color:#1d744e}
.client-security-meta b.ended{background:#eef2f4;color:#687d88}
.client-security-empty{padding:12px;border:1px dashed #d8e3e9;border-radius:10px;color:#6a808d;font-size:9px}
@media(max-width:700px){
  .client-security-row{display:block}
  .client-security-meta{justify-content:flex-start;margin-top:8px}
}