.shell-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0}
.shell-title-group{min-width:0;flex:1}
.shell-section-heading>h2,.shell-section-heading>.section-label,.shell-section-heading>.shift__label{margin:0;min-width:0;overflow-wrap:anywhere}
#ann-panel .ann-head>.shell-title-group{width:100%;flex-basis:100%}
.shell-controls__toggle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:44px;padding:8px 10px;border:1px solid var(--wt-border,#cbdad7);border-radius:12px;background:var(--wt-surface,#fff);color:var(--wt-success-text,#194c47);font:inherit;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer}
.shell-controls__toggle[hidden]{display:none!important}
.shell-controls__toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.shell-controls__toggle[aria-expanded=false] svg{transform:rotate(180deg)}
.shell-controls__toggle:focus-visible{outline:2px solid var(--wt-success-text,#287568);outline-offset:3px}
html.worktime-shell-collapsed #verified-identity,html.worktime-shell-collapsed #module-tabs,html.worktime-shell-collapsed #notification-toolbar,html.worktime-shell-collapsed #worktime-app>h1{display:none!important}
html.worktime-shell-collapsed #worktime-app>.module-panel:not(.approval-workspace){border-top:0;margin-top:0;padding-top:0}
html.worktime-shell-collapsed .schedule-view__section-head{margin-top:0}
@media(max-width:650px){
 .shell-section-heading{gap:8px}
 .smoke__head>.shell-title-group,.shift__heading>.shell-title-group,.operations__heading>.shell-title-group,.director-finance__heading>.shell-title-group,.monthly-ledger__heading>.shell-title-group,.admin-workspace__heading>.shell-title-group{width:100%;flex-basis:100%}
 .smoke__head,.shift__heading,.operations__heading,.director-finance__heading,.monthly-ledger__heading,.admin-workspace__heading{flex-wrap:wrap}
}/* Shared heading controls must not inherit full-width administrative actions */
#worktime-app .shell-section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding-block:4px}
#worktime-app .shell-section-heading>#shell-toggle{width:auto;min-width:0;max-width:none;margin:0;white-space:nowrap;justify-self:end}
#worktime-app .shell-section-heading>h2,#worktime-app .shell-section-heading>.section-label,#worktime-app .shell-section-heading>.shift__label{overflow-wrap:normal;word-break:normal}
html.worktime-shell-ready body{align-content:start;align-items:start}
html.worktime-shell-ready #worktime-app>.module-panel:not(.approval-workspace){border-top:0;padding-top:0;margin-top:20px}
html.worktime-shell-ready #worktime-app .schedule-view__section-head{margin-top:0}
html.worktime-shell-collapsed #worktime-app>.module-panel:not(.approval-workspace){margin-top:0}
@media(max-width:380px){#worktime-app .shell-section-heading{column-gap:8px}#worktime-app .shell-section-heading>#shell-toggle{padding-inline:8px}}

/* A visible employee picker keeps its separator spacing in either shell state */
html.worktime-shell-ready #worktime-app>#employee-picker:not([hidden])~:is(#shift-panel,#operations-panel){margin-top:20px}
@media(max-width:650px){
 #worktime-app .admin-workspace__heading{width:100%;grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:stretch}
 #worktime-app .admin-workspace__heading>.shell-title-group,#worktime-app .admin-workspace__heading>.payroll-month-control{width:100%;min-width:0;max-width:none}
}

/* 1.14.11: full-width title rows, with actions below the shell toggle */
#worktime-app #shell-toggle{border:0;background:transparent;box-shadow:none;font-size:14px;min-height:44px;padding:8px;line-height:1.4}
#worktime-app :is(#shift-panel .shift__heading,#smoke-panel .smoke__head,#payroll-panel .payroll-heading,#statement-panel>.admin-workspace__heading,#employees-panel>.admin-workspace__heading){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;width:100%;align-items:center}
#worktime-app :is(#shift-panel .shift__heading,#smoke-panel .smoke__head,#payroll-panel .payroll-heading,#statement-panel>.admin-workspace__heading,#employees-panel>.admin-workspace__heading)>.shell-title-group{display:contents}
#worktime-app :is(#shift-panel,#smoke-panel,#payroll-panel,#statement-panel,#employees-panel) .shell-section-heading{grid-column:1/-1}
#worktime-app :is(#smoke-panel,#payroll-panel,#statement-panel,#employees-panel) .shell-title-group>.section-label{grid-column:1/-1;margin:0}
#worktime-app #smoke-name{grid-column:1;grid-row:3;margin:0}
#worktime-app #smoke-add{grid-column:2;grid-row:3;margin:0;width:auto}
#worktime-app .shift-person-row{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#worktime-app .shift-person-row .shift__employee{margin:0}
#worktime-app .shift-person-row .shift__badge{position:static;margin:0;flex:0 0 auto}
#worktime-app .shift__heading .shift__date{grid-column:1/-1;margin:0}
#worktime-app :is(#payroll-panel,#statement-panel) .payroll-month-control{grid-column:1/-1;justify-self:end;display:grid;gap:8px;width:180px;min-width:0;max-width:100%;margin:0}
#worktime-app :is(#payroll-panel,#statement-panel) .payroll-month-control>:is(span,label){font-size:14px;font-weight:600;line-height:1.4;margin:0;color:var(--wt-text,#17232a)}
#worktime-app :is(#payroll-panel,#statement-panel) .payroll-month-control>.select-control{width:100%;min-height:50px;font-size:14px;font-weight:400;line-height:1.4;padding:11px 14px;border-radius:12px}
#worktime-app .employees-section-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#worktime-app .employees-section-actions>#employees-feedback{margin:0;flex:1 1 180px}
#worktime-app .employees-section-actions>#employees-add{width:auto;margin:0}
@media(max-width:650px){
 #worktime-app :is(#payroll-panel,#statement-panel) .payroll-month-control{width:100%}
}
@media(max-width:380px){
 #worktime-app #smoke-add{font-size:13px;padding-inline:10px}
}

/* 1.14.13: one shared month heading, based on the monthly ledger */
#worktime-app :is(#payroll-panel,#statement-panel,#monthly-panel) :is(.payroll-month-control,.monthly-ledger__month-control){display:grid;gap:6px;width:220px;min-width:0;max-width:100%;margin:0}
#worktime-app :is(#payroll-panel,#statement-panel,#monthly-panel) :is(.payroll-month-control,.monthly-ledger__month-control)>:is(span,label){font-size:12px;font-weight:700;line-height:1.4;color:var(--wt-muted,#52615d);margin:0}
#worktime-app :is(#payroll-panel,#statement-panel,#monthly-panel) :is(.payroll-month-control,.monthly-ledger__month-control)>.select-control{width:100%;min-height:50px;font-size:14px;font-weight:400;line-height:1.4;padding:11px 14px;border-radius:12px}
@media(min-width:651px){
 #worktime-app :is(#payroll-panel,#statement-panel,#monthly-panel)>:is(.admin-workspace__heading,.monthly-ledger__heading){display:grid;grid-template-columns:minmax(0,1fr) auto 220px;gap:6px 16px;align-items:center;width:100%}
 #worktime-app :is(#payroll-panel,#statement-panel,#monthly-panel) .shell-title-group{display:contents}
 #worktime-app :is(#payroll-panel,#statement-panel,#monthly-panel) .shell-title-group>.section-label{grid-column:1;grid-row:1;margin:0}
 #worktime-app :is(#payroll-panel,#statement-panel,#monthly-panel) .shell-section-heading{display:contents}
 #worktime-app :is(#payroll-panel,#statement-panel,#monthly-panel) .shell-section-heading>h2{grid-column:1;grid-row:2;align-self:center;margin:0}
 #worktime-app :is(#payroll-panel,#statement-panel,#monthly-panel) .shell-section-heading>#shell-toggle{grid-column:2;grid-row:2;align-self:center}
 #worktime-app :is(#payroll-panel,#statement-panel,#monthly-panel) :is(.payroll-month-control,.monthly-ledger__month-control){grid-column:3;grid-row:1/3;align-self:stretch;grid-template-rows:auto 50px;align-content:end}
}
@media(max-width:650px){
 #worktime-app :is(#payroll-panel,#statement-panel,#monthly-panel)>:is(.admin-workspace__heading,.monthly-ledger__heading){display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 #worktime-app :is(#payroll-panel,#statement-panel,#monthly-panel) .shell-title-group{display:block;width:100%}
 #worktime-app :is(#payroll-panel,#statement-panel,#monthly-panel) :is(.payroll-month-control,.monthly-ledger__month-control){grid-column:1/-1;width:100%}
}