/* THRS V14.16 — Shift Management approved premium design
   Presentation only: shift CRUD, assignment, swap approval and role checks unchanged. */
html[data-theme="light"] .thrs-page-shift-management {
 --sm16-paper:#fff;--sm16-soft:#f5f8fd;--sm16-ghost:#edf3fb;--sm16-text:#102f4d;--sm16-muted:#627c96;
 --sm16-border:#d7e3f0;--sm16-gold:#e8ae47;--sm16-shadow:0 5px 15px rgba(10,43,79,.05),0 13px 28px rgba(10,43,79,.09);
}
html[data-theme="dark"] .thrs-page-shift-management {
 --sm16-paper:#16354f;--sm16-soft:#1d405b;--sm16-ghost:#264961;--sm16-text:#f0f7fd;--sm16-muted:#bdd0e0;
 --sm16-border:#405e79;--sm16-gold:#f1c479;--sm16-shadow:0 8px 21px rgba(0,8,23,.22),0 19px 28px rgba(0,8,23,.19);
}
html[data-theme] .thrs-page-shift-management {
 width:100%;min-width:0;max-width:1620px;color:var(--sm16-text);
 font-feature-settings:"tnum" 1;
}
html[data-theme] .thrs-page-shift-management>.page-header.sm16-hero {
 position:relative!important;isolation:isolate!important;overflow:hidden!important;
 display:grid!important;grid-template-columns:minmax(250px,1fr) minmax(140px,200px) auto!important;
 gap:15px!important;align-items:center!important;
 min-height:145px!important;padding:18px 23px!important;margin-bottom:14px!important;
 border-radius:18px!important;border:1px solid rgba(237,188,98,.65)!important;
 background:radial-gradient(ellipse at 54% 123%,rgba(230,164,56,.21),transparent 54%),linear-gradient(110deg,#061d34,#113a56 61%,#051e38)!important;
 box-shadow:0 13px 27px rgba(6,29,50,.21),inset 0 1px 0 rgba(255,255,255,.13)!important;
}
html[data-theme] .thrs-page-shift-management>.page-header.sm16-hero:before{
 content:""!important;position:absolute!important;z-index:-1!important;
 width:580px!important;height:215px!important;bottom:-153px!important;left:21%!important;
 border-radius:50%!important;opacity:.59!important;
 transform:rotate(-13deg)!important;pointer-events:none!important;
 background:repeating-radial-gradient(ellipse at 50% 55%,transparent 0 10px,rgba(238,171,71,.44) 11px 11.6px,transparent 12px 19px)!important;
}
html[data-theme] .thrs-page-shift-management>.page-header.sm16-hero:after{display:none!important;}
html[data-theme] .thrs-page-shift-management .sm16-hero-copy{
 display:flex;align-items:center;gap:15px;min-width:0;position:relative;z-index:2;
}
html[data-theme] .thrs-page-shift-management .sm16-hero-logo{
 display:grid;place-items:center;flex:0 0 61px;width:61px;height:61px;
 border-radius:15px;color:#ffcb63;
 border:1px solid #e1b05c;background:linear-gradient(145deg,#214e6c,#092943);
 box-shadow:0 7px 15px rgba(0,16,36,.20),inset 0 1px 0 rgba(255,255,255,.16);
}
html[data-theme] .thrs-page-shift-management .sm16-hero-intro{display:flex;flex-direction:column;gap:9px;min-width:0;}
html[data-theme] .thrs-page-shift-management>.page-header.sm16-hero h1.page-title{
 color:#fff!important;font-weight:960!important;font-size:clamp(24px,2.1vw,33px)!important;letter-spacing:-.034em!important;
 margin:0!important;line-height:1.12!important;text-shadow:0 1px 2px rgba(1,10,25,.2)!important;
}
html[data-theme] .thrs-page-shift-management .sm16-hero-intro p{
 max-width:470px;color:#e5edf8;line-height:1.5;font-size:11.8px;font-weight:600;margin:0;
}
html[data-theme] .thrs-page-shift-management .sm16-hero-art{
 width:191px;height:124px;display:block;justify-self:center;position:relative;z-index:2;
 background:url('/thrs-shift-hero-art-v14-16.svg') center/contain no-repeat;
 filter:drop-shadow(0 11px 15px rgba(1,10,25,.20));pointer-events:none;
}
html[data-theme] .thrs-page-shift-management .sm16-hero-actions{
 display:flex;gap:9px;align-items:center;justify-content:flex-end;position:relative;z-index:3;flex-wrap:nowrap;
}
html[data-theme] .thrs-page-shift-management>.page-header.sm16-hero .sm16-hero-actions .thrs-btn{
 min-height:40px!important;height:40px!important;padding:8px 12px!important;border-radius:999px!important;
 display:inline-flex!important;align-items:center!important;gap:7px!important;
 font-size:11.1px!important;font-weight:900!important;white-space:nowrap!important;
 box-shadow:0 5px 12px rgba(0,15,34,.2)!important;
}
html[data-theme] .thrs-page-shift-management .sm16-hero-actions .thrs-btn-primary{
 background:linear-gradient(145deg,#fff,#ebf2ff)!important;color:#092846!important;
 border:1px solid #dce5f2!important;
}
html[data-theme] .thrs-page-shift-management .sm16-hero-actions .thrs-btn-secondary{
 background:linear-gradient(140deg,#ffe59e,#f0b943)!important;color:#102940!important;
 border:1px solid #fbd482!important;
}
html[data-theme] .thrs-page-shift-management .sm16-hero-actions .thrs-btn-outline{
 background:linear-gradient(145deg,#fff,#ebf2ff)!important;color:#092846!important;
 border:1px solid #dce5f2!important;
}
html[data-theme] .thrs-page-shift-management .sm16-hero-actions .thrs-btn-icon{
 color:inherit!important;width:16px!important;height:16px!important;
}
/* Two sculpted KPI cards, exact live data. */
html[data-theme] .thrs-page-shift-management>.sm16-metrics{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:13px!important;margin:0 0 15px!important;
}
html[data-theme] .thrs-page-shift-management .sm16-metric{
 position:relative!important;border-radius:16px!important;overflow:hidden!important;
 border:1px solid var(--sm16-border)!important;
 box-shadow:var(--sm16-shadow)!important;min-width:0!important;
 background:linear-gradient(110deg,var(--sm16-paper),var(--sm16-kpi-tint))!important;
}
html[data-theme] .thrs-page-shift-management .sm16-metric-gold{--sm16-kpi-tint:#fff0d6;--sm16-kpi-ink:#ce901d;}
html[data-theme] .thrs-page-shift-management .sm16-metric-blue{--sm16-kpi-tint:#e0edff;--sm16-kpi-ink:#175d94;}
html[data-theme="dark"] .thrs-page-shift-management .sm16-metric{--sm16-kpi-tint:var(--sm16-soft);}
html[data-theme] .thrs-page-shift-management .sm16-metric:after{
 content:"";pointer-events:none;position:absolute;width:57%;height:125px;bottom:-80px;right:-18px;
 background:repeating-radial-gradient(ellipse,transparent 0 17px,color-mix(in srgb,var(--sm16-kpi-ink) 12%,transparent) 18px 19px,transparent 20px 30px);
 transform:rotate(-12deg);opacity:.7;
}
html[data-theme] .thrs-page-shift-management .sm16-metric>div{
 display:flex!important;align-items:center!important;gap:15px!important;
 min-height:96px!important;padding:16px 17px!important;position:relative!important;z-index:2;
}
html[data-theme] .thrs-page-shift-management .sm16-metric-icon{
 display:grid;place-items:center;flex:0 0 53px;width:53px;height:53px;
 border-radius:16px;color:var(--sm16-kpi-ink);
 background:color-mix(in srgb,var(--sm16-kpi-ink) 10%,var(--sm16-paper));
 border:1px solid color-mix(in srgb,var(--sm16-kpi-ink) 20%,var(--sm16-border));
 box-shadow:0 5px 12px rgba(17,45,77,.08);
}
html[data-theme] .thrs-page-shift-management .sm16-metric-details{display:flex;flex-direction:column;gap:4px;min-width:0;}
html[data-theme] .thrs-page-shift-management .sm16-metric-details small{
 font-size:12px;font-weight:850;color:var(--sm16-text);
}
html[data-theme] .thrs-page-shift-management .sm16-metric-details strong{
 font-size:30px;font-weight:960;line-height:1;color:var(--sm16-text);
}
/* Section cards, icons & gold rules */
html[data-theme] .thrs-page-shift-management>.sm16-panel{
 border:1px solid var(--sm16-border)!important;
 border-radius:18px!important;box-shadow:var(--sm16-shadow)!important;
 background:var(--sm16-paper)!important;margin:0 0 14px!important;
 overflow:hidden!important;
}
html[data-theme] .thrs-page-shift-management .sm16-panel>.thrs-card-header{
 min-height:56px!important;padding:12px 17px!important;
 background:linear-gradient(140deg,var(--sm16-paper),var(--sm16-soft))!important;
 border-bottom:1px solid var(--sm16-border)!important;
}
html[data-theme] .thrs-page-shift-management .sm16-panel>.thrs-card-header h3{
 gap:11px!important;padding-inline-start:0!important;align-items:center!important;
 color:var(--sm16-text)!important;font-size:16px!important;font-weight:940!important;
 letter-spacing:-.022em!important;
}
html[data-theme] .thrs-page-shift-management .sm16-panel>.thrs-card-header h3>span:first-child{display:none!important;}
html[data-theme] .thrs-page-shift-management .sm16-panel>.thrs-card-header h3>svg{
 flex:0 0 24px!important;width:24px!important;height:24px!important;
 color:#d29a30!important;
 filter:drop-shadow(0 3px 5px rgba(146,91,17,.13));
}
html[data-theme] .thrs-page-shift-management .sm16-panel>.thrs-card-header:after{
 content:"";position:absolute;height:2px;bottom:0;left:57px;width:36px;
 border-radius:9px;background:linear-gradient(90deg,#e5b85a,#f7dc9c,transparent);
}
html[data-theme] .thrs-page-shift-management .sm16-panel>div:last-child{padding:12px 14px 13px!important;}
/* Consistent dark navy table headers and gold icons. */
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table-wrap{
 min-width:0;max-width:100%;overflow-x:auto!important;scrollbar-width:thin;
 scrollbar-color:var(--sm16-gold) transparent;border-radius:11px!important;
 border:1px solid var(--sm16-border)!important;background:var(--sm16-paper)!important;
}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table{border-collapse:collapse!important;width:100%!important;}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table th{
 height:41px!important;padding:9px 12px!important;
 background:linear-gradient(128deg,#143f5d,#06253e)!important;
 color:#fffaf0!important;border:0!important;border-bottom:1px solid rgba(230,183,108,.4)!important;
 text-transform:uppercase!important;letter-spacing:.016em!important;
 font-size:10.6px!important;font-weight:930!important;
}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table thead th:first-child{border-top-left-radius:9px!important;}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table thead th:last-child{border-top-right-radius:9px!important;}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table thead .thrs-table-heading{
 color:#fffaf0!important;gap:7px!important;display:inline-flex!important;align-items:center!important;
}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table thead .thrs-table-heading:before{
 content:"◈";font-size:13px;line-height:1;color:#f2b944;display:inline-flex;
}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table thead th:nth-child(2) .thrs-table-heading:before{content:"◷";}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table thead th:nth-child(3) .thrs-table-heading:before{content:"☕";}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table thead th:nth-child(4) .thrs-table-heading:before{content:"▦";}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table thead th:nth-child(5) .thrs-table-heading:before{content:"✦";}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table thead th:nth-child(6) .thrs-table-heading:before{content:"⚙";}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table td{
 height:43px!important;min-height:43px!important;padding:8px 12px!important;
 color:var(--sm16-text)!important;background:var(--sm16-paper)!important;
 border-bottom:1px solid var(--sm16-border)!important;font-size:11px!important;
 font-weight:660!important;line-height:1.4!important;white-space:nowrap!important;
}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table tr.zebra td{
 background:var(--sm16-soft)!important;
}
html[data-theme] .thrs-page-shift-management .sm16-panel .modern-table tbody tr:hover td{
 background:color-mix(in srgb,var(--sm16-gold) 8%,var(--sm16-paper))!important;
}
html[data-theme] .thrs-page-shift-management .sm16-shift-name,
html[data-theme] .thrs-page-shift-management .sm16-assignment-shift{
 color:var(--sm16-text);font-size:11.2px;font-weight:900;white-space:nowrap;
}
html[data-theme] .thrs-page-shift-management .sm16-days{
 color:var(--sm16-text);font-size:10.6px;font-weight:700;
}
html[data-theme] .thrs-page-shift-management .sm16-employee{
 display:flex;gap:10px;align-items:center;min-width:0;color:var(--sm16-text);
}
html[data-theme] .thrs-page-shift-management .sm16-employee strong{font-weight:890;}
html[data-theme] .thrs-page-shift-management .sm16-avatar{
 display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;
 border-radius:50%;background:linear-gradient(145deg,#fff5d8,#f3cf8a);
 border:1px solid #e8bd67;color:#92601c;font-size:10px;font-weight:950;
 box-shadow:0 3px 7px rgba(127,88,26,.11);
}
html[data-theme] .thrs-page-shift-management .sm16-table-actions{
 display:flex;align-items:center;gap:6px;flex-wrap:nowrap;
}
html[data-theme] .thrs-page-shift-management .sm16-definitions .modern-table .sm16-table-actions .thrs-btn{
 display:inline-flex!important;align-items:center!important;gap:6px!important;
 height:31px!important;min-height:31px!important;padding:5px 10px!important;
 border-radius:999px!important;font-size:10.7px!important;font-weight:880!important;
 box-shadow:0 3px 8px rgba(13,46,74,.08)!important;
}
html[data-theme] .thrs-page-shift-management .sm16-definitions .modern-table .sm16-table-actions .thrs-btn-danger{
 background:linear-gradient(145deg,#fa4c5b,#d92b43)!important;border:1px solid #c62f49!important;
 color:#fff!important;
}
/* Seven days side by side on desktop; internal scroll on narrower viewports. */
html[data-theme] .thrs-page-shift-management .sm16-week-scroll{
 width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;
 -webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--sm16-gold) transparent;
}
html[data-theme] .thrs-page-shift-management .sm16-week-grid{
 display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
 gap:8px;min-width:910px;
}
html[data-theme] .thrs-page-shift-management .sm16-day{
 min-width:0;padding:0 4px 7px;border-radius:13px;
 border:1px solid var(--sm16-border);
 background:linear-gradient(160deg,var(--sm16-soft),var(--sm16-paper));
 box-shadow:0 3px 9px rgba(14,42,72,.045);
 overflow:hidden;
}
html[data-theme] .thrs-page-shift-management .sm16-day-head{
 height:37px;display:flex;align-items:center;gap:9px;padding:7px 12px;margin:0 -4px 8px;
 color:#fff;font-weight:920;font-size:12px;
 background:linear-gradient(130deg,#133f5e,#062740);
 border-bottom:2px solid #d99c34;
}
html[data-theme] .thrs-page-shift-management .sm16-day-head svg{
 color:#f7c15e;width:17px;height:17px;flex:0 0 17px;
}
html[data-theme] .thrs-page-shift-management .sm16-day-entries{
 display:flex;flex-direction:column;gap:5px;
}
html[data-theme] .thrs-page-shift-management .sm16-day-entry{
 display:flex;flex-direction:column;gap:3px;padding:8px 9px;
 border-radius:10px;border:1px solid var(--sm16-border);
 background:var(--sm16-paper);min-width:0;
 box-shadow:0 2px 6px rgba(10,43,76,.045);
}
html[data-theme] .thrs-page-shift-management .sm16-day-entry strong{
 display:block;color:var(--sm16-text);font-size:11px;font-weight:900;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.26;
}
html[data-theme] .thrs-page-shift-management .sm16-day-entry small{
 display:block;color:var(--sm16-muted);font-size:9.4px;font-weight:650;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html[data-theme] .thrs-page-shift-management .sm16-entry-time{
 display:flex;align-items:center;gap:5px;color:var(--sm16-text);
 font-size:10px;font-weight:800;direction:ltr;
 white-space:nowrap;
}
html[data-theme] .thrs-page-shift-management .sm16-entry-time svg{
 flex:0 0 12px;color:#e2a228;
}
html[data-theme] .thrs-page-shift-management .sm16-day-empty{
 padding:17px 4px;text-align:center;color:var(--sm16-muted);
 font-size:10.7px;font-weight:730;
}
/* Swap request queue and calm empty state. */
html[data-theme] .thrs-page-shift-management .sm16-empty{
 display:flex;align-items:center;gap:15px;min-height:53px;
 border-radius:11px;padding:10px 15px;color:var(--sm16-text);
 border:1px solid var(--sm16-border);
 background:linear-gradient(130deg,var(--sm16-soft),var(--sm16-ghost));
}
html[data-theme] .thrs-page-shift-management .sm16-empty-icon{
 width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;
 border-radius:10px;color:#a97424;
 background:var(--sm16-paper);border:1px solid var(--sm16-border);
}
html[data-theme] .thrs-page-shift-management .sm16-empty strong{
 font-size:12px;color:var(--sm16-text);font-weight:830;
}
html[data-theme] .thrs-page-shift-management .sm16-swap-request{
 padding:13px 8px;border-bottom:1px solid var(--sm16-border);
}
html[data-theme] .thrs-page-shift-management .sm16-swap-name{
 color:var(--sm16-text);font-size:12px;font-weight:880;
}
html[data-theme] .thrs-page-shift-management .sm16-swap-reason{
 margin-top:6px;color:var(--sm16-muted);font-size:11px;line-height:1.55;
}
html[data-theme] .thrs-page-shift-management .sm16-swap-actions{
 display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;
}
/* Premium forms already styled by V14.15; preserve each real control. */
@media(max-width:1500px){
 html[data-theme] .thrs-page-shift-management .sm16-hero{
  grid-template-columns:minmax(230px,1fr) 155px auto!important;padding:16px 18px!important;gap:10px!important;
 }
 html[data-theme] .thrs-page-shift-management .sm16-hero-art{width:154px;height:110px;}
 html[data-theme] .thrs-page-shift-management .sm16-hero-actions .thrs-btn{
  font-size:10.7px!important;padding:7px 10px!important;
 }
}
@media(max-width:1160px){
 html[data-theme] .thrs-page-shift-management>.page-header.sm16-hero{
  grid-template-columns:minmax(0,1fr) 146px!important;grid-template-rows:auto auto!important;
 }
 html[data-theme] .thrs-page-shift-management .sm16-hero-copy{grid-column:1;grid-row:1;}
 html[data-theme] .thrs-page-shift-management .sm16-hero-art{grid-column:2;grid-row:1;}
 html[data-theme] .thrs-page-shift-management .sm16-hero-actions{grid-column:1/-1;grid-row:2;justify-content:flex-start;}
 html[data-theme] .thrs-page-shift-management .sm16-week-grid{grid-template-columns:repeat(7,132px);}
}
@media(max-width:650px){
 html[data-theme] .thrs-page-shift-management>.page-header.sm16-hero{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:16px!important;
 }
 html[data-theme] .thrs-page-shift-management .sm16-hero-copy{padding-inline-end:69px;gap:9px;}
 html[data-theme] .thrs-page-shift-management .sm16-hero-logo{
  width:44px;height:44px;flex-basis:44px;border-radius:12px;
 }
 html[data-theme] .thrs-page-shift-management>.page-header.sm16-hero h1.page-title{font-size:22px!important;}
 html[data-theme] .thrs-page-shift-management .sm16-hero-intro p{font-size:10.8px;}
 html[data-theme] .thrs-page-shift-management .sm16-hero-art{
  position:absolute;right:5px;top:6px;width:90px;height:93px;opacity:.76;
 }
 html[data-theme] .thrs-page-shift-management .sm16-hero-actions{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px;
 }
 html[data-theme] .thrs-page-shift-management .sm16-hero-actions .thrs-btn:last-child:nth-child(3){grid-column:1/-1;}
 html[data-theme] .thrs-page-shift-management>.sm16-metrics{gap:8px;}
 html[data-theme] .thrs-page-shift-management .sm16-metric>div{padding:10px!important;gap:9px!important;min-height:85px!important;}
 html[data-theme] .thrs-page-shift-management .sm16-metric-icon{
  flex-basis:39px;width:39px;height:39px;border-radius:11px;
 }
 html[data-theme] .thrs-page-shift-management .sm16-metric-icon svg{width:23px;height:23px;}
 html[data-theme] .thrs-page-shift-management .sm16-metric-details small{font-size:9.8px;}
 html[data-theme] .thrs-page-shift-management .sm16-metric-details strong{font-size:23px;}
 html[data-theme] .thrs-page-shift-management .sm16-panel>div:last-child{padding:9px!important;}
 html[data-theme] .thrs-page-shift-management .sm16-panel>.thrs-card-header{padding:11px!important;min-height:52px!important;}
 html[data-theme] .thrs-page-shift-management .sm16-panel>.thrs-card-header h3{font-size:14px!important;}
 html[data-theme] .thrs-page-shift-management .sm16-week-grid{min-width:910px;grid-template-columns:repeat(7,125px);}
}
@media(max-width:370px){
 html[data-theme] .thrs-page-shift-management .sm16-hero-copy{padding-inline-end:45px;}
 html[data-theme] .thrs-page-shift-management .sm16-hero-art{width:72px;opacity:.54;}
 html[data-theme] .thrs-page-shift-management .sm16-metric-icon{display:none;}
}
@media(prefers-reduced-motion:reduce){
 html[data-theme] .thrs-page-shift-management .sm16-panel,
 html[data-theme] .thrs-page-shift-management .sm16-metric{
  transition:none!important;transform:none!important;
 }
}