/* THRS V14.22 — Work Schedules Signature Luxury Finish.
   Presentation only. No React data, permissions, shift rules, or page rearrange. */
html[data-theme="light"] .work-schedules-pro {
  --ws22-paper:#ffffff;--ws22-soft:#f6f9fd;--ws22-soft2:#eaf1f9;
  --ws22-ink:#122e49;--ws22-muted:#566f87;--ws22-border:#d9e5ef;
  --ws22-gold:#ac7839;--ws22-gold-soft:#f9ecda;
  --ws22-shadow:0 4px 12px rgba(13,42,71,.035),0 14px 31px rgba(13,42,71,.07);
  --ws22-shadow-hover:0 6px 17px rgba(12,45,75,.075),0 19px 37px rgba(12,45,75,.11);
}
html[data-theme="dark"] .work-schedules-pro {
  --ws22-paper:#15334e;--ws22-soft:#1d3d58;--ws22-soft2:#274966;
  --ws22-ink:#f2f7ff;--ws22-muted:#c6d6e6;--ws22-border:#3a5c78;
  --ws22-gold:#f1c990;--ws22-gold-soft:#314961;
  --ws22-shadow:0 6px 13px rgba(1,12,27,.13),0 17px 37px rgba(1,12,27,.26);
  --ws22-shadow-hover:0 8px 18px rgba(1,12,27,.19),0 20px 43px rgba(1,12,27,.34);
}
html[data-theme] .work-schedules-pro {
  color:var(--ws22-ink) !important;
  background:radial-gradient(ellipse at 11% 0%,color-mix(in srgb,var(--ws22-gold) 7%,transparent),transparent 34%),transparent !important;
  min-width:0 !important;
  font-feature-settings:"tnum" 1,"lnum" 1;
}
html[data-theme] .work-schedules-pro .ws-hero {
  background:radial-gradient(ellipse at 86% -60%,rgba(244,207,144,.16),transparent 54%),
    radial-gradient(ellipse at 0% 120%,rgba(42,118,160,.28),transparent 56%),
    linear-gradient(128deg,#071d32 0%,#123a59 57%,#0a283f 100%) !important;
  border:1px solid rgba(237,199,139,.42) !important;
  border-radius:22px !important;
  box-shadow:0 17px 40px rgba(8,36,63,.19),inset 0 1px 0 rgba(255,255,255,.09) !important;
}
html[data-theme] .work-schedules-pro .ws-hero::before {
  background:radial-gradient(circle,rgba(240,199,130,.20),transparent 65%) !important;
}
html[data-theme] .work-schedules-pro .ws-hero::after {
  background:radial-gradient(circle,rgba(68,150,199,.17),transparent 72%) !important;
}
html[data-theme] .work-schedules-pro .ws-eyebrow{
  color:#f7deb5 !important;
  border:1px solid rgba(237,202,150,.34) !important;
  background:rgba(6,31,53,.45) !important;
  font-weight:810 !important;
  letter-spacing:.02em;
}
html[data-theme] .work-schedules-pro .ws-hero h1{
  color:#fff !important;
  font-weight:950 !important;
  line-height:1.22 !important;
  letter-spacing:-.03em !important;
  text-shadow:0 2px 9px rgba(2,16,32,.12);
}
html[data-theme] .work-schedules-pro .ws-hero p{
  color:#d7e4f1 !important;
  font-size:13px !important;
  line-height:1.75 !important;
}
html[data-theme] .work-schedules-pro .ws-kpi{
  background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.055)) !important;
  border:1px solid rgba(217,232,244,.22) !important;
  border-radius:14px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 6px 17px rgba(0,17,35,.07) !important;
}
html[data-theme] .work-schedules-pro .ws-kpi .icon{color:#f1cb93 !important}
html[data-theme] .work-schedules-pro .ws-kpi .value{
  color:#fff !important;font-weight:950 !important;
  font-size:clamp(21px,1.8vw,27px) !important;
}
html[data-theme] .work-schedules-pro .ws-kpi .label{
  color:#d7e4ef !important;font-weight:740 !important;
}
/* The existing four tabs retain their layout, order and handlers. */
html[data-theme] .work-schedules-pro .ws-panel{
  background:linear-gradient(150deg,var(--ws22-paper),var(--ws22-soft)) !important;
  border:1px solid var(--ws22-border) !important;
  border-radius:17px !important;
  box-shadow:var(--ws22-shadow) !important;
  color:var(--ws22-ink) !important;
  min-width:0 !important;
}
html[data-theme] .work-schedules-pro .ws-tabs-card{
  border-color:color-mix(in srgb,var(--ws22-gold) 30%,var(--ws22-border)) !important;
}
html[data-theme] .work-schedules-pro .ws-tabs{
  background:linear-gradient(145deg,var(--ws22-paper),var(--ws22-soft)) !important;
  border-radius:15px !important;
}
html[data-theme] .work-schedules-pro .ws-tab{
  background:var(--ws22-paper) !important;
  color:var(--ws22-muted) !important;
  border:1px solid var(--ws22-border) !important;
  box-shadow:none !important;
  border-radius:12px !important;
  transition:border-color .18s,background .18s,box-shadow .18s !important;
}
html[data-theme] .work-schedules-pro .ws-tab:hover{
  color:var(--ws22-ink) !important;
  background:var(--ws22-soft2) !important;
  border-color:color-mix(in srgb,var(--ws22-gold) 44%,var(--ws22-border)) !important;
}
html[data-theme] .work-schedules-pro .ws-tab.active{
  color:#fff !important;
  background:linear-gradient(134deg,#1a4a6a,#0b2b46) !important;
  border:1px solid #c89e65 !important;
  box-shadow:0 7px 17px rgba(6,38,63,.17),inset 0 1px 0 rgba(255,255,255,.10) !important;
}
html[data-theme] .work-schedules-pro .ws-tab.active small{color:#e2ebf5 !important}
html[data-theme] .work-schedules-pro .ws-tab small{
  color:var(--ws22-muted) !important;
  font-size:10px !important;font-weight:690 !important;
}
html[data-theme] .work-schedules-pro .ws-tab-icon{
  color:var(--ws22-gold) !important;
  background:color-mix(in srgb,var(--ws22-gold) 10%,var(--ws22-soft)) !important;
  border:1px solid color-mix(in srgb,var(--ws22-gold) 24%,var(--ws22-border)) !important;
  border-radius:10px !important;
}
html[data-theme] .work-schedules-pro .ws-tab.active .ws-tab-icon{
  background:rgba(241,206,155,.17) !important;
  border-color:rgba(237,204,158,.3) !important;
  color:#f3d9ad !important;
}
html[data-theme] .work-schedules-pro .ws-filter-card>.thrs-card-header,
html[data-theme] .work-schedules-pro .ws-panel>.thrs-card-header{
  background:linear-gradient(142deg,var(--ws22-paper),var(--ws22-soft)) !important;
  border-bottom:1px solid var(--ws22-border) !important;
}
html[data-theme] .work-schedules-pro .ws-panel>.thrs-card-header h3{
  color:var(--ws22-ink) !important;
  font-weight:910 !important;
  letter-spacing:-.015em !important;
}
html[data-theme] .work-schedules-pro .ws-field-label{
  color:var(--ws22-muted) !important;
  font-size:11px !important;
  font-weight:820 !important;
  letter-spacing:.004em !important;
}
html[data-theme] .work-schedules-pro .ws-field{
  color:var(--ws22-ink) !important;
  -webkit-text-fill-color:var(--ws22-ink) !important;
  background:var(--ws22-paper) !important;
  border:1px solid var(--ws22-border) !important;
  border-radius:10px !important;
  min-width:0 !important;
  box-shadow:inset 0 1px 3px rgba(3,26,49,.025) !important;
  font-weight:720 !important;
  color-scheme:light dark;
}
html[data-theme="light"] .work-schedules-pro .ws-field{color-scheme:light !important}
html[data-theme="dark"] .work-schedules-pro .ws-field{color-scheme:dark !important}
html[data-theme] .work-schedules-pro .ws-field::placeholder{
  color:var(--ws22-muted) !important;
  -webkit-text-fill-color:var(--ws22-muted) !important;
  opacity:.8 !important;
}
html[data-theme] .work-schedules-pro .ws-field:focus-visible,
html[data-theme] .work-schedules-pro :is(.ws-tab,.ws-employee-card,.ws-action):focus-visible{
  outline:2px solid var(--ws22-gold) !important;
  outline-offset:2px !important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ws22-gold) 15%,transparent) !important;
}
html[data-theme] .work-schedules-pro .ws-field:disabled{
  opacity:.56 !important;cursor:not-allowed !important;
  background:var(--ws22-soft) !important;
}
html[data-theme] .work-schedules-pro .ws-employee-list{
  scrollbar-width:thin;
  scrollbar-color:var(--ws22-gold) transparent;
}
html[data-theme] .work-schedules-pro .ws-employee-card{
  background:var(--ws22-paper) !important;
  border:1px solid var(--ws22-border) !important;
  border-radius:13px !important;
  color:var(--ws22-ink) !important;
  box-shadow:0 2px 7px rgba(8,37,64,.025) !important;
}
html[data-theme] .work-schedules-pro .ws-employee-card:hover{
  background:var(--ws22-soft2) !important;
  border-color:color-mix(in srgb,var(--ws22-gold) 39%,var(--ws22-border)) !important;
  box-shadow:0 7px 18px rgba(10,39,66,.08) !important;
}
html[data-theme] .work-schedules-pro .ws-employee-card.active{
  background:linear-gradient(132deg,color-mix(in srgb,var(--ws22-gold) 12%,var(--ws22-paper)),var(--ws22-soft)) !important;
  border:1px solid color-mix(in srgb,var(--ws22-gold) 62%,var(--ws22-border)) !important;
  box-shadow:inset 3px 0 0 var(--ws22-gold),0 8px 19px rgba(7,37,64,.10) !important;
}
html[dir="rtl"][data-theme] .work-schedules-pro .ws-employee-card.active{
  box-shadow:inset -3px 0 0 var(--ws22-gold),0 8px 19px rgba(7,37,64,.10) !important;
}
html[data-theme] .work-schedules-pro .ws-avatar{
  color:var(--ws22-gold) !important;
  background:color-mix(in srgb,var(--ws22-gold) 11%,var(--ws22-soft)) !important;
  border:1px solid color-mix(in srgb,var(--ws22-gold) 28%,var(--ws22-border)) !important;
  border-radius:12px !important;
}
html[data-theme] .work-schedules-pro .ws-employee-card.active .ws-avatar{
  background:linear-gradient(132deg,#f4d9a8,#d8aa68) !important;
  border-color:#d8af77 !important;
  color:#153048 !important;
}
html[data-theme] .work-schedules-pro .ws-employee-name{
  color:var(--ws22-ink) !important;
  font-size:12px !important;
  font-weight:870 !important;
}
html[data-theme] .work-schedules-pro .ws-employee-meta{
  color:var(--ws22-muted) !important;
  font-size:11px !important;
}
html[data-theme] .work-schedules-pro .ws-pill{
  border-radius:999px !important;
  font-weight:850 !important;
  font-size:10px !important;
}
html[data-theme] .work-schedules-pro .ws-pill.neutral{
  color:var(--ws22-muted) !important;
  background:var(--ws22-soft2) !important;
  border-color:var(--ws22-border) !important;
}
html[data-theme] .work-schedules-pro .ws-pill.success{
  color:#096449 !important;background:#d9f5e9 !important;border-color:#b8e5d3 !important;
}
html[data-theme] .work-schedules-pro .ws-pill.warning{
  color:#885916 !important;background:#fff0d5 !important;border-color:#ecd6a9 !important;
}
html[data-theme] .work-schedules-pro .ws-pill.danger{
  color:#a02f43 !important;background:#ffe8ec !important;border-color:#f0bdc9 !important;
}
/* Selected employee heading, actual totals and seven schedule day tiles. */
html[data-theme] .work-schedules-pro .ws-selected-header{
  background:radial-gradient(ellipse at 88% 5%,color-mix(in srgb,var(--ws22-gold) 10%,transparent),transparent 60%),
    linear-gradient(140deg,var(--ws22-paper),var(--ws22-soft)) !important;
  border:1px solid color-mix(in srgb,var(--ws22-gold) 30%,var(--ws22-border)) !important;
  border-radius:15px !important;
  box-shadow:0 4px 14px rgba(8,42,67,.035) !important;
}
html[data-theme] .work-schedules-pro .ws-selected-title{
  color:var(--ws22-ink) !important;
  font-weight:930 !important;
  letter-spacing:-.02em !important;
}
html[data-theme] .work-schedules-pro .ws-selected-sub{
  color:var(--ws22-muted) !important;
  font-weight:700 !important;
}
html[data-theme] .work-schedules-pro .ws-mini-stat{
  background:linear-gradient(135deg,var(--ws22-paper),var(--ws22-soft)) !important;
  border:1px solid var(--ws22-border) !important;
  border-radius:12px !important;
  box-shadow:0 3px 9px rgba(8,42,67,.025) !important;
}
html[data-theme] .work-schedules-pro .ws-mini-stat b{
  color:var(--ws22-ink) !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}
html[data-theme] .work-schedules-pro .ws-mini-stat span{
  color:var(--ws22-muted) !important;font-weight:760 !important;
}
html[data-theme] .work-schedules-pro .ws-day-card{
  background:linear-gradient(150deg,var(--ws22-paper),var(--ws22-soft)) !important;
  border:1px solid var(--ws22-border) !important;
  border-radius:14px !important;
  box-shadow:0 4px 13px rgba(9,42,69,.045) !important;
  color:var(--ws22-ink) !important;
  opacity:1 !important;
  transition:border-color .18s,box-shadow .18s,background .18s !important;
}
html[data-theme] .work-schedules-pro .ws-day-card:hover{
  border-color:color-mix(in srgb,var(--ws22-gold) 37%,var(--ws22-border)) !important;
  box-shadow:var(--ws22-shadow-hover) !important;
}
html[data-theme] .work-schedules-pro .ws-day-card::before{
  width:4px !important;
  border-radius:0 3px 3px 0 !important;
}
html[data-theme] .work-schedules-pro .ws-day-card.off{
  background:var(--ws22-soft) !important;
  border-style:dashed !important;
}
html[data-theme] .work-schedules-pro .ws-day-name{
  color:var(--ws22-ink) !important;
  font-size:13px !important;
  font-weight:900 !important;
}
html[data-theme] .work-schedules-pro .ws-time{
  color:var(--ws22-ink) !important;
  font-weight:900 !important;
  font-size:17px !important;
}
html[data-theme] .work-schedules-pro .ws-mode{
  color:var(--ws22-muted) !important;
  font-size:11px !important;
  font-weight:740 !important;
}
html[data-theme] .work-schedules-pro .ws-section-title{
  color:var(--ws22-ink) !important;
  font-weight:920 !important;
  letter-spacing:-.015em;
}
html[data-theme] .work-schedules-pro .ws-exception-item,
html[data-theme] .work-schedules-pro .ws-request-card{
  background:linear-gradient(143deg,var(--ws22-paper),var(--ws22-soft)) !important;
  color:var(--ws22-ink) !important;
  border:1px solid var(--ws22-border) !important;
  border-radius:13px !important;
  box-shadow:0 4px 13px rgba(8,40,66,.035) !important;
  min-width:0 !important;
}
html[data-theme] .work-schedules-pro .ws-request-card:hover,
html[data-theme] .work-schedules-pro .ws-exception-item:hover{
  border-color:color-mix(in srgb,var(--ws22-gold) 40%,var(--ws22-border)) !important;
  box-shadow:0 8px 20px rgba(9,37,66,.07) !important;
}
html[data-theme] .work-schedules-pro .ws-exception-item div[style],
html[data-theme] .work-schedules-pro .ws-request-card div[style]{
  overflow-wrap:anywhere;
}
html[data-theme] .work-schedules-pro .ws-chip{
  background:var(--ws22-soft2) !important;
  border:1px solid var(--ws22-border) !important;
  color:var(--ws22-ink) !important;
  font-size:11px !important;
  font-weight:760 !important;
}
html[data-theme] .work-schedules-pro .ws-empty-state{
  color:var(--ws22-muted) !important;
  background:linear-gradient(130deg,var(--ws22-paper),var(--ws22-soft)) !important;
  border:1px dashed color-mix(in srgb,var(--ws22-gold) 30%,var(--ws22-border)) !important;
  border-radius:13px !important;
  line-height:1.65 !important;
}
html[data-theme] .work-schedules-pro .ws-notice.success{
  color:#0c664c !important;background:#e4f8ee !important;border-color:#b9e7d2 !important;
}
html[data-theme] .work-schedules-pro .ws-notice.error{
  color:#a03242 !important;background:#ffecf0 !important;border-color:#f1c5cc !important;
}
/* Work Schedule's own calendar only; other HR calendars unchanged. */
html[data-theme] .work-schedules-pro .thrs-hr-calendar{
  background:linear-gradient(135deg,var(--ws22-paper),var(--ws22-soft)) !important;
  border:1px solid var(--ws22-border) !important;
  color:var(--ws22-ink) !important;
  border-radius:15px !important;
}
html[data-theme] .work-schedules-pro .thrs-calendar-toolbar h3{
  color:var(--ws22-ink) !important;
}
html[data-theme] .work-schedules-pro .thrs-calendar-toolbar > div:first-child > div{
  color:var(--ws22-muted) !important;
}
html[data-theme] .work-schedules-pro .thrs-calendar-weekday{
  background:linear-gradient(134deg,#17425f,#0c2a43) !important;
  color:#f4f8ff !important;
  border:1px solid rgba(205,165,105,.35) !important;
}
html[data-theme] .work-schedules-pro .thrs-calendar-day{
  background:var(--ws22-paper) !important;
  color:var(--ws22-ink) !important;
  border:1px solid var(--ws22-border) !important;
}
html[data-theme] .work-schedules-pro .thrs-calendar-day.is-muted{
  background:var(--ws22-soft) !important;
}
html[data-theme] .work-schedules-pro .thrs-calendar-day > div:first-child span:first-child{
  color:var(--ws22-ink) !important;
}
html[data-theme] .work-schedules-pro .thrs-calendar-day.is-today{
  border:2px solid var(--ws22-gold) !important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ws22-gold) 14%,transparent) !important;
}
html[data-theme] .work-schedules-pro .thrs-calendar-legend-chip,
html[data-theme] .work-schedules-pro .thrs-calendar-empty{
  background:var(--ws22-soft) !important;
  border-color:var(--ws22-border) !important;
  color:var(--ws22-muted) !important;
}
html[data-theme] .work-schedules-pro .thrs-calendar-legend-chip span:last-child{
  color:var(--ws22-ink) !important;
}
/* Modal is rendered in a portal outside WorkSchedules, so scope via :has.
   A consistent premium surface covers weekly editing, day exceptions, review. */
html[data-theme="light"] body:has(.work-schedules-pro) .thrs-modal-overlay {
 --ws22m-bg:#fff;--ws22m-soft:#f6f9fd;--ws22m-ink:#142f4a;
 --ws22m-muted:#60758b;--ws22m-border:#dae5ee;--ws22m-gold:#b58143;
}
html[data-theme="dark"] body:has(.work-schedules-pro) .thrs-modal-overlay {
 --ws22m-bg:#17344e;--ws22m-soft:#213f59;--ws22m-ink:#f0f6fd;
 --ws22m-muted:#c4d2e1;--ws22m-border:#40627b;--ws22m-gold:#e9c38a;
}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-overlay{
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card{
  background:linear-gradient(147deg,var(--ws22m-bg),var(--ws22m-soft)) !important;
  color:var(--ws22m-ink) !important;
  border:1px solid color-mix(in srgb,var(--ws22m-gold) 25%,var(--ws22m-border)) !important;
  border-radius:18px !important;
  box-shadow:0 29px 76px rgba(0,12,29,.33),inset 0 1px 0 rgba(255,255,255,.07) !important;
}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card > div:first-child{
  background:linear-gradient(130deg,var(--ws22m-bg),var(--ws22m-soft)) !important;
  border-bottom:1px solid var(--ws22m-border) !important;
}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card > div:first-child h2{
  color:var(--ws22m-ink) !important;
  font-weight:910 !important;
}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-mini-stat,
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-schedule-row{
  background:var(--ws22m-bg) !important;
  border:1px solid var(--ws22m-border) !important;
  color:var(--ws22m-ink) !important;
  border-radius:12px !important;
  box-shadow:0 3px 10px rgba(3,30,56,.045) !important;
}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-schedule-row.off{
  background:var(--ws22m-soft) !important;
  border-style:dashed !important;
}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-mini-stat b,
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-selected-title,
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-toggle,
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-schedule-row > strong{
  color:var(--ws22m-ink) !important;
}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card :is(.ws-field-label,.ws-mini-stat span,.ws-selected-sub){
  color:var(--ws22m-muted) !important;
}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-field{
  background:var(--ws22m-soft) !important;
  color:var(--ws22m-ink) !important;
  -webkit-text-fill-color:var(--ws22m-ink) !important;
  border:1px solid var(--ws22m-border) !important;
  border-radius:10px !important;
  min-width:0 !important;
}
html[data-theme="dark"] body:has(.work-schedules-pro) .thrs-modal-card .ws-field{color-scheme:dark !important}
html[data-theme="light"] body:has(.work-schedules-pro) .thrs-modal-card .ws-field{color-scheme:light !important}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-modal-tools{
  background:var(--ws22m-soft) !important;
  border:1px solid var(--ws22m-border) !important;
  border-radius:13px !important;
}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-modal-footer{
  background:var(--ws22m-bg) !important;
  border-top-color:var(--ws22m-border) !important;
}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-selected-header{
  background:var(--ws22m-soft) !important;
  border-color:var(--ws22m-border) !important;
  border-radius:12px !important;
}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card :is(.ws-field,.ws-toggle input):focus-visible{
  outline:2px solid var(--ws22m-gold) !important;
  outline-offset:2px !important;
}
html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .thrs-btn{
  border-radius:10px !important;
  font-weight:820 !important;
}
/* Keep the existing weekly editor rows readable at the original breakpoints. */
@media(max-width:900px){
 html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-schedule-row{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 }
 html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-schedule-row > strong{
  grid-column:1 / -1 !important;
 }
}
@media(max-width:620px){
 html[data-theme] .work-schedules-pro{
  padding:12px !important;
 }
 html[data-theme] .work-schedules-pro .ws-hero{
  padding:16px !important;
 }
 html[data-theme] .work-schedules-pro .ws-kpi-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 }
 html[data-theme] .work-schedules-pro .ws-tabs{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 }
 html[data-theme] .work-schedules-pro .ws-tab{
  padding:10px !important;
  min-width:0 !important;
 }
 html[data-theme] .work-schedules-pro .ws-tab small{
  font-size:9px !important;
 }
 html[data-theme] .work-schedules-pro .ws-mini-stats{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
 }
 html[data-theme] .work-schedules-pro .ws-mini-stat{
  padding:9px !important;
  min-width:0 !important;
 }
 html[data-theme] .work-schedules-pro .ws-mini-stat b{
  font-size:15px !important;
  overflow-wrap:anywhere;
 }
 html[data-theme] .work-schedules-pro .ws-mini-stat span{
  font-size:10px !important;
 }
 html[data-theme] .work-schedules-pro .ws-week-grid{
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr)) !important;
 }
 html[data-theme] .work-schedules-pro .ws-employee-card{
  grid-template-columns:40px minmax(0,1fr) !important;
  min-width:0 !important;
 }
 html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-schedule-row{
  grid-template-columns:minmax(0,1fr) !important;
  gap:9px !important;
 }
 html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-schedule-row > strong{
  grid-column:auto !important;
 }
 html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-mini-stats{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
 }
 html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-mini-stat{
  min-width:0 !important;
  padding:9px !important;
 }
 html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-mini-stat b{
  font-size:14px !important;
  overflow-wrap:anywhere;
 }
 html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-mini-stat span{
  font-size:10px !important;
 }
 html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card .ws-modal-footer{
  flex-wrap:wrap !important;
 }
}
@media(prefers-reduced-motion:reduce){
 html[data-theme] .work-schedules-pro :is(.ws-tab,.ws-employee-card,.ws-day-card,.ws-field){
  transition:none !important;transform:none !important;
 }
}
/* Keep date/time/work model of the existing day-exception modal legible
   at narrow 320–430px sizes; leave the original form controls and their
   onChange/save handlers in place. */
@media(max-width:430px){
 html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card:has(input.ws-field[type="date"])
  div[style*="grid-template-columns"]{
  grid-template-columns:minmax(0,1fr) !important;
 }
 html[data-theme] body:has(.work-schedules-pro) .thrs-modal-card:has(input.ws-field[type="date"])
  :is(.ws-field,.ws-toggle){
  min-width:0 !important;
  width:100% !important;
 }
}