*{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}}