/* THRS V14.16 — Overtime Premium Visual Studio
 * Presentation-only overlay, no workflow/permission/table-column changes.
 * Scoped to Overtime React route, including its own portal modals. */
html[data-theme="light"] .thrs-page-overtime-management {
 --ov16-paper:#fff;
 --ov16-soft:#f7f9fc;
 --ov16-elevated:#f0f5fa;
 --ov16-text:#142d46;
 --ov16-muted:#61778e;
 --ov16-border:#dce6ee;
 --ov16-hair:#eaf0f5;
 --ov16-gold:#b98542;
 --ov16-gold-text:#98662d;
 --ov16-shadow:0 3px 8px rgba(15,45,73,.018),0 12px 31px rgba(15,45,73,.072);
 --ov16-shadow-hover:0 7px 15px rgba(15,45,73,.03),0 22px 45px rgba(15,45,73,.12);
 --ov16-ring:rgba(188,140,73,.2);
 --ov16-navy:#0d304f;
}
html[data-theme="dark"] .thrs-page-overtime-management {
 --ov16-paper:#142f48;
 --ov16-soft:#1b3a55;
 --ov16-elevated:#24445f;
 --ov16-text:#f0f6fc;
 --ov16-muted:#c3d2df;
 --ov16-border:#3b5c77;
 --ov16-hair:#2b4b66;
 --ov16-gold:#ebc589;
 --ov16-gold-text:#f2d69e;
 --ov16-shadow:0 5px 12px rgba(0,10,22,.13),0 16px 34px rgba(0,10,22,.24);
 --ov16-shadow-hover:0 9px 17px rgba(0,10,22,.16),0 25px 45px rgba(0,10,22,.31);
 --ov16-ring:rgba(233,197,139,.2);
 --ov16-navy:#0b2942;
}
html[data-theme] .thrs-page-overtime-management {
 color:var(--ov16-text) !important;
 -webkit-font-smoothing:antialiased;
 font-feature-settings:"tnum" 1,"lnum" 1;
}
html[data-theme] .thrs-page-overtime-management::before {
 background:radial-gradient(ellipse at 83% 0%,rgba(185,133,66,.058),transparent 34%),
 radial-gradient(ellipse at 8% 0%,rgba(42,97,137,.045),transparent 31%),
 var(--bg-primary,#f4f7fb) !important;
}
html[data-theme="dark"] .thrs-page-overtime-management::before {
 background:radial-gradient(ellipse at 85% 0%,rgba(210,161,97,.07),transparent 31%),#0b1c30 !important;
}
html[data-theme] .thrs-page-overtime-management :is(h1,h2,h3,strong) {
 text-wrap:pretty;
}
/* Editorial title bar — same layout and CTA. */
html[data-theme] .thrs-page-overtime-management .thrs-ot-hero {
 border:1px solid var(--ov16-border) !important;
 border-radius:19px !important;
 background:radial-gradient(ellipse at 91% 0%,color-mix(in srgb,var(--ov16-gold) 10%,transparent),transparent 55%),
 linear-gradient(134deg,var(--ov16-paper),var(--ov16-soft)) !important;
 box-shadow:var(--ov16-shadow),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-hero::after {
 background:linear-gradient(90deg,transparent 2%,#a67536 17%,#eed1a3 52%,#ab793d 84%,transparent) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-hero-icon {
 background:linear-gradient(145deg,#1b4b6c,#092a44) !important;
 border:1px solid rgba(215,177,115,.8) !important;
 border-radius:14px !important;
 color:#f9dfa8 !important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 6px 14px rgba(9,40,63,.15) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-eyebrow {
 color:var(--ov16-gold-text) !important;
 font-size:10px !important;
 font-weight:880 !important;
 letter-spacing:.1em !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-hero .page-title {
 font-weight:900 !important;
 letter-spacing:-.042em !important;
 line-height:1.16 !important;
 color:var(--ov16-text) !important;
 text-shadow:none !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-hero p {
 color:var(--ov16-muted) !important;
 font-size:12px !important;
 line-height:1.6 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-request-btn {
 background:linear-gradient(132deg,#204d6b,#0a2b46) !important;
 color:#fff !important;
 border:1px solid #bb9662 !important;
 border-radius:11px !important;
 box-shadow:0 6px 17px rgba(7,36,61,.16) !important;
 font-size:12px !important;
 font-weight:865 !important;
 transition:filter .17s ease,box-shadow .17s ease !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-request-btn:hover:not(:disabled) {
 filter:brightness(1.09);
 box-shadow:0 10px 20px rgba(9,36,58,.20) !important;
}
/* Four real KPI cards: tactile glass+porcelain; status colors still meaningful */
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi {
 border:1px solid var(--ov16-border) !important;
 border-top:3px solid var(--ov16-accent) !important;
 border-radius:16px !important;
 background:radial-gradient(ellipse at 95% 7%,color-mix(in srgb,var(--ov16-accent) 9%,transparent),transparent 65%),
 linear-gradient(155deg,var(--ov16-paper),var(--ov16-soft)) !important;
 box-shadow:var(--ov16-shadow) !important;
 transition:box-shadow .2s,border-color .2s,transform .2s !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi--amber {--ov16-accent:#db9c3d;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi--green {--ov16-accent:#27ad84;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi--red {--ov16-accent:#da5968;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi--blue {--ov16-accent:#4687d5;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi:hover {
 box-shadow:var(--ov16-shadow-hover) !important;
 border-color:color-mix(in srgb,var(--ov16-accent) 36%,var(--ov16-border)) !important;
 transform:translateY(-2px);
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi span {
 color:var(--ov16-muted) !important;
 font-size:11px !important;
 font-weight:820 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi strong {
 color:var(--ov16-text) !important;
 font-size:clamp(26px,2.25vw,34px) !important;
 font-weight:930 !important;
 line-height:1.11 !important;
 letter-spacing:-.035em !important;
 font-variant-numeric:tabular-nums;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi small {
 color:var(--ov16-muted) !important;
 font-size:10px !important;
 font-weight:580 !important;
}
/* Existing two segmented tabs — clarity, not a new navigation system. */
html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs {
 background:var(--ov16-paper) !important;
 border:1px solid var(--ov16-border) !important;
 border-radius:12px !important;
 box-shadow:0 3px 10px rgba(15,44,72,.035) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs button {
 color:var(--ov16-muted) !important;
 background:transparent !important;
 border-radius:9px !important;
 font-size:12px !important;
 font-weight:850 !important;
 transition:color .17s,background-color .17s,box-shadow .17s !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs button:hover:not(.is-active) {
 color:var(--ov16-text) !important;
 background:var(--ov16-soft) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs button.is-active {
 color:#fff !important;
 background:linear-gradient(131deg,#1d4b6a,#0b2e4b) !important;
 box-shadow:0 4px 12px rgba(9,41,70,.15) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs button span {
 background:var(--ov16-soft) !important;
 color:var(--ov16-text) !important;
 border:1px solid var(--ov16-border) !important;
 font-size:10px !important;
 font-weight:900 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs button.is-active span {
 background:rgba(242,219,178,.15) !important;
 border-color:rgba(241,210,159,.34) !important;
 color:#ffe5b7 !important;
}
/* Request queue filters; readable native input/select in both themes. */
html[data-theme] .thrs-page-overtime-management .thrs-ot-filters {
 background:linear-gradient(160deg,var(--ov16-paper),var(--ov16-soft)) !important;
 border:1px solid var(--ov16-border) !important;
 border-radius:16px !important;
 box-shadow:var(--ov16-shadow) !important;
}
html[data-theme] .thrs-page-overtime-management :is(.thrs-ot-filters label>span,.thrs-ot-filter-label,.thrs-ot-section-head label>span) {
 color:var(--ov16-muted) !important;
 font-size:10px !important;
 font-weight:800 !important;
 letter-spacing:.055em !important;
}
html[data-theme] .thrs-page-overtime-management :is(
 .thrs-ot-filters input,.thrs-ot-filters select,.thrs-ot-month-trigger,
 .thrs-ot-section-head select
) {
 color:var(--ov16-text) !important;
 -webkit-text-fill-color:var(--ov16-text) !important;
 background:var(--ov16-paper) !important;
 border:1px solid var(--ov16-border) !important;
 border-radius:10px !important;
 box-shadow:inset 0 1px 2px rgba(8,38,63,.025) !important;
 font-size:12px !important;
 font-weight:660 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-filters input::placeholder {
 color:var(--ov16-muted) !important;
 -webkit-text-fill-color:var(--ov16-muted) !important;
 opacity:.86 !important;
}
html[data-theme] .thrs-page-overtime-management :is(
 .thrs-ot-filters input,.thrs-ot-filters select,.thrs-ot-month-trigger,
 .thrs-ot-section-head select
):focus-visible {
 outline:2px solid var(--ov16-gold) !important;
 outline-offset:2px !important;
 box-shadow:0 0 0 3px var(--ov16-ring) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-month-trigger-icon {
 color:var(--ov16-gold-text) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-filters>button {
 color:var(--ov16-text) !important;
 border:1px solid var(--ov16-border) !important;
 border-radius:10px !important;
 background:var(--ov16-paper) !important;
 box-shadow:none !important;
 font-size:11px !important;
 font-weight:820 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-filters>button:hover:not(:disabled) {
 background:var(--ov16-soft) !important;
 border-color:var(--ov16-gold) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-filters>button:disabled {
 opacity:.5 !important;cursor:not-allowed !important;
}
/* Gold-accented month popover, preserving original 12 buttons and keyboard flow. */
html[data-theme] .thrs-page-overtime-management .thrs-ot-month-popover {
 color:var(--ov16-text) !important;
 background:linear-gradient(160deg,var(--ov16-paper),var(--ov16-soft)) !important;
 border:1px solid var(--ov16-border) !important;
 border-radius:15px !important;
 box-shadow:0 20px 46px rgba(4,23,42,.21),0 4px 12px rgba(5,29,48,.075) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-month-header strong{
 color:var(--ov16-text) !important;
 font-weight:900 !important;
}
html[data-theme] .thrs-page-overtime-management :is(.thrs-ot-month-header button,.thrs-ot-month-footer button) {
 background:var(--ov16-soft) !important;
 color:var(--ov16-text) !important;
 border:1px solid var(--ov16-border) !important;
 border-radius:9px !important;
 font-weight:790 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-month-grid button {
 color:var(--ov16-muted) !important;
 border-radius:9px !important;
 font-size:11px !important;
 font-weight:850 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-month-grid button:hover:not(.is-selected) {
 color:var(--ov16-text) !important;
 background:var(--ov16-elevated) !important;
 border-color:var(--ov16-border) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-month-grid button.is-selected,
html[data-theme] .thrs-page-overtime-management .thrs-ot-month-footer button.is-primary {
 color:#fff !important;
 background:linear-gradient(125deg,#1c4969,#0c2e4c) !important;
 border-color:#b79561 !important;
 box-shadow:0 3px 10px rgba(9,38,66,.14) !important;
}
/* Request and summary panels — unifying visual surfaces without moving layout. */
html[data-theme] .thrs-page-overtime-management :is(.thrs-ot-table-card,.thrs-ot-summary-card,.thrs-ot-rate-card) {
 color:var(--ov16-text) !important;
 background:linear-gradient(160deg,var(--ov16-paper),var(--ov16-soft)) !important;
 border:1px solid var(--ov16-border) !important;
 border-radius:17px !important;
 box-shadow:var(--ov16-shadow) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-section-head{
 border-bottom:1px solid var(--ov16-hair) !important;
 background:linear-gradient(146deg,var(--ov16-paper),var(--ov16-soft)) !important;
}
html[data-theme] .thrs-page-overtime-management :is(.thrs-ot-section-head h2,.thrs-ot-rate-card h2) {
 color:var(--ov16-text) !important;
 font-size:17px !important;
 font-weight:900 !important;
 letter-spacing:-.02em !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-section-head>div>span {
 color:var(--ov16-gold-text) !important;
 font-size:10px !important;
 font-weight:900 !important;
}
html[data-theme] .thrs-page-overtime-management :is(.thrs-ot-section-head p,.thrs-ot-rate-card p) {
 color:var(--ov16-muted) !important;
 font-size:11px !important;
 line-height:1.55 !important;
}
/* Table retains all request/approval actions and existing scroll behavior. */
html[data-theme] .thrs-page-overtime-management .thrs-ot-table-wrap {
 scrollbar-color:color-mix(in srgb,var(--ov16-gold) 40%,var(--ov16-border)) transparent;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table th {
 color:var(--ov16-muted) !important;
 background:var(--ov16-soft) !important;
 border-bottom:1px solid var(--ov16-border) !important;
 font-size:10.5px !important;
 font-weight:880 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table td {
 color:var(--ov16-text) !important;
 background:var(--ov16-paper) !important;
 border-bottom-color:var(--ov16-hair) !important;
 font-size:12px !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table tbody tr:nth-child(even) td {
 background:color-mix(in srgb,var(--ov16-soft) 65%,var(--ov16-paper)) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table tbody tr:hover td {
 background:color-mix(in srgb,var(--ov16-gold) 7%,var(--ov16-soft)) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-employee>span {
 color:#fff !important;
 background:linear-gradient(140deg,#245779,#0a304e) !important;
 border:1px solid rgba(212,176,122,.48) !important;
 box-shadow:0 2px 7px rgba(10,45,69,.11) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-employee strong {
 color:var(--ov16-text) !important;
 font-size:12px !important;
 font-weight:850 !important;
}
html[data-theme] .thrs-page-overtime-management :is(.thrs-ot-hours,.thrs-ot-date) {
 color:var(--ov16-text) !important;
 font-size:11.5px !important;
 font-weight:770 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-reason {
 color:var(--ov16-muted) !important;
 font-size:11px !important;
 line-height:1.5 !important;
}
/* Status meaning remains green / amber / red in both themes. */
html[data-theme] .thrs-page-overtime-management .thrs-ot-status{
 border-radius:999px !important;
 font-size:10px !important;
 font-weight:880 !important;
 box-shadow:none !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-status--approved {
 background:#def7ed !important;color:#087653 !important;border-color:#bbe8d6 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-status--pending {
 background:#fff1d5 !important;color:#91550b !important;border-color:#f0d59b !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-status--rejected {
 background:#ffebee !important;color:#a72e42 !important;border-color:#f1bec8 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-actions .thrs-btn {
 border-radius:8px !important;
 font-size:11px !important;font-weight:845 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-actions .thrs-btn-secondary {
 color:var(--ov16-text) !important;
 background:var(--ov16-soft) !important;
 border:1px solid var(--ov16-border) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-actions .thrs-btn-danger {
 color:#fff !important;
 background:linear-gradient(125deg,#d54d61,#b7334a) !important;
 border-color:rgba(150,43,65,.4) !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-pagination {
 color:var(--ov16-muted) !important;
 border-top:1px solid var(--ov16-hair) !important;
 background:var(--ov16-soft) !important;
 font-size:11px !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-pagination button {
 color:var(--ov16-text) !important;
 background:var(--ov16-paper) !important;
 border:1px solid var(--ov16-border) !important;
 border-radius:9px !important;
 font-size:11px !important;
 font-weight:850 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-pagination button:hover:not(:disabled){
 background:var(--ov16-elevated) !important;
 border-color:var(--ov16-gold) !important;
}
/* Monthly Summary card treatment; preserve all employee/month results. */
html[data-theme] .thrs-page-overtime-management .thrs-ot-summary-grid article {
 background:linear-gradient(155deg,var(--ov16-paper),var(--ov16-soft)) !important;
 border:1px solid var(--ov16-border) !important;
 border-radius:13px !important;
 box-shadow:0 3px 10px rgba(12,44,72,.035) !important;
 transition:box-shadow .2s,border-color .2s,transform .2s !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-summary-grid article:hover {
 border-color:color-mix(in srgb,var(--ov16-gold) 34%,var(--ov16-border)) !important;
 box-shadow:var(--ov16-shadow-hover) !important;
 transform:translateY(-2px);
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-summary-grid article strong {
 color:var(--ov16-text) !important;
 font-size:12px !important;font-weight:865 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-summary-grid article>div:first-child span,
html[data-theme] .thrs-page-overtime-management .thrs-ot-summary-values span {
 color:var(--ov16-muted) !important;
 font-size:10px !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-summary-values b {
 color:var(--ov16-text) !important;
 font-size:13px !important;
 font-weight:890 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-empty {
 color:var(--ov16-muted) !important;
 font-size:12px !important;
}
/* Rate configuration, reference-only values — no currency or data edits. */
html[data-theme] .thrs-page-overtime-management .thrs-ot-rate-values>span{
 color:var(--ov16-muted) !important;
 background:var(--ov16-paper) !important;
 border:1px solid var(--ov16-border) !important;
 border-radius:10px !important;
 font-size:10px !important;
 font-weight:730 !important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-rate-values strong{
 color:var(--ov16-gold-text) !important;
 font-size:20px !important;
 font-weight:900 !important;
}
/* Portal modals: CSS matches route presence only, not global THRS. */
html[data-theme="light"] body:has(.thrs-page-overtime-management) .thrs-modal-overlay{
 --ot16-modal:#fff;--ot16-modal-soft:#f9fbff;--ot16-modal-ink:#132d46;
 --ot16-modal-muted:#60788e;--ot16-modal-border:#dce5ee;--ot16-modal-gold:#b98746;
}
html[data-theme="dark"] body:has(.thrs-page-overtime-management) .thrs-modal-overlay{
 --ot16-modal:#172f49;--ot16-modal-soft:#1b3c56;--ot16-modal-ink:#f0f6fc;
 --ot16-modal-muted:#c6d5e1;--ot16-modal-border:#3b5c76;--ot16-modal-gold:#e6be82;
}
html[data-theme] body:has(.thrs-page-overtime-management) .thrs-modal-overlay{
 backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;
}
html[data-theme] body:has(.thrs-page-overtime-management) .thrs-modal-overlay>.thrs-modal-card{
 color:var(--ot16-modal-ink) !important;
 background:var(--ot16-modal) !important;
 border:1px solid var(--ot16-modal-border) !important;
 border-radius:18px !important;
 box-shadow:0 25px 70px rgba(0,14,32,.33),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html[data-theme] body:has(.thrs-page-overtime-management) .thrs-modal-card>div:first-child{
 border-bottom:1px solid var(--ot16-modal-border) !important;
 background:linear-gradient(140deg,var(--ot16-modal),var(--ot16-modal-soft)) !important;
}
html[data-theme] body:has(.thrs-page-overtime-management) .thrs-modal-card>div:first-child h2{
 color:var(--ot16-modal-ink) !important;font-weight:900 !important;
}
html[data-theme] body:has(.thrs-page-overtime-management) .thrs-modal-card .form-label{
 color:var(--ot16-modal-muted) !important;font-size:12px !important;font-weight:825 !important;
}
html[data-theme] body:has(.thrs-page-overtime-management) .thrs-modal-card :is(.form-input,.form-select,textarea,[contenteditable="true"]){
 color:var(--ot16-modal-ink) !important;
 -webkit-text-fill-color:var(--ot16-modal-ink) !important;
 background:var(--ot16-modal-soft) !important;
 border:1px solid var(--ot16-modal-border) !important;
 border-radius:10px !important;
 caret-color:var(--ot16-modal-gold);
}
html[data-theme] body:has(.thrs-page-overtime-management) .thrs-modal-card :is(.form-input,.form-select,textarea,[contenteditable="true"]):focus-visible{
 outline:2px solid var(--ot16-modal-gold) !important;outline-offset:2px !important;
}
html[data-theme] body:has(.thrs-page-overtime-management) .thrs-modal-card .thrs-btn{
 border-radius:10px !important;
 font-weight:845 !important;
}
html[data-theme] body:has(.thrs-page-overtime-management) .thrs-modal-card .thrs-btn-primary{
 color:#fff !important;
 background:linear-gradient(130deg,#1d4a6d,#0b2d49) !important;
 border:1px solid rgba(229,187,127,.44) !important;
 box-shadow:0 5px 15px rgba(8,39,68,.14) !important;
}
html[data-theme="dark"] body:has(.thrs-page-overtime-management) .thrs-modal-card .thrs-btn-primary{
 color:#102b43 !important;
 background:linear-gradient(128deg,#f2d6a4,#dbab6c) !important;
 border-color:#c79c60 !important;
}
html[data-theme] body:has(.thrs-page-overtime-management) .thrs-modal-card .thrs-btn-secondary{
 color:var(--ot16-modal-ink) !important;
 background:var(--ot16-modal-soft) !important;
 border:1px solid var(--ot16-modal-border) !important;
}
html[data-theme] body:has(.thrs-page-overtime-management) .thrs-modal-card .thrs-btn-danger {
 color:#fff !important;
 background:linear-gradient(130deg,#d94d5e,#b63348) !important;
}
html[data-theme] .thrs-page-overtime-management :is(button,input,select,a):focus-visible{
 outline:2px solid var(--ov16-gold) !important;outline-offset:2px !important;
}
@media(prefers-reduced-motion:reduce) {
 html[data-theme] .thrs-page-overtime-management :is(.thrs-ot-kpi,.thrs-ot-summary-grid article,.thrs-ot-tabs button){
  transition:none !important;animation:none !important;transform:none !important;
 }
 html[data-theme] body:has(.thrs-page-overtime-management) .thrs-modal-card {
  animation:none !important;
 }
}