#tab-sectors{background:#f5f9fd!important;color:#0b2143!important}
#tab-sectors *{box-sizing:border-box}
.sectorsManagementShell{background:linear-gradient(145deg,#fff 0,#f4f9ff 47%,#eef6fd 100%);color:#0b2143;min-height:100%;padding:24px}
.sectorsManagementShell svg{fill:none;height:24px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:24px}
.sectorsPageHeader{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}
.sectorsTitleGroup{align-items:center;display:flex;gap:20px;min-width:0}
.sectorsTitleIcon{color:#0754b8;display:grid;flex:0 0 52px;place-items:center}
.sectorsTitleIcon svg{height:52px;stroke-width:1.8;width:52px}
.sectorsPageHeader h2{color:#071a38!important;font-size:34px;line-height:1;margin:0 0 9px}
.sectorsPageHeader p{color:#617797!important;font-size:16px;margin:0}
.sectorsHeaderActions{display:flex;gap:14px}
.sectorsHeaderActions button{align-items:center;background:#fff;border:1px solid #cdddec;border-radius:12px;color:#102b51;display:flex;font:inherit;font-weight:800;gap:10px;justify-content:center;min-height:52px;padding:0 22px}
.sectorsHeaderActions .sectorsHelpButton{background:#e1faf2;border-color:#ccf2e7;color:#078663;padding:0;width:54px}
.sectorMetrics{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:26px}
.sectorMetricCard,.sectorCreateCard,.sectorsRegistry,.sectorEditor{background:#fff;border:1px solid #dde8f2;border-radius:15px;box-shadow:0 10px 24px rgba(39,88,135,.06)}
.sectorMetricCard{align-items:center;display:flex;gap:22px;min-height:132px;padding:22px 28px}
.sectorMetricIcon,.sectorSectionIcon{align-items:center;border-radius:50%;display:flex;flex:0 0 auto;justify-content:center}
.sectorMetricIcon{height:74px;width:74px}
.sectorMetricIcon svg{height:38px;width:38px}
.sectorMetricIcon.blue{background:#e4f1ff;color:#086ee5}.sectorMetricIcon.green{background:#dff8ef;color:#079269}.sectorMetricIcon.amber{background:#fff0dc;color:#ac5b00}
.sectorMetricLabel{color:#526a8b!important;display:block;font-size:16px;margin-bottom:6px}
.sectorMetricValue{color:#071a3a!important;display:block;font-size:34px;line-height:1}
.sectorCreateCard{margin-bottom:26px;padding:22px 26px 24px}
.sectorCreateCard>header,.sectorsRegistry>header,.sectorEditor>header{align-items:center;display:flex;gap:15px}
.sectorSectionIcon{background:#e6f2ff;color:#0870e5;height:54px;width:54px}
.sectorSectionIcon svg{height:27px;width:27px}
.sectorCreateCard h3,.sectorsRegistry h3,.sectorEditor h3{color:#0b2143!important;font-size:22px;line-height:1.15;margin:0 0 5px}
.sectorCreateCard header p,.sectorsRegistry header p,.sectorEditor header p{color:#6e82a0!important;margin:0}
.sectorCreateFields{align-items:end;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 230px;margin-top:24px}
.sectorCreateFields label,.sectorEditorFields label{color:#132c50!important;font-size:14px;font-weight:800}
.sectorCreateFields input,.sectorEditorFields input,.sectorEditorFields textarea,.sectorEditorFields select{background:#fff!important;border:1px solid #c9d8e8;border-radius:9px;color:#142b4b!important;font:inherit;margin-top:8px;min-height:50px;padding:12px 15px;width:100%}
.sectorCreateFields input::placeholder,.sectorsSearch input::placeholder{color:#8598b5!important;opacity:1}
.sectorPrimaryButton,.sectorDangerButton{align-items:center;border-radius:10px;display:flex;font:inherit;font-weight:800;gap:10px;justify-content:center;min-height:52px;padding:0 22px}
.sectorPrimaryButton{background:linear-gradient(135deg,#0875ec,#0363ce);border:0;color:#fff!important}
.sectorDangerButton{background:#fff;border:1px solid #ef858b;color:#df252e!important}
.sectorPrimaryButton svg,.sectorDangerButton svg{height:21px;width:21px}
.sectorsContentGrid{display:grid;gap:18px;grid-template-columns:minmax(0,1.55fr) minmax(330px,.95fr)}
.sectorsRegistry,.sectorEditor{min-width:0}
.sectorsRegistry>header{padding:20px 22px}
.sectorsRegistry>header>div{min-width:210px}
.sectorsSearch{margin-left:auto;position:relative;width:min(320px,40%)}
.sectorsSearch span{color:#657b99;left:13px;position:absolute;top:13px}
.sectorsSearch input{background:#fff!important;border:1px solid #cbd9e8;border-radius:9px;color:#142b4b!important;font:inherit;height:48px;padding:0 14px 0 45px;width:100%}
.sectorsTableScroll{margin:0 22px 22px;overflow-x:auto}
.sectorsTable{border-collapse:separate;border-spacing:0;min-width:700px;table-layout:fixed;width:100%}
.sectorsTable th,.sectorsTable td{border-bottom:1px solid #e0e8f1;padding:16px 13px;text-align:left}
.sectorsTable th{background:#edf4fb;color:#526b8c!important;font-size:13px}
.sectorsTable th:first-child{border-radius:9px 0 0}.sectorsTable th:last-child{border-radius:0 9px 0 0;width:82px}
.sectorsTable th:nth-child(1){width:25%}.sectorsTable th:nth-child(2){width:34%}.sectorsTable th:nth-child(3){width:31%}
.sectorsTable td{color:#2e4869!important;font-size:14px}
.sectorsTable tbody tr{cursor:pointer}
.sectorsTable tbody tr:hover,.sectorsTable tbody tr[aria-selected="true"]{background:#e5f2ff}
.sectorRowIdentity{align-items:center;display:flex;gap:13px}
.sectorRowIdentity>i{border-radius:12px;display:grid;flex:0 0 44px;height:44px;place-items:center;width:44px}
.sectorRowIdentity>i svg{height:24px;width:24px}
.sectorRowIdentity>i.isProtected{background:#fff0df;color:#a45b08}.sectorRowIdentity>i.isRegular{background:#e3f1ff;color:#0872e7}
.sectorTableName{color:#152d4f!important;font-weight:800}
.sectorStatus,.sectorProtectedBadge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;padding:8px 13px;white-space:nowrap}
.sectorStatus i{background:currentColor;border-radius:50%;height:9px;margin-right:8px;width:9px}
.sectorStatus.isEnabled{background:#dcf7ea;color:#078a5d!important}.sectorStatus.isDisabled{background:#ffe6e8;color:#bd2732!important}
.sectorProtectedBadge{background:#fff0da;color:#a75a08!important;margin-left:8px}
.sectorProtectedBadge svg{height:16px;margin-right:7px;width:16px}
.sectorMoreBtn{background:transparent;border:0;border-radius:8px;color:#27476d;font-size:25px;height:40px;width:40px}
.sectorMoreBtn:hover{background:#fff}
.sectorsEmpty{text-align:center!important}
.sectorEditor{padding:20px 22px}
.sectorEditorFields{display:grid;gap:18px;margin-top:25px}
.sectorEditorFields textarea{height:76px;resize:vertical}
.sectorEditorFields select{appearance:auto}
.sectorEditorFields input[readonly],.sectorEditorFields select:disabled{background:#f0f4f8!important;color:#4c607b!important}
.sectorProtectionNotice{align-items:center;background:#fff8eb;border:1px solid #f5dab3;border-radius:10px;color:#845016;display:flex;font-size:13px;gap:10px;padding:12px}
.sectorProtectionNotice svg{height:20px;width:20px}
.sectorEditor>footer{border-top:1px solid #e1e9f1;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:22px;padding-top:18px}
.sectorEditorEmpty{align-items:center;color:#637895;display:flex;justify-content:center;min-height:300px}
.sectorCreateFields input:focus,.sectorEditorFields input:focus,.sectorEditorFields textarea:focus,.sectorEditorFields select:focus,.sectorsSearch input:focus{border-color:#1675e9;box-shadow:0 0 0 3px rgba(22,117,233,.12);outline:0}
.sectorsHeaderActions button:hover,.sectorPrimaryButton:hover,.sectorDangerButton:hover,.sectorMoreBtn:hover{filter:brightness(.98)}
@media(max-width:1050px){.sectorsContentGrid{grid-template-columns:1fr}.sectorCreateFields{grid-template-columns:1fr 1fr}.sectorCreateFields button{grid-column:1/-1}.sectorMetrics{gap:12px}.sectorMetricCard{padding:18px}}
@media(max-width:760px){.sectorsManagementShell{padding:16px}.sectorsPageHeader{align-items:flex-start;flex-direction:column}.sectorsHeaderActions{width:100%}.sectorsHeaderActions button:first-child{flex:1}.sectorMetrics{grid-template-columns:1fr}.sectorMetricCard{min-height:102px}.sectorCreateFields{grid-template-columns:1fr}.sectorCreateFields button{grid-column:auto}.sectorsRegistry>header{align-items:flex-start;flex-wrap:wrap}.sectorsSearch{margin:0;width:100%}}
@media(max-width:480px){.sectorsManagementShell{padding:12px}.sectorsTitleIcon{flex-basis:42px}.sectorsTitleIcon svg{height:42px;width:42px}.sectorsPageHeader h2{font-size:29px}.sectorsPageHeader p{font-size:14px}.sectorCreateCard,.sectorEditor{padding:17px}.sectorsRegistry>header{padding:17px}.sectorsTableScroll{margin:0 14px 18px}.sectorEditor>footer{grid-template-columns:1fr}.sectorProtectedBadge{margin-left:0;margin-top:6px}.sectorMetricIcon{height:60px;width:60px}}

/* These administration cards are intentionally light even when tenant
   branding is dark. WebKit text fill must therefore follow the local color. */
#tab-sectors :is(.sectorsPageHeader h2,.sectorCreateCard h3,.sectorsRegistry h3,.sectorEditor h3,.sectorCreateFields label,.sectorEditorFields label,.sectorTableName){color:#0b2143!important;-webkit-text-fill-color:#0b2143!important}
#tab-sectors :is(.sectorsPageHeader p,.sectorCreateCard header p,.sectorsRegistry header p,.sectorEditor header p,.sectorMetricLabel,.sectorEditorEmpty){color:#617797!important;-webkit-text-fill-color:#617797!important}
#tab-sectors :is(.sectorCreateFields input,.sectorEditorFields input,.sectorEditorFields textarea,.sectorEditorFields select,.sectorsSearch input){color:#142b4b!important;-webkit-text-fill-color:#142b4b!important}
#tab-sectors :is(.sectorCreateFields input,.sectorsSearch input)::placeholder{color:#8598b5!important;-webkit-text-fill-color:#8598b5!important;opacity:1}
#tab-sectors :is(.sectorsTable th,.sectorsTable td,.sectorStatus,.sectorProtectedBadge,.sectorProtectionNotice,.sectorMoreBtn){-webkit-text-fill-color:currentColor!important}
#tab-sectors :is(.sectorsHeaderActions button,.sectorDangerButton){-webkit-text-fill-color:currentColor!important}
#tab-sectors .sectorPrimaryButton{color:#fff!important;-webkit-text-fill-color:#fff!important}