.roster-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:end;padding:16px 18px;margin-bottom:16px}.roster-toolbar-fields,.roster-toolbar-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.roster-toolbar label,.dashboard-roster-date{display:grid;gap:5px}.roster-toolbar label span,.dashboard-roster-date span,.roster-period-state span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#718087;font-weight:700}.roster-toolbar input,.roster-toolbar select,.roster-date-control,.dashboard-roster-date input{border:1px solid #d6e2df;border-radius:8px;background:#fff;color:#173f3b;padding:9px 10px;font:600 11px 'DM Sans',sans-serif;min-height:36px}.roster-period-state{display:grid;gap:5px;min-width:100px}.roster-period-state strong{display:inline-flex;width:max-content;padding:8px 12px;border-radius:999px;background:#fff4de;color:#8a5b00;font-size:10px}.roster-period-state strong.published{background:#e8f5f2;color:#087f75}.roster-planner-panel{margin-bottom:16px;overflow:hidden}.roster-legend{display:flex;gap:6px;flex-wrap:wrap}.roster-legend span{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:700}.roster-legend .day{background:#e8f5f2;color:#087f75}.roster-legend .night{background:#e9e7fa;color:#554590}.roster-legend .call{background:#e7f1ff;color:#2866a3}.roster-legend .off{background:#f1f4f3;color:#6b7774}.roster-grid-loading,.roster-error{padding:28px;text-align:center;color:#718087;font-size:11px}.roster-error strong{color:#d94b52}.monthly-roster-scroll{overflow:auto;max-height:65vh;border-top:1px solid #e3ece9}.monthly-roster-table{border-collapse:separate;border-spacing:0;min-width:max-content;width:100%}.monthly-roster-table th,.monthly-roster-table td{border-right:1px solid #e6eeec;border-bottom:1px solid #e6eeec;background:#fff;padding:6px;min-width:112px;height:52px;vertical-align:middle}.monthly-roster-table thead th{position:sticky;top:0;z-index:8;background:#0b6b61;color:#fff;text-align:center}.monthly-roster-table thead th b,.monthly-roster-table thead th small{display:block}.monthly-roster-table thead th small{font-size:8px;opacity:.76;margin-top:3px}.monthly-roster-table thead th.today{background:#164d91}.monthly-roster-table thead th.weekend:not(.today){background:#53736e}.monthly-roster-table .roster-sticky{position:sticky;z-index:6;text-align:left}.monthly-roster-table thead .roster-sticky{z-index:10}.monthly-roster-table .employee-no{left:0;min-width:105px;max-width:105px}.monthly-roster-table .employee-name{left:105px;min-width:190px;max-width:190px}.monthly-roster-table .employee-position{left:295px;min-width:170px;max-width:170px}.monthly-roster-table tbody .roster-sticky{background:#fbfdfc}.monthly-roster-table .employee-name strong,.monthly-roster-table .employee-name small{display:block}.monthly-roster-table .employee-name strong{font-size:10px;color:#173f3b}.monthly-roster-table .employee-name small{font-size:8px;color:#718087;margin-top:3px}.roster-cell{position:relative;text-align:center}.roster-cell select{width:100%;border:1px solid transparent;border-radius:7px;padding:7px 5px;font:700 9px 'DM Sans',sans-serif;color:#244843;background:#f1f4f3}.roster-cell select.day{background:#e8f5f2;color:#087f75}.roster-cell select.night{background:#e9e7fa;color:#554590}.roster-cell select.call{background:#e7f1ff;color:#2866a3}.roster-cell select.off{background:#f1f4f3;color:#6b7774}.roster-cell.changed{box-shadow:inset 0 0 0 2px #e89b28}.roster-cell.changed:after{content:'Unsaved';position:absolute;right:4px;top:2px;font-size:6px;color:#9a6500}.roster-cell.unavailable{background:#fff4de}.roster-cell.unavailable select{opacity:.45}.roster-cell>small{display:block;font-size:7px;line-height:1.2;color:#8a5b00;margin-top:3px;max-width:104px;white-space:normal}.roster-support-grid{margin-bottom:16px}.roster-date-control{max-width:145px}.roster-warning-list{display:grid;gap:8px}.roster-warning-list article{display:flex;gap:9px;padding:9px 10px;border-radius:8px;background:#fff4de}.roster-warning-list article.critical{background:#fde8ea}.roster-warning-list article i{width:7px;height:7px;border-radius:50%;background:#e89b28;margin-top:4px;flex:0 0 auto}.roster-warning-list article.critical i{background:#d94b52}.roster-warning-list strong,.roster-warning-list p{font-size:9px}.roster-warning-list p{margin:2px 0 0;color:#687c79}.roster-safe,.roster-availability-note{display:flex;gap:10px;padding:12px;border-radius:9px;background:#e8f5f2;color:#087f75}.roster-safe p,.roster-availability-note p{margin:3px 0 0;color:#55716d;font-size:9px}.roster-availability-note{display:block;margin-top:12px;background:#f4f7f6;color:#244843}.roster-block{display:block;color:#718087;margin-top:2px}.roster-danger-text{color:#d94b52;font-weight:700}.roster-history-list{padding:14px 18px;display:grid;gap:12px}.roster-history-list article{display:flex;gap:9px}.roster-history-list i{width:8px;height:8px;border-radius:50%;background:#0b6b61;margin-top:4px}.roster-history-list strong{font-size:10px;color:#173f3b}.roster-history-list p,.roster-history-list small{display:block;margin:2px 0 0;font-size:8px;color:#718087}.daily-department-card{border:1px solid #dde8e5;border-radius:10px;background:#fff;overflow:hidden}.daily-department-head{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;background:#f7faf9}.daily-department-head strong,.daily-department-head small{display:block}.daily-department-head strong{font-size:11px;color:#173f3b}.daily-department-head small{font-size:8px;color:#718087;margin-top:2px}.daily-shift-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.daily-shift-columns>section{padding:10px;border-right:1px solid #e5edeb}.daily-shift-columns>section:last-child{border-right:0}.daily-shift-columns header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.daily-shift-columns header strong{font-size:9px;color:#173f3b}.daily-shift-columns header span{font-size:8px;font-weight:700;border-radius:999px;padding:3px 6px;background:#eef4f2}.daily-shift-columns ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.daily-shift-columns li{border-radius:7px;padding:6px;background:#f7faf9}.daily-shift-columns li span,.daily-shift-columns li small{display:block}.daily-shift-columns li span{font-size:9px;font-weight:700;color:#264a45}.daily-shift-columns li small{font-size:7px;color:#718087;margin-top:2px}.daily-shift-columns li.empty span{color:#d94b52}.daily-shift-columns .night{background:#faf9ff}.daily-shift-columns .on-call{background:#f8fbff}.dashboard-shift-overview{margin-bottom:16px}.dashboard-shift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-roster-date{min-width:145px}.dashboard-roster-date input{width:100%}.roster-error p{margin:5px 0 0}.monthly-roster-table select:disabled{cursor:not-allowed}.monthly-roster-table tbody tr:hover .roster-sticky{background:#eef7f4}
@media(max-width:1050px){.dashboard-shift-grid{grid-template-columns:1fr}.daily-shift-columns{grid-template-columns:1fr}.daily-shift-columns>section{border-right:0;border-bottom:1px solid #e5edeb}.daily-shift-columns>section:last-child{border-bottom:0}}
@media(max-width:760px){.roster-toolbar{align-items:stretch}.roster-toolbar,.roster-toolbar-fields,.roster-toolbar-actions{display:grid;grid-template-columns:1fr}.roster-toolbar-actions{grid-template-columns:1fr 1fr}.monthly-roster-table .employee-name{left:0;min-width:160px;max-width:160px}.monthly-roster-table .employee-no,.monthly-roster-table .employee-position{display:none}.dashboard-shift-grid{grid-template-columns:1fr}}