/* Owner-approved composition from the 18 October visual reference. */
.next-version-bar .next-return:not([hidden])+.next-place{font-size:0;line-height:0}
#screen-schedule .schedule-page-title h2,#screen-shifts>.workday-page-head h2{font:700 var(--type-screen)/var(--line-screen) var(--font-accent);letter-spacing:0}
#screen-schedule .schedule-page-title,#screen-shifts>.workday-page-head{margin-bottom:20px;gap:16px;align-items:center}
#screen-schedule .schedule-page-title p,#screen-shifts>.workday-page-head p{font:400 var(--type-page-subtitle)/var(--line-page-subtitle) var(--font-ui);margin-top:6px}
#screen-schedule .schedule-next-publish{width:52px;min-width:52px;height:52px;padding:0;background:var(--field);color:var(--sand);border:1px solid var(--line);border-radius:13px}
#screen-schedule .schedule-next-publish>span{display:none}
#screen-schedule .schedule-publication-notice{font:500 .875rem/1.25rem var(--font-ui);padding:16px 18px;margin:0 0 20px;border-radius:13px}
#screen-schedule .schedule-today-banner{padding:22px;border-radius:16px;margin-bottom:22px;gap:16px;min-height:108px}
#screen-schedule .schedule-today-banner h3{font:700 1.25rem/1.75rem var(--font-ui);margin:0 0 8px;letter-spacing:0}
#screen-schedule .schedule-today-banner p{font:400 .875rem/1.25rem var(--font-ui);max-width:none}
#screen-schedule .schedule-today-avatars{gap:8px;padding:0;flex-shrink:0}
#screen-schedule .schedule-today-avatars .employee-dot{width:40px;height:40px;border-radius:14px;margin:0;border:0;font-size:12px}
#screen-schedule .schedule-view-switch{background:var(--raised);border-radius:13px;min-height:48px;margin-bottom:20px}
#screen-schedule .schedule-view-switch button{font:600 .875rem/1.25rem var(--font-ui);min-height:44px;padding:10px 22px}
#screen-schedule .schedule-next-period{margin-bottom:20px}
#screen-schedule .schedule-period-controls{grid-template-columns:52px minmax(0,1fr) 52px;gap:16px}
#screen-schedule .schedule-period-controls button{width:52px;height:52px;border-radius:13px}
#screen-schedule .schedule-period-controls h3{font:700 1rem/1.5rem var(--font-ui);align-self:center;letter-spacing:0}
#screen-schedule .schedule-period-controls h3 small{font:500 .875rem/1.25rem var(--font-ui);margin-top:3px}
#screen-schedule .schedule-week-day{border-radius:16px;padding:16px 12px;min-height:220px}
#screen-schedule .schedule-people-avatars{display:flex;flex-wrap:wrap;gap:8px}
#screen-schedule .schedule-people-avatars .employee-dot{width:36px;height:36px;border-radius:13px;flex:none;font-size:12px}
#screen-schedule .schedule-people-names{font:500 .875rem/1.25rem var(--font-ui);margin:8px 0 0;overflow-wrap:anywhere}
#screen-schedule .schedule-people-times{display:grid;gap:4px;margin-top:8px}
#screen-schedule .schedule-people-times small{font:500 .75rem/1rem var(--font-service);color:var(--muted)}
#screen-schedule .schedule-day-meta .next-badge{font:500 .75rem/1rem var(--font-ui);border-radius:10px;padding:6px 10px}
#screen-schedule .schedule-day-meta .text-button{font:600 .875rem/1.25rem var(--font-ui);display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:4px 0}
#screen-schedule .schedule-day-meta .text-button svg{width:16px;height:16px}
#screen-schedule .schedule-week-day.is-today{border-color:var(--sand);box-shadow:inset 0 0 0 1px var(--sand)}
#screen-shifts .workday-history-button{font:600 .875rem/1.25rem var(--font-ui);border:1px solid var(--line);border-radius:13px;padding:10px 12px;min-height:48px}
#screen-shifts .workday-current-card{background:var(--banner);color:var(--banner-ink);border-radius:16px;padding:20px;margin-bottom:8px}
#screen-shifts .workday-current-card .card-label{display:none}
#screen-shifts .workday-current-card h2{font:700 1.25rem/1.75rem var(--font-ui);letter-spacing:0}
#screen-shifts .workday-status-row{gap:12px;align-items:center}
#screen-shifts .workday-status{border-radius:12px;background:#f5f1e81a;padding:6px 10px;font:500 .875rem/1.25rem var(--font-ui);white-space:nowrap;flex:none}
#screen-shifts .workday-status i{animation:none;background:var(--success)}
#screen-shifts .workday-status.is-closed i{background:var(--danger)}
#screen-shifts .workday-period{font:500 .75rem/1rem var(--font-service);margin:12px 0 10px}
#screen-shifts .workday-revenue>small:first-child{font:400 .875rem/1.25rem var(--font-ui);margin-bottom:4px}
#screen-shifts .workday-revenue strong{font:700 2.5rem/3rem var(--font-accent);letter-spacing:0;margin:6px 0 4px;overflow-wrap:anywhere}
#screen-shifts .workday-preview-updated,#screen-shifts .workday-preview-note{display:block;font:500 .75rem/1rem var(--font-ui);margin-top:4px;color:inherit}
#screen-shifts .workday-close-button{min-height:48px;margin:0 0 14px;border-radius:13px;font:600 .875rem/1.25rem var(--font-ui)}
#screen-shifts .workday-operations{padding:18px;border-radius:16px;margin-bottom:0}
#screen-shifts .workday-operations>.card-head{padding:0;border:0;margin-bottom:10px;gap:12px}
#screen-shifts .workday-operations>.card-head h2{font:700 1.25rem/1.75rem var(--font-ui);letter-spacing:0}
#screen-shifts .workday-operations>.card-head .text-button{font:600 .875rem/1.25rem var(--font-ui);min-height:44px;white-space:nowrap;gap:4px}
#screen-shifts .workday-cash-start{display:block;padding:0 0 14px;margin:0 0 14px;border-top:0;border-bottom:1px solid var(--line)}
#screen-shifts .workday-cash-start>span{display:block;font:500 .875rem/1.25rem var(--font-ui);color:var(--muted)}
#screen-shifts .workday-cash-start>strong{display:block;font:700 1.5rem/2rem var(--font-ui);margin-top:2px}
#screen-shifts .workday-operation-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 16px}
#screen-shifts .workday-operation-totals>span{padding:0 12px;border-left:1px solid var(--line)}
#screen-shifts .workday-operation-totals>span:first-child{padding-left:0;border-left:0}
#screen-shifts .workday-operation-totals>span:last-child{padding-right:0}
#screen-shifts .workday-operation-totals small{font:500 .875rem/1.25rem var(--font-ui);margin-bottom:2px}
#screen-shifts .workday-operation-totals strong{font:700 1.25rem/1.75rem var(--font-ui);overflow-wrap:anywhere}
#screen-shifts .workday-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
#screen-shifts .workday-quick-actions button{font:600 .875rem/1.25rem var(--font-ui);min-height:44px;display:block;min-width:0;padding:8px 4px;border-radius:12px;background:var(--field);border:1px solid var(--line);overflow-wrap:anywhere}
#screen-shifts .workday-quick-actions button>span{display:none}
#screen-shifts .workday-operations .workday-invoice-action{width:100%;margin:14px 0 0;padding:12px;border-radius:12px;min-height:52px;background:var(--raised);border:0;gap:10px}
#screen-shifts .workday-invoice-copy strong{font:600 .875rem/1.25rem var(--font-ui)}
#screen-shifts .workday-invoice-copy small{display:none}
#screen-shifts .workday-invoice-icon{background:none;width:22px;height:24px;flex:none}
#screen-shifts .workday-invoice-icon svg,#screen-shifts .workday-invoice-arrow svg{width:20px;height:20px}
#screen-shifts .workday-next-layout>div:nth-child(2)>.work-card{padding:18px;border-radius:16px}
#screen-shifts .workday-team .workday-section-head{margin-bottom:10px;padding-bottom:12px}
#screen-shifts .workday-team-list{display:grid;gap:8px}
#screen-shifts .workday-team-list>li{background:var(--raised);padding:10px;gap:10px;border:0;border-radius:11px;min-height:64px;align-items:center}
#screen-shifts .workday-team-list>li>.employee-dot{width:36px;height:36px;border-radius:12px;flex:none}
#screen-shifts .workday-team-list>li>span:not(.employee-dot):not(.workday-team-state){flex:1;min-width:0}
#screen-shifts .workday-team-list strong{font:600 .875rem/1.25rem var(--font-ui);overflow-wrap:anywhere}
#screen-shifts .workday-team-list small{font:500 .75rem/1rem var(--font-ui);margin-top:2px}
#screen-shifts .workday-team-state{display:flex;align-items:center;gap:6px;flex:none;font:500 .75rem/1rem var(--font-ui);color:var(--muted);white-space:nowrap}
#screen-shifts .workday-team-state i{width:6px;height:6px;border-radius:50%;background:var(--sand)}
#screen-shifts .workday-team-state[data-state=live] i{background:var(--success)}
#screen-shifts .workday-team-state[data-state=ended] i{background:var(--muted)}
@media(max-width:760px){
 #screen-schedule .schedule-next-people{display:block;align-self:center}
 #screen-schedule .schedule-week-grid{gap:10px}
 #screen-schedule .schedule-week-day{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;min-height:116px}
 #screen-schedule .schedule-day-heading{align-self:center}
 #screen-schedule .schedule-day-heading small{font:400 .875rem/1.25rem var(--font-ui);margin-bottom:4px}
 #screen-schedule .schedule-day-heading strong{font:700 1.5rem/2rem var(--font-ui)}
 #screen-schedule .schedule-day-meta{align-self:stretch;justify-content:space-between;align-items:flex-end;gap:8px}
 #screen-schedule .schedule-people-avatars .employee-dot{width:36px;height:36px;border-radius:13px}
 #screen-schedule .schedule-today-avatars .employee-dot{width:36px;height:36px}
 #screen-shifts .workday-next-layout{display:grid;grid-template-columns:1fr;gap:16px}
 #screen-shifts .workday-next-layout>div{gap:0}
 #screen-shifts .workday-next-layout>div:nth-child(2)>.work-card{margin-bottom:16px}
}
@media(max-width:350px){
 #screen-schedule .schedule-week-day{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:12px}
 #screen-schedule .schedule-day-meta .next-badge{padding:5px 6px}
 #screen-schedule .schedule-today-banner{padding:18px;flex-wrap:wrap}
 #screen-schedule .schedule-today-avatars .employee-dot{width:32px;height:32px}
 #screen-shifts .workday-status-row{flex-wrap:wrap}
 #screen-shifts .workday-operations>.card-head{flex-wrap:wrap;gap:0}
 #screen-shifts .workday-operation-totals{grid-template-columns:1fr;gap:8px}
 #screen-shifts .workday-operation-totals>span{padding:0 0 8px;border-left:0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:8px}
 #screen-shifts .workday-operation-totals>span:last-child{border-bottom:0;padding-bottom:0}
 #screen-shifts .workday-quick-actions{grid-template-columns:1fr}
 #screen-shifts .workday-team-list>li{flex-wrap:wrap}
 #screen-shifts .workday-team-state{margin-left:46px}
}