/* THRS V14.65 — Overtime Management / Midnight Navy & Muted Cumin Gold.
   Approved COLOR-ONLY dark-mode polish. Existing hero art, row geometry,
   table columns, pagination, workflow, data and Light Mode stay untouched.
   Loaded as a DIRECT final stylesheet, independent of the legacy CSS gateway. */
html[data-theme="dark"] body .thrs-page-overtime-management {
 --ot18-paper:#142f42!important;
 --ot18-soft:#1c3b4f!important;
 --ot18-ink:#ecf3f8!important;
 --ot18-muted:#bdd0de!important;
 --ot18-border:#48677d!important;
 --ot18-gold:#d3a654!important;
 --ot18-shadow:0 8px 19px rgba(0,8,19,.24),inset 0 1px 0 rgba(255,255,255,.035)!important;
 color-scheme:dark!important;
}
/* Hero decoration and calendar SVG must remain visible and in the same place.
   Only tone down the very warm request-action gold, not dimensions. */
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-request-btn {
 background:linear-gradient(140deg,#deb86d,#c99a4d)!important;
 border-color:#c29b57!important;
 color:#142739!important;
 box-shadow:0 6px 13px rgba(0,8,18,.2),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-request-btn:hover {
 filter:brightness(1.04)!important;
}
/* Four existing KPI cards: deep midnight/navy rather than tinted ivory.
   Icon wells were generated with color-mix(...,#fff), making them too pale. */
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-kpi {
 background:linear-gradient(137deg,#1a384b,#142e41)!important;
 border-color:#526d7e!important;
 box-shadow:0 7px 17px rgba(0,9,20,.22)!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-kpi--amber {
 --ot18-kpi-color:#e0b466!important;
 border-color:#846d4e!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-kpi--green {
 --ot18-kpi-color:#8fd5b6!important;
 border-color:#497d70!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-kpi--red {
 --ot18-kpi-color:#e7a0aa!important;
 border-color:#8d5965!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-kpi--blue {
 --ot18-kpi-color:#9dbce6!important;
 border-color:#536d96!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-kpi .ot18-kpi-icon {
 background:#263d4e!important;
 background-image:none!important;
 border-color:#577084!important;
 color:var(--ot18-kpi-color)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-kpi--amber .ot18-kpi-icon {
 background:#393c3b!important;border-color:#9c8053!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-kpi--green .ot18-kpi-icon {
 background:#1e453f!important;border-color:#518271!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-kpi--red .ot18-kpi-icon {
 background:#46343d!important;border-color:#88616b!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-kpi--blue .ot18-kpi-icon {
 background:#273e57!important;border-color:#617ba0!important;
}
/* Tab appearance only: same button shapes, counts, and switch logic. */
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-tabs button:not(.is-active) {
 background:linear-gradient(135deg,#19384b,#102d40)!important;
 border-color:#4c6a7d!important;
 color:#d9e8f0!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-tabs button.is-active {
 background:linear-gradient(145deg,#193d52,#0f2c41)!important;
 border-color:#b08c50!important;
 color:#eff5f9!important;
 box-shadow:0 4px 10px rgba(0,8,17,.17)!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-tabs button:not(.is-active) span {
 background:#29485b!important;border-color:#5d7689!important;color:#e8f0f5!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-tabs button.is-active span {
 background:#b58c4b!important;border-color:#c29e60!important;color:#142839!important;
}
/* Filtering surfaces and native dropdown options. */
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-filters {
 background:linear-gradient(150deg,#1b3a4e,#153247)!important;
 border-color:#4d6b80!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .ot18-search-field {
 background:#19394e!important;border-color:#58768a!important;color:#d7ab57!important;
 box-shadow:none!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .ot18-search-field input {
 background:transparent!important;background-color:transparent!important;
 color:#eff5f9!important;-webkit-text-fill-color:#eff5f9!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .ot18-search-field input::placeholder {
 color:#b6c9d6!important;-webkit-text-fill-color:#b6c9d6!important;opacity:1!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management :is(
 .thrs-ot-filters select,.thrs-ot-month-trigger,.thrs-ot-filters>button,
 .thrs-ot-section-head select
) {
 background:#1c3b50!important;
 background-color:#1c3b50!important;
 border-color:#58768b!important;
 color:#edf4f9!important;
 -webkit-text-fill-color:#edf4f9!important;
 box-shadow:none!important;
 color-scheme:dark!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management select option {
 background:#18364a!important;color:#edf5fa!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-month-popover {
 background:#142f43!important;color:#eef4f9!important;border-color:#4f6d81!important;
 box-shadow:0 15px 26px rgba(0,5,14,.3)!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-month-header {
 background:#17384c!important;border-color:#47677b!important;color:#eaf3f8!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-month-grid button:not(.is-selected):not(.is-current) {
 background:#19394d!important;color:#e5f0f7!important;border-color:#4c6c7e!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-month-grid button:is(.is-selected,.is-current),
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-month-footer button.is-primary {
 background:#d2a65a!important;color:#152b3d!important;border-color:#ba904c!important;
}
/* Request cards and striped table: smaller blue saturation, crisp text. */
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-table-card {
 background:#142f42!important;border-color:#486a7e!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-section-head {
 background:linear-gradient(145deg,#19374c,#142f42)!important;
 border-color:#4c6b7e!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-section-head>div>span {
 color:#e1b568!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-table-wrap {
 background:#142f42!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-table thead th {
 background:linear-gradient(140deg,#122e43,#0c2436)!important;
 border-bottom-color:#ad8952!important;
 color:#f0f3f8!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-table tbody tr:nth-child(odd) td {
 background:#142f42!important;color:#eaf2f7!important;
 border-bottom-color:#38576b!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-table tbody tr:nth-child(even) td {
 background:#1b3b4e!important;color:#eaf2f7!important;
 border-bottom-color:#426174!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-table tbody tr:hover td {
 background:#26465a!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-table .ot18-details-btn {
 background:#1e4054!important;
 border-color:#5a7587!important;
 color:#ecf4f8!important;
 box-shadow:none!important;
}
/* Semantic statuses: muted dark emerald/amber/rose, not fluorescent pastels. */
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-status--approved {
 background:#194638!important;background-image:none!important;
 color:#b6e9d3!important;border-color:#4c8972!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-status--pending {
 background:#493b29!important;background-image:none!important;
 color:#f1d59e!important;border-color:#9d7e4d!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-status--rejected {
 background:#492e39!important;background-image:none!important;
 color:#f1bbc5!important;border-color:#91606a!important;
}
/* Compact pagination retains current page number, rows and positions. */
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-pagination {
 background:linear-gradient(115deg,#142f42,#0c2639)!important;
 border-color:#a78953!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .ot18-page-controls button:not(.is-selected):not(.is-current) {
 background:#1c3c51!important;border-color:#577387!important;color:#edf3f8!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .ot18-page-controls button:is(.is-selected,.is-current) {
 background:linear-gradient(140deg,#dfb96f,#c99a4d)!important;
 border-color:#b48d4e!important;color:#172b3e!important;
 box-shadow:0 3px 8px rgba(0,7,15,.15)!important;
}
/* Rate multipliers / summary surfaces match midnight page, not pale gold. */
html[data-theme="dark"] body .thrs-page-overtime-management :is(.thrs-ot-rate-card,.thrs-ot-summary-card) {
 background:linear-gradient(145deg,#1a394d,#142f42)!important;
 border-color:#4d6d7f!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .ot18-rate-icon {
 background:#3d3a2f!important;
 background-image:none!important;
 border:1px solid #98804e!important;
 color:#e2b565!important;
 box-shadow:none!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-rate-values>span {
 background:#19394d!important;border-color:#4d6d7f!important;color:#edf4f8!important;
 box-shadow:none!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-rate-values strong {
 color:#e3b765!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-summary-grid article {
 background:#1a3b4f!important;border-color:#4f7183!important;color:#edf4f9!important;
}
html[data-theme="dark"] body .thrs-page-overtime-management .thrs-ot-summary-values>span {
 background:#213f52!important;color:#d9e8f1!important;border-color:#4f6e82!important;
}
/* Dedicated details popup: tone only, no permission or approval changes. */
html[data-theme="dark"] body:has(.thrs-page-overtime-management) .ot18-detail>div:not(.ot18-detail-footer) {
 background:#193a4d!important;border-color:#527184!important;color:#e8f2f8!important;
}
html[data-theme="dark"] body:has(.thrs-page-overtime-management) .ot18-detail-reason {
 background:#1b3b4e!important;border-color:#537285!important;color:#eaf2f8!important;
}
/* Only paint properties. No layout/size/spacing/position declarations. */
