/* THRS V14.32 | Work Schedules — Element Finish (NOT A REDESIGN)
   Same page sections, same column layout, same sizes, same handlers & data.
   Only typography, surface materials, borders, shadows, focus and alignment. */
html[data-theme="light"] .work-schedules-pro{
  --ws32-surface:#ffffff;--ws32-subtle:#f7f9fc;--ws32-raised:#f1f5fa;
  --ws32-ink:#122d47;--ws32-muted:#62788e;--ws32-line:#d9e4ee;
  --ws32-gold:#b88847;--ws32-gold-wash:rgba(195,151,83,.10);
  --ws32-soft-shadow:0 2px 7px rgba(12,45,73,.027),0 12px 30px rgba(13,45,72,.065);
  --ws32-lift-shadow:0 8px 18px rgba(12,43,72,.065),0 19px 38px rgba(12,43,72,.095);
}
html[data-theme="dark"] .work-schedules-pro{
  --ws32-surface:#15344d;--ws32-subtle:#1a3a54;--ws32-raised:#25455f;
  --ws32-ink:#eff6fd;--ws32-muted:#bbcede;--ws32-line:#3b5b73;
  --ws32-gold:#efc88f;--ws32-gold-wash:rgba(239,200,143,.12);
  --ws32-soft-shadow:0 4px 12px rgba(0,13,30,.13),0 18px 36px rgba(0,13,30,.22);
  --ws32-lift-shadow:0 8px 20px rgba(0,13,30,.22),0 21px 40px rgba(0,13,30,.31);
}
html[data-theme] .work-schedules-pro{
  color:var(--ws32-ink) !important;
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"tnum" 1;
}
/* Keep the existing hero height and grid unchanged. Refine its finish. */
html[data-theme] .work-schedules-pro .ws-hero{
  background:
    radial-gradient(ellipse at 82% -30%,rgba(229,192,128,.19),transparent 51%),
    linear-gradient(118deg,#0a243a,#123b58 59%,#0a253a) !important;
  border:1px solid rgba(224,185,125,.52) !important;
  border-radius:21px !important;
  box-shadow:0 12px 29px rgba(8,34,56,.16),inset 0 1px 0 rgba(255,255,255,.11) !important;
}
html[data-theme] .work-schedules-pro .ws-eyebrow{
  background:rgba(7,29,47,.48) !important;
  border-color:rgba(231,198,146,.40) !important;
  color:#f4d7ae !important;
  font-weight:850 !important;
}
html[data-theme] .work-schedules-pro .ws-hero h1{
  font-weight:940 !important;
  letter-spacing:-.032em !important;
  line-height:1.19 !important;
  text-shadow:none !important;
}
html[data-theme] .work-schedules-pro .ws-hero p{
  color:#e0ebf3 !important;
  line-height:1.66 !important;
}
html[data-theme] .work-schedules-pro .ws-kpi{
  background:linear-gradient(150deg,rgba(255,255,255,.155),rgba(255,255,255,.075)) !important;
  border:1px solid rgba(216,235,246,.28) !important;
  border-top-color:rgba(243,213,163,.54) !important;
  border-radius:14px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 5px 13px rgba(0,15,30,.065) !important;
}
html[data-theme] .work-schedules-pro .ws-kpi .value{
  color:#fff !important;line-height:1.08 !important;
  font-weight:930 !important;letter-spacing:-.025em !important;
}
html[data-theme] .work-schedules-pro .ws-kpi .label{color:#e5eef5 !important;font-weight:740 !important}
html[data-theme] .work-schedules-pro .ws-kpi .icon{color:#f3d49f !important}
/* Unified premium surfaces, no position/column changes. */
html[data-theme] .work-schedules-pro .ws-panel{
  background:var(--ws32-surface) !important;
  border:1px solid var(--ws32-line) !important;
  border-radius:17px !important;
  box-shadow:var(--ws32-soft-shadow) !important;
  min-width:0 !important;
}
html[data-theme] .work-schedules-pro .ws-tabs-card{
  background:linear-gradient(130deg,var(--ws32-surface),var(--ws32-subtle)) !important;
  border-color:color-mix(in srgb,var(--ws32-gold) 25%,var(--ws32-line)) !important;
}
html[data-theme] .work-schedules-pro .ws-tabs{
  background:transparent !important;
  border-radius:15px !important;
}
html[data-theme] .work-schedules-pro .ws-tab{
  border:1px solid var(--ws32-line) !important;
  background:var(--ws32-surface) !important;
  border-radius:12px !important;
  color:var(--ws32-muted) !important;
  box-shadow:0 1px 4px rgba(13,43,70,.035) !important;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}
html[data-theme] .work-schedules-pro .ws-tab:hover:not(.active){
  border-color:color-mix(in srgb,var(--ws32-gold) 46%,var(--ws32-line)) !important;
  background:var(--ws32-subtle) !important;
  box-shadow:0 4px 14px rgba(14,45,71,.06) !important;
}
html[data-theme] .work-schedules-pro .ws-tab.active{
  background:linear-gradient(130deg,#113b59,#092a43) !important;
  border:1px solid #c99d62 !important;
  box-shadow:0 7px 16px rgba(9,37,60,.16),inset 0 1px 0 rgba(255,255,255,.10) !important;
  color:#fff !important;
}
html[data-theme] .work-schedules-pro .ws-tab small{
  font-size:10.5px !important;
  color:var(--ws32-muted) !important;
  line-height:1.35 !important;
}
html[data-theme] .work-schedules-pro .ws-tab.active small{color:#e0edf5 !important}
html[data-theme] .work-schedules-pro .ws-tab-icon{
  background:var(--ws32-subtle) !important;
  color:var(--ws32-gold) !important;
  border:1px solid color-mix(in srgb,var(--ws32-gold) 27%,var(--ws32-line)) !important;
  border-radius:11px !important;
}
html[data-theme] .work-schedules-pro .ws-tab.active .ws-tab-icon{
  background:rgba(236,201,146,.14) !important;
  border-color:rgba(235,203,158,.35) !important;
  color:#f3d4a1 !important;
}
/* Input proportions stay identical; polish border / legibility / focus. */
html[data-theme] .work-schedules-pro .ws-filter-card{
  background:var(--ws32-surface) !important;
}
html[data-theme] .work-schedules-pro .ws-field-label{
  color:var(--ws32-muted) !important;
  font-size:11px !important;
  font-weight:790 !important;
  letter-spacing:.006em !important;
}
html[data-theme] .work-schedules-pro :is(input,select,textarea).ws-field{
  background:var(--ws32-surface) !important;
  color:var(--ws32-ink) !important;
  -webkit-text-fill-color:var(--ws32-ink) !important;
  border:1px solid var(--ws32-line) !important;
  border-radius:11px !important;
  box-shadow:inset 0 1px 2px rgba(15,42,70,.026),0 1px 2px rgba(15,42,70,.016) !important;
  font-size:12px !important;
  font-weight:720 !important;
  min-width:0 !important;
}
html[data-theme="light"] .work-schedules-pro :is(input,select,textarea).ws-field{color-scheme:light !important}
html[data-theme="dark"] .work-schedules-pro :is(input,select,textarea).ws-field{color-scheme:dark !important}
html[data-theme] .work-schedules-pro :is(input,select,textarea).ws-field::placeholder{
  color:var(--ws32-muted) !important;-webkit-text-fill-color:var(--ws32-muted) !important;
  opacity:.83 !important;
}
html[data-theme] .work-schedules-pro :is(input,select,textarea).ws-field:hover:not(:disabled){
  border-color:color-mix(in srgb,var(--ws32-gold) 36%,var(--ws32-line)) !important;
}
html[data-theme] .work-schedules-pro :is(input,select,textarea).ws-field:focus{
  border-color:var(--ws32-gold) !important;
  outline:2px solid var(--ws32-gold) !important;outline-offset:1px !important;
  box-shadow:0 0 0 3px var(--ws32-gold-wash) !important;
}
/* Employee directory remains in the exact same left-hand column. */
html[data-theme] .work-schedules-pro .ws-panel>.thrs-card-header{
  background:linear-gradient(140deg,var(--ws32-surface),var(--ws32-subtle)) !important;
  border-bottom:1px solid var(--ws32-line) !important;
}
html[data-theme] .work-schedules-pro .ws-panel>.thrs-card-header h3{
  color:var(--ws32-ink) !important;
  font-size:15px !important;
  font-weight:870 !important;
  line-height:1.45 !important;
}
html[data-theme] .work-schedules-pro .ws-employee-list{
  scrollbar-width:thin !important;
  scrollbar-color:var(--ws32-gold) transparent !important;
}
html[data-theme] .work-schedules-pro .ws-employee-card{
  color:var(--ws32-ink) !important;
  background:var(--ws32-surface) !important;
  border:1px solid var(--ws32-line) !important;
  border-radius:12px !important;
  box-shadow:0 2px 5px rgba(12,44,72,.025) !important;
}
html[data-theme] .work-schedules-pro .ws-employee-card:hover:not(.active){
  background:var(--ws32-subtle) !important;
  border-color:color-mix(in srgb,var(--ws32-gold) 45%,var(--ws32-line)) !important;
  box-shadow:0 5px 15px rgba(15,43,69,.066) !important;
  transform:none !important;
}
html[data-theme] .work-schedules-pro .ws-employee-card.active{
  background:linear-gradient(126deg,color-mix(in srgb,var(--ws32-gold) 12%,var(--ws32-surface)),var(--ws32-subtle)) !important;
  border-color:color-mix(in srgb,var(--ws32-gold) 67%,var(--ws32-line)) !important;
  box-shadow:inset 3px 0 0 var(--ws32-gold),0 6px 16px rgba(12,42,68,.075) !important;
}
html[data-theme] .work-schedules-pro[dir="rtl"] .ws-employee-card.active{
  box-shadow:inset -3px 0 0 var(--ws32-gold),0 6px 16px rgba(12,42,68,.075) !important;
}
html[data-theme] .work-schedules-pro .ws-employee-name{
  color:var(--ws32-ink) !important;
  font-weight:830 !important;
  line-height:1.42 !important;
}
html[data-theme] .work-schedules-pro .ws-employee-meta{
  color:var(--ws32-muted) !important;
  font-size:11px !important;
  line-height:1.45 !important;
  font-weight:620 !important;
}
html[data-theme] .work-schedules-pro .ws-name-row{min-width:0 !important;gap:7px !important}
html[data-theme] .work-schedules-pro .ws-employee-name{min-width:0 !important}
html[data-theme] .work-schedules-pro .ws-avatar{
  background:color-mix(in srgb,var(--ws32-gold) 11%,var(--ws32-subtle)) !important;
  color:var(--ws32-gold) !important;
  border:1px solid color-mix(in srgb,var(--ws32-gold) 27%,var(--ws32-line)) !important;
  border-radius:12px !important;
}
html[data-theme] .work-schedules-pro .ws-employee-card.active .ws-avatar{
  background:linear-gradient(145deg,#f3ddba,#d6a466) !important;
  border-color:#c8975d !important;
  color:#18334c !important;
}
html[data-theme] .work-schedules-pro .ws-pill{
  border-radius:999px !important;font-weight:800 !important;
  font-size:10px !important;line-height:1.4 !important;
  box-shadow:none !important;
}
/* Selected schedule, three mini stats and seven day tiles remain unchanged in structure. */
html[data-theme] .work-schedules-pro .ws-selected-header{
  background:linear-gradient(135deg,var(--ws32-surface),var(--ws32-subtle)) !important;
  border:1px solid color-mix(in srgb,var(--ws32-gold) 35%,var(--ws32-line)) !important;
  border-radius:15px !important;
  box-shadow:0 5px 13px rgba(12,45,72,.037) !important;
}
html[data-theme] .work-schedules-pro .ws-selected-title{
  color:var(--ws32-ink) !important;
  font-weight:890 !important;
  letter-spacing:-.018em !important;
  line-height:1.35 !important;
  overflow-wrap:anywhere !important;
}
html[data-theme] .work-schedules-pro .ws-selected-sub{
  color:var(--ws32-muted) !important;
  font-size:11px !important;font-weight:650 !important;
}
html[data-theme] .work-schedules-pro .ws-actions .thrs-btn{
  border-radius:10px !important;
  font-size:11px !important;font-weight:850 !important;
  box-shadow:0 2px 7px rgba(11,42,69,.055) !important;
}
html[data-theme] .work-schedules-pro .ws-actions .thrs-btn-outline{
  background:var(--ws32-surface) !important;color:var(--ws32-ink) !important;
  border:1px solid var(--ws32-line) !important;
}
html[data-theme] .work-schedules-pro .ws-actions .thrs-btn-gold{
  background:linear-gradient(135deg,#183f60,#0c2c49) !important;
  color:#fff !important;border:1px solid #bc945c !important;
}
html[data-theme] .work-schedules-pro .ws-mini-stat{
  border:1px solid var(--ws32-line) !important;
  border-radius:13px !important;
  background:linear-gradient(144deg,var(--ws32-surface),var(--ws32-subtle)) !important;
  box-shadow:0 2px 7px rgba(13,45,71,.03) !important;
}
html[data-theme] .work-schedules-pro .ws-mini-stat b{
  color:var(--ws32-ink) !important;
  font-weight:910 !important;font-variant-numeric:tabular-nums !important;
}
html[data-theme] .work-schedules-pro .ws-mini-stat span{
  color:var(--ws32-muted) !important;
  line-height:1.5 !important;font-weight:710 !important;
}
html[data-theme] .work-schedules-pro .ws-day-card{
  background:linear-gradient(156deg,var(--ws32-surface),var(--ws32-subtle)) !important;
  border:1px solid var(--ws32-line) !important;
  border-radius:13px !important;
  box-shadow:0 3px 9px rgba(12,42,68,.033) !important;
}
html[data-theme] .work-schedules-pro .ws-day-card:hover{
  border-color:color-mix(in srgb,var(--ws32-gold) 46%,var(--ws32-line)) !important;
  box-shadow:var(--ws32-lift-shadow) !important;
}
html[data-theme] .work-schedules-pro .ws-day-card.off{
  background:var(--ws32-raised) !important;
  border:1px dashed var(--ws32-line) !important;
  opacity:1 !important;
}
html[data-theme] .work-schedules-pro .ws-day-name{
  color:var(--ws32-ink) !important;
  font-weight:880 !important;
  line-height:1.4 !important;
}
html[data-theme] .work-schedules-pro .ws-time{
  color:var(--ws32-ink) !important;
  font-weight:910 !important;
  font-variant-numeric:tabular-nums !important;
  line-height:1.32 !important;
}
html[data-theme] .work-schedules-pro .ws-mode{
  color:var(--ws32-muted) !important;
  font-weight:690 !important;
}
html[data-theme] .work-schedules-pro .ws-exceptions{
  border-top:1px solid var(--ws32-line) !important;
}
html[data-theme] .work-schedules-pro .ws-section-title{
  color:var(--ws32-ink) !important;
  font-weight:880 !important;
}
html[data-theme] .work-schedules-pro :is(.ws-exception-item,.ws-request-card,.ws-chip,.ws-empty-state){
  background:var(--ws32-surface) !important;
  color:var(--ws32-ink) !important;
  border-color:var(--ws32-line) !important;
}
html[data-theme] .work-schedules-pro :is(.ws-exception-item,.ws-request-card){
  box-shadow:0 3px 11px rgba(12,45,72,.032) !important;
  border-radius:13px !important;
}
html[data-theme] .work-schedules-pro .ws-empty-state{
  color:var(--ws32-muted) !important;
  background:var(--ws32-subtle) !important;
}
html[data-theme] .work-schedules-pro .ws-workspace :is(button,input,select,textarea):focus-visible,
html[data-theme] .work-schedules-pro .ws-tabs :is(button):focus-visible{
  outline:2px solid var(--ws32-gold) !important;outline-offset:2px !important;
  box-shadow:0 0 0 4px var(--ws32-gold-wash) !important;
}
@media(prefers-reduced-motion:reduce){
 html[data-theme] .work-schedules-pro :is(.ws-tab,.ws-employee-card,.ws-day-card,.ws-actions .thrs-btn){
  transition:none !important;transform:none !important;
 }
}