/* THRS V14.18 — Overtime Management | approved navy / gold visual reference
   Scoped to the overtime page. Existing hours, approvals, permissions and APIs remain authoritative. */
html[data-theme="light"] .thrs-page-overtime-management {
  --ot18-paper:#fff;--ot18-soft:#f5f8fd;--ot18-ink:#102d4c;--ot18-muted:#647d98;
  --ot18-border:#d7e3f2;--ot18-gold:#f1b345;--ot18-shadow:0 6px 15px rgba(10,38,71,.045),0 18px 30px rgba(9,38,73,.095);
}
html[data-theme="dark"] .thrs-page-overtime-management {
  --ot18-paper:#142f4a;--ot18-soft:#1b3e58;--ot18-ink:#f1f7fd;--ot18-muted:#c3d3e2;
  --ot18-border:#3c5975;--ot18-gold:#f4c979;--ot18-shadow:0 7px 16px rgba(0,9,24,.19),0 19px 32px rgba(0,9,24,.29);
}
html[data-theme] .thrs-page-overtime-management {max-width:1580px!important;color:var(--ot18-ink)!important;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-hero {
  display:grid!important;grid-template-columns:minmax(230px,1fr) minmax(170px,230px) auto!important;
  align-items:center!important;gap:18px!important;min-height:142px!important;
  padding:18px 22px!important;margin-bottom:13px!important;isolation:isolate!important;position:relative!important;
  border-radius:18px!important;border:1px solid rgba(227,177,86,.58)!important;
  background:radial-gradient(ellipse at 73% 155%,rgba(217,154,42,.18),transparent 43%),linear-gradient(115deg,#071d35 0%,#103b5a 58%,#04192f 100%)!important;
  box-shadow:0 12px 27px rgba(4,30,55,.22),inset 0 1px 0 rgba(255,255,255,.1)!important;
  overflow:hidden!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-hero::after {
  content:""!important;display:block!important;position:absolute!important;z-index:0!important;
  width:640px!important;height:230px!important;inset-inline-start:34%!important;
  inset-block-end:-154px!important;top:auto!important;border-radius:50%!important;
  transform:rotate(-8deg)!important;
  background:repeating-radial-gradient(ellipse at 44% 45%,transparent 0 10px,rgba(235,176,80,.43) 11px 11.7px,transparent 12px 19px)!important;
  opacity:.70!important;pointer-events:none!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-hero-copy {
  display:flex!important;gap:13px!important;align-items:center!important;min-width:0!important;
  position:relative!important;z-index:2!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-hero-copy>div{
  min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-hero-icon {
  flex:0 0 55px!important;width:55px!important;height:55px!important;
  border-radius:15px!important;border:1px solid #edb94c!important;
  background:linear-gradient(135deg,#164766,#06243e)!important;
  color:#f7bf57!important;
  box-shadow:0 5px 15px rgba(0,8,25,.22),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-hero .thrs-ot-eyebrow{
  margin:0 0 4px!important;color:#ffcb6a!important;font-size:10.5px!important;
  letter-spacing:.07em!important;font-weight:920!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-hero .page-title {
  font-size:clamp(23px,2.1vw,34px)!important;font-weight:960!important;
  line-height:1.18!important;letter-spacing:-.042em!important;
  margin:0!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.17)!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-hero p {
  max-width:520px!important;margin:5px 0 0!important;
  color:#ecf3fb!important;font-size:11.7px!important;font-weight:600!important;line-height:1.5!important;
}
html[data-theme] .thrs-page-overtime-management .ot18-hero-art{
  display:block!important;justify-self:center!important;align-self:center!important;
  width:216px!important;height:124px!important;position:relative!important;z-index:2!important;
  background:url('/thrs-overtime-clock-art-v14-18.svg') center/contain no-repeat!important;
  filter:drop-shadow(0 7px 12px rgba(1,10,25,.2))!important;
  pointer-events:none!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-request-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  position:relative!important;z-index:2!important;justify-self:end!important;
  height:43px!important;min-height:43px!important;padding:9px 18px!important;
  background:linear-gradient(145deg,#ffe7a5,#f5be4f 63%,#d89a2d)!important;
  border:1px solid #f3c775!important;border-radius:13px!important;
  color:#0a2945!important;font-size:12.2px!important;font-weight:940!important;
  box-shadow:0 7px 16px rgba(1,20,38,.26),inset 0 1px 0 rgba(255,255,255,.48)!important;
  white-space:nowrap!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-request-btn:hover{
  filter:brightness(1.05)!important;
  box-shadow:0 9px 20px rgba(1,20,38,.29)!important;
}
/* 4 scorecards with oversized calm symbols and informative tinted surfaces */
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:15px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpis .thrs-ot-kpi {
  position:relative!important;overflow:hidden!important;min-width:0!important;
  min-height:114px!important;padding:19px 14px 16px 82px!important;
  border:1px solid var(--ot18-kpi-border)!important;border-top:1px solid var(--ot18-kpi-border)!important;
  border-radius:16px!important;
  background:linear-gradient(126deg,var(--ot18-paper),var(--ot18-kpi-tint))!important;
  box-shadow:var(--ot18-shadow)!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi--amber {
  --ot18-kpi-tint:#fff1d8;--ot18-kpi-border:#f5ddba;--ot18-kpi-color:#cf8e27;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi--green {
  --ot18-kpi-tint:#dcf6e9;--ot18-kpi-border:#b8e8d7;--ot18-kpi-color:#16a875;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi--red {
  --ot18-kpi-tint:#fde1e4;--ot18-kpi-border:#f0bec8;--ot18-kpi-color:#df4d56;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi--blue {
  --ot18-kpi-tint:#e2edff;--ot18-kpi-border:#b9d4f9;--ot18-kpi-color:#2989e3;
}
html[data-theme="dark"] .thrs-page-overtime-management .thrs-ot-kpi{
  --ot18-kpi-tint:var(--ot18-soft)!important;--ot18-kpi-border:var(--ot18-border)!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi .ot18-kpi-icon {
  position:absolute!important;left:18px!important;top:24px!important;
  display:grid!important;place-items:center!important;flex:none!important;
  width:48px!important;height:48px!important;border-radius:15px!important;
  background:color-mix(in srgb,var(--ot18-kpi-color) 12%,#fff)!important;
  color:var(--ot18-kpi-color)!important;
  border:1px solid color-mix(in srgb,var(--ot18-kpi-color) 23%,#fff)!important;
  box-shadow:0 5px 10px rgba(12,37,65,.10)!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi .ot18-kpi-icon svg{
  width:26px!important;height:26px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi>div{
  padding:0!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi>div>span:not(.ot18-kpi-icon),
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi>span:not(.ot18-kpi-icon){
  color:var(--ot18-ink)!important;font-size:11.7px!important;font-weight:870!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi strong {
  color:var(--ot18-ink)!important;font-size:clamp(24px,2.15vw,34px)!important;
  line-height:1.15!important;letter-spacing:-.03em!important;
  font-weight:950!important;margin:5px 0 2px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi small {
  color:var(--ot18-muted)!important;font-size:10.5px!important;font-weight:680!important;
}
/* tabs closer to screenshot; keep real switch */
html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs{
  display:inline-flex!important;width:max-content!important;max-width:100%!important;
  align-items:center!important;gap:8px!important;grid-template-columns:none!important;
  border:0!important;padding:0!important;margin:1px 0 14px!important;
  background:transparent!important;box-shadow:none!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs button{
  display:inline-flex!important;gap:10px!important;justify-content:center!important;align-items:center!important;
  min-height:41px!important;height:41px!important;padding:7px 18px!important;
  border-radius:999px!important;border:1px solid var(--ot18-border)!important;
  background:linear-gradient(145deg,var(--ot18-paper),var(--ot18-soft))!important;
  color:var(--ot18-ink)!important;box-shadow:var(--ot18-shadow)!important;
  font-size:12px!important;font-weight:840!important;white-space:nowrap!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs button svg{
  width:16px!important;height:16px!important;color:#d6a13d!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs button.is-active{
  color:#fff!important;border:1px solid #e7aa41!important;
  background:linear-gradient(135deg,#153f5f,#042440)!important;
  box-shadow:0 6px 13px rgba(10,39,64,.20),0 0 0 2px rgba(226,166,56,.1)!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs button.is-active span{
  background:linear-gradient(130deg,#f8d688,#dfac48)!important;color:#102d48!important;
  border-color:#f8da9d!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs button span{
  margin:0!important;min-width:23px!important;padding:4px 7px!important;font-size:10px!important;
  border-radius:999px!important;
}
/* Filters: icon in search field, preserved dropdown state and month picker. */
html[data-theme] .thrs-page-overtime-management .thrs-ot-filters {
  grid-template-columns:minmax(185px,1.45fr) minmax(130px,.67fr) minmax(150px,.8fr) auto!important;
  align-items:end!important;gap:11px!important;min-height:70px!important;
  padding:13px 15px!important;margin-bottom:14px!important;
  border:1px solid var(--ot18-border)!important;border-radius:16px!important;
  background:linear-gradient(145deg,var(--ot18-paper),var(--ot18-soft))!important;
  box-shadow:var(--ot18-shadow)!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-filters label>span,
html[data-theme] .thrs-page-overtime-management .thrs-ot-filters .thrs-ot-filter-label{
  color:var(--ot18-muted)!important;font-size:10.6px!important;letter-spacing:.045em!important;font-weight:870!important;
}
html[data-theme] .thrs-page-overtime-management .ot18-search-field{
  display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;
  height:40px!important;padding:0 11px!important;
  border-radius:11px!important;border:1px solid var(--ot18-border)!important;
  color:#d69b36!important;background:var(--ot18-paper)!important;box-shadow:0 3px 9px rgba(10,41,71,.07)!important;
}
html[data-theme] .thrs-page-overtime-management .ot18-search-field svg{
  width:18px!important;height:18px!important;flex:0 0 18px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-filters .ot18-search-field input{
  min-width:0!important;flex:1!important;width:100%!important;height:38px!important;
  padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;
  border-radius:0!important;background:transparent!important;
  color:var(--ot18-ink)!important;-webkit-text-fill-color:var(--ot18-ink)!important;
  font-size:12px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-filters .ot18-search-field:focus-within{
  outline:2px solid var(--ot18-gold)!important;outline-offset:2px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-filters :is(select,.thrs-ot-month-trigger){
  height:40px!important;min-height:40px!important;
  border-radius:11px!important;border:1px solid var(--ot18-border)!important;
  background:var(--ot18-paper)!important;color:var(--ot18-ink)!important;box-shadow:0 3px 9px rgba(10,41,71,.065)!important;
  font-size:11.6px!important;font-weight:780!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-filters>button{
  height:40px!important;min-height:40px!important;
  border-radius:10px!important;background:var(--ot18-paper)!important;
  color:var(--ot18-ink)!important;border:1px solid var(--ot18-border)!important;
  font-size:11px!important;font-weight:820!important;
}
/* Request section dark navy title and table columns icons */
html[data-theme] .thrs-page-overtime-management .thrs-ot-table-card {
  overflow:hidden!important;border:1px solid var(--ot18-border)!important;
  border-radius:18px!important;background:var(--ot18-paper)!important;box-shadow:var(--ot18-shadow)!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-section-head {
  padding:13px 16px!important;min-height:72px!important;
  background:linear-gradient(145deg,var(--ot18-paper),var(--ot18-soft))!important;
  border-bottom:1px solid var(--ot18-border)!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-section-head>div>span{
  color:#b77f2d!important;font-size:10px!important;font-weight:900!important;letter-spacing:.085em!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-section-head h2{
  display:flex!important;align-items:center!important;gap:10px!important;
  font-size:18px!important;color:var(--ot18-ink)!important;font-weight:950!important;margin:4px 0!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-section-head h2 svg{
  color:#d49c38!important;flex:0 0 20px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-section-head p{
  font-size:11px!important;font-weight:710!important;color:var(--ot18-muted)!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-section-head select{
  min-height:37px!important;height:37px!important;padding:6px 11px!important;
  color:var(--ot18-ink)!important;background:var(--ot18-paper)!important;
  border:1px solid var(--ot18-border)!important;border-radius:10px!important;
  box-shadow:0 3px 9px rgba(12,42,72,.075)!important;font-weight:850!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table-wrap{
  border:0!important;padding:0 9px!important;background:var(--ot18-paper)!important;
  overflow-x:auto!important;scrollbar-width:thin!important;scrollbar-color:var(--ot18-gold) transparent!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table {
  border-spacing:0!important;border-collapse:collapse!important;min-width:940px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table thead th {
  background:linear-gradient(125deg,#143f5e,#061f38)!important;background-color:#0d3451!important;
  color:#fffaf1!important;border:0!important;height:41px!important;
  border-bottom:1px solid rgba(248,207,133,.26)!important;
  padding:8px 12px!important;font-size:10.5px!important;font-weight:930!important;letter-spacing:.01em!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table thead th:first-child{border-top-left-radius:9px!important;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table thead th:last-child{border-top-right-radius:9px!important;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table thead th .thrs-table-heading{
  color:#fffaf1!important;display:inline-flex!important;align-items:center!important;gap:8px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table thead th .thrs-table-heading::before{
  display:inline-block!important;flex:0 0 15px!important;width:15px!important;height:15px!important;
  color:#f4be58!important;line-height:1!important;font-size:15px!important;font-weight:900!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table thead th:nth-child(1) .thrs-table-heading::before{content:"♙"!important;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table thead th:nth-child(2) .thrs-table-heading::before{content:"▦"!important;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table thead th:nth-child(3) .thrs-table-heading::before{content:"◷"!important;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table thead th:nth-child(4) .thrs-table-heading::before{content:"☰"!important;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table thead th:nth-child(5) .thrs-table-heading::before{content:"✦"!important;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table thead th:nth-child(6) .thrs-table-heading::before{content:"⚙"!important;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table tbody td{
  padding:6px 12px!important;min-height:43px!important;height:44px!important;
  border-bottom:1px solid color-mix(in srgb,var(--ot18-border) 65%,transparent)!important;
  background:var(--ot18-paper)!important;color:var(--ot18-ink)!important;
  font-size:11px!important;font-weight:730!important;vertical-align:middle!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table tbody tr:nth-child(even) td{
  background:var(--ot18-soft)!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table tbody tr:hover td{
  background:color-mix(in srgb,var(--ot18-gold) 7%,var(--ot18-paper))!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table .thrs-ot-employee>span{
  width:30px!important;height:30px!important;flex:0 0 30px!important;
  color:#fff!important;background:linear-gradient(145deg,#18577b,#062f54)!important;
  border:2px solid #e3b45d!important;border-radius:50%!important;
  box-shadow:0 3px 8px rgba(8,41,75,.11)!important;font-size:10px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table .thrs-ot-employee strong{
  color:var(--ot18-ink)!important;font-size:11px!important;font-weight:860!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table .thrs-ot-reason{
  color:var(--ot18-ink)!important;font-size:10.6px!important;font-weight:680!important;
  line-height:1.45!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table .thrs-ot-hours{
  font-size:11px!important;font-weight:930!important;color:var(--ot18-ink)!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table .thrs-ot-status{
  min-height:25px!important;border-radius:999px!important;padding:5px 9px!important;
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  font-size:10px!important;font-weight:920!important;letter-spacing:0!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table .thrs-ot-status::before{
  content:"✓"!important;display:inline-grid!important;place-items:center!important;
  border:1.4px solid currentColor!important;width:13px!important;height:13px!important;
  border-radius:50%!important;flex:0 0 13px!important;font-size:8px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table .thrs-ot-status--pending::before{content:"·"!important;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-table .thrs-ot-status--rejected::before{content:"×"!important;}
html[data-theme] .thrs-page-overtime-management .thrs-ot-actions {
  display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-actions .ot18-details-btn{
  min-height:29px!important;padding:5px 10px!important;
  display:inline-flex!important;justify-content:center!important;align-items:center!important;gap:6px!important;
  border-radius:999px!important;
  background:linear-gradient(140deg,var(--ot18-paper),var(--ot18-soft))!important;
  border:1px solid var(--ot18-border)!important;
  color:var(--ot18-ink)!important;box-shadow:0 3px 7px rgba(9,39,67,.075)!important;
  font:inherit!important;font-size:10.5px!important;font-weight:850!important;cursor:pointer!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-actions .ot18-details-btn:hover,
html[data-theme] .thrs-page-overtime-management .thrs-ot-actions .ot18-details-btn:focus-visible{
  border-color:var(--ot18-gold)!important;outline-offset:2px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-actions .thrs-btn{
  min-height:29px!important;padding:5px 8px!important;font-size:10px!important;
}
/* gold/navy paginator with real 10/25/50 switch and numeric buttons */
html[data-theme] .thrs-page-overtime-management .thrs-ot-pagination{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;flex-wrap:wrap!important;
  min-height:66px!important;padding:10px 14px!important;margin:10px 9px 9px!important;
  border:1px solid #d6a454!important;border-top:2px solid #e2b45d!important;
  border-radius:12px!important;
  background:radial-gradient(ellipse at 83% -85%,rgba(236,186,83,.17),transparent 48%),linear-gradient(115deg,#103c5b,#041d35)!important;
  box-shadow:0 6px 15px rgba(8,36,61,.15)!important;color:#f6f9fd!important;
}
html[data-theme] .thrs-page-overtime-management .ot18-page-info{
  display:flex!important;align-items:center!important;gap:12px!important;
}
html[data-theme] .thrs-page-overtime-management .ot18-page-info svg{color:#e7b14f!important;flex:0 0 24px!important;}
html[data-theme] .thrs-page-overtime-management .ot18-page-info span{display:flex!important;flex-direction:column!important;gap:5px!important;}
html[data-theme] .thrs-page-overtime-management .ot18-page-info strong{font-size:11px!important;color:#fff!important;font-weight:910!important;}
html[data-theme] .thrs-page-overtime-management .ot18-page-info small{font-size:10px!important;color:#d5e6f5!important;font-weight:720!important;}
html[data-theme] .thrs-page-overtime-management .ot18-page-controls{
  display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;
}
html[data-theme] .thrs-page-overtime-management .ot18-page-sizes{
  display:flex!important;align-items:center!important;gap:5px!important;
  font-size:10.7px!important;color:#e6f1f9!important;font-weight:800!important;
  margin-right:8px!important;
}
html[data-theme] .thrs-page-overtime-management .ot18-page-controls button{
  min-height:33px!important;height:33px!important;min-width:32px!important;
  padding:5px 10px!important;border-radius:10px!important;
  background:linear-gradient(145deg,#154363,#082a46)!important;border:1px solid #42617b!important;
  color:#f9fbff!important;font-size:10.6px!important;font-weight:900!important;
  box-shadow:0 3px 8px rgba(0,12,30,.13)!important;cursor:pointer!important;
}
html[data-theme] .thrs-page-overtime-management .ot18-page-controls button.is-selected,
html[data-theme] .thrs-page-overtime-management .ot18-page-controls button.is-current{
  background:linear-gradient(135deg,#ffdfa1,#dca548)!important;border-color:#f0c983!important;
  color:#0f304e!important;box-shadow:0 4px 9px rgba(0,11,24,.24)!important;
}
html[data-theme] .thrs-page-overtime-management .ot18-page-controls button:disabled{opacity:.43!important;cursor:default!important;}
html[data-theme] .thrs-page-overtime-management .ot18-page-divider{
  width:1px!important;height:26px!important;min-width:1px!important;
  background:rgba(225,191,132,.4)!important;margin:0 6px!important;
}
/* multiplier values in compact icon cards */
html[data-theme] .thrs-page-overtime-management .thrs-ot-rate-card{
  min-height:94px!important;padding:15px 18px!important;gap:14px!important;
  border-radius:16px!important;background:linear-gradient(145deg,var(--ot18-paper),var(--ot18-soft))!important;
  border:1px solid var(--ot18-border)!important;box-shadow:var(--ot18-shadow)!important;
}
html[data-theme] .thrs-page-overtime-management .ot18-rate-title{
  display:flex!important;gap:12px!important;align-items:center!important;min-width:0!important;
}
html[data-theme] .thrs-page-overtime-management .ot18-rate-icon{
  display:grid!important;place-items:center!important;width:45px!important;height:45px!important;
  flex:0 0 45px!important;border-radius:12px!important;
  background:linear-gradient(145deg,#fff5dd,#f6e7cb)!important;color:#cb8e28!important;
  box-shadow:0 4px 9px rgba(99,68,27,.09)!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-rate-values{
  display:grid!important;grid-template-columns:repeat(2,minmax(145px,1fr))!important;gap:10px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-rate-values>span{
  position:relative!important;min-height:58px!important;
  border-radius:12px!important;padding:10px 12px 9px 46px!important;
  background:var(--ot18-paper)!important;color:var(--ot18-ink)!important;
  border:1px solid var(--ot18-border)!important;box-shadow:0 3px 8px rgba(10,37,64,.07)!important;
  font-size:10.5px!important;font-weight:850!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-rate-values>span svg{
  position:absolute!important;left:12px!important;top:16px!important;
  color:#c38d2c!important;width:22px!important;height:22px!important;
}
html[data-theme] .thrs-page-overtime-management .thrs-ot-rate-values strong{
  margin-top:3px!important;color:#c18724!important;font-size:22px!important;
  font-weight:960!important;line-height:1.1!important;
}
/* read-only request details dialog */
html[data-theme] body:has(.thrs-page-overtime-management) .ot18-detail{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  color:var(--ot16-modal-ink,var(--text-primary))!important;
}
html[data-theme] body:has(.thrs-page-overtime-management) .ot18-detail>div:not(.ot18-detail-footer){
  display:flex!important;flex-direction:column!important;gap:7px!important;
  padding:12px!important;border-radius:11px!important;
  border:1px solid var(--ot16-modal-border,var(--border-color))!important;
  background:var(--ot16-modal-soft,var(--bg-card))!important;
}
html[data-theme] body:has(.thrs-page-overtime-management) .ot18-detail strong{font-size:11px!important;font-weight:900!important;}
html[data-theme] body:has(.thrs-page-overtime-management) .ot18-detail span{font-size:12px!important;}
html[data-theme] body:has(.thrs-page-overtime-management) :is(.ot18-detail-reason,.ot18-detail-footer){
  grid-column:1/-1!important;
}
html[data-theme] body:has(.thrs-page-overtime-management) .ot18-detail-reason{
  padding:12px!important;border-radius:11px!important;border:1px solid var(--ot16-modal-border,var(--border-color))!important;
  overflow-wrap:anywhere!important;
}
html[data-theme] body:has(.thrs-page-overtime-management) .ot18-detail-reason .rich-text-view{margin-top:8px!important;}
html[data-theme] body:has(.thrs-page-overtime-management) .ot18-detail-footer{display:flex!important;justify-content:flex-end!important;}
/* Compact and responsive, preserves interaction and internal table scroll. */
@media(max-width:1320px){
 html[data-theme] .thrs-page-overtime-management .thrs-ot-hero{grid-template-columns:minmax(250px,1fr) 155px auto!important;gap:10px!important;}
 html[data-theme] .thrs-page-overtime-management .ot18-hero-art{width:166px!important;height:108px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-kpis .thrs-ot-kpi{padding-left:67px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi .ot18-kpi-icon{left:11px!important;width:44px!important;height:44px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-rate-card{align-items:flex-start!important;flex-direction:column!important;}
}
@media(max-width:1080px){
 html[data-theme] .thrs-page-overtime-management .thrs-ot-hero{grid-template-columns:minmax(0,1fr) 145px!important;grid-template-rows:auto auto!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-hero-copy{grid-column:1!important;grid-row:1!important;}
 html[data-theme] .thrs-page-overtime-management .ot18-hero-art{grid-column:2!important;grid-row:1!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-request-btn{grid-column:1/-1!important;grid-row:2!important;justify-self:start!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
 html[data-theme] .thrs-page-overtime-management .thrs-ot-hero{display:flex!important;align-items:stretch!important;flex-direction:column!important;padding:18px!important;gap:12px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-hero-copy{padding-right:85px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-hero-icon{width:44px!important;height:44px!important;flex-basis:44px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-hero .page-title{font-size:22px!important;}
 html[data-theme] .thrs-page-overtime-management .ot18-hero-art{position:absolute!important;top:5px!important;right:7px!important;width:93px!important;height:92px!important;opacity:.83!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-request-btn{width:100%!important;justify-self:stretch!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-tabs button{padding:6px 8px!important;font-size:10.6px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-filters>.thrs-ot-search{grid-column:1/-1!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-section-head{align-items:center!important;flex-direction:row!important;flex-wrap:wrap!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-pagination{padding:11px!important;}
 html[data-theme] .thrs-page-overtime-management .ot18-page-controls{justify-content:flex-start!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-rate-values{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:430px){
 html[data-theme] .thrs-page-overtime-management .thrs-ot-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-kpis .thrs-ot-kpi{min-height:99px!important;padding:14px 8px 12px 50px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi .ot18-kpi-icon{left:6px!important;top:21px!important;width:36px!important;height:36px!important;border-radius:10px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi .ot18-kpi-icon svg{width:21px!important;height:21px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi strong{font-size:19px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-kpi small{font-size:9.3px!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-filters>button{grid-column:1/-1!important;}
 html[data-theme] .thrs-page-overtime-management .thrs-ot-rate-values{grid-template-columns:1fr!important;}
 html[data-theme] .thrs-page-overtime-management .ot18-page-sizes{flex-wrap:wrap!important;gap:4px!important;}
 html[data-theme] body:has(.thrs-page-overtime-management) .ot18-detail{grid-template-columns:1fr!important;}
}
@media(prefers-reduced-motion:reduce){
 html[data-theme] .thrs-page-overtime-management :is(.thrs-ot-kpi,.thrs-ot-request-btn,.thrs-ot-tabs button){
  animation:none!important;transition:none!important;transform:none!important;
 }
}