.period-actions { display:flex; gap:12px; align-items:center; }
.year-select { display:flex; gap:8px; align-items:center; font-size:11px; color:var(--muted); }
.year-select select, .calendar-jump select { background:var(--surface-inset); color:var(--text); border:1px solid var(--border); border-radius:6px; font-size:11px; padding:7px 9px; }
.year-select .text-btn { white-space:nowrap; }
.calendar-jump { display:flex; align-items:center; gap:10px; padding:0 20px 16px; color:var(--muted); font-size:10px; }
.calendar-jump select { padding:6px 9px; }
.calendar-jump .tiny { margin-left:auto; }
.employee-controls { padding:22px; display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; }
.employee-identity { display:flex; gap:13px; align-items:center; }
.employee-identity h2 { font-size:18px; margin-bottom:4px; }
.employee-avatar { width:45px; height:45px; border-radius:12px; display:grid; place-items:center; font-family:Manrope,sans-serif; font-weight:700; background:#22453e; color:#b0e9cc; flex-shrink:0; }
.employee-filters { display:flex; align-items:end; gap:15px; }
.employee-filters select { min-width:190px; }
.month-picker { display:flex; align-items:center; gap:6px; }
.month-picker input { width:160px; padding:10px; }
.employee-stats .stat-number { margin-top:13px; }
.employee-calendar { padding:0 20px 20px; }
.month-weekdays, .month-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.month-weekdays { font-size:10px; color:var(--muted); text-align:center; text-transform:uppercase; letter-spacing:.8px; padding-bottom:12px; }
.month-grid { border-top:1px solid var(--border); border-left:1px solid var(--border); border-radius:6px; overflow:hidden; }
.month-day { min-width:0; min-height:105px; padding:10px 8px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); background:#131e29; }
.month-day.month-weekend { background:#191f2f; }
.month-day.month-outside { background:#101922; opacity:.48; }
.month-date { display:flex; justify-content:space-between; align-items:center; color:#c6d7e3; font-family:Manrope,sans-serif; font-weight:600; font-size:12px; margin-bottom:10px; }
.month-date span { font:9px 'DM Sans',sans-serif; color:#9bb3b4; }
.month-date.month-today { color:#a3e3c3; }
.month-assignment { display:flex; width:100%; align-items:center; gap:6px; text-align:left; padding:8px; margin-bottom:5px; border:1px solid #385f4e; border-radius:5px; color:#b5dfbd; background:#20382e; font-size:10px; font-weight:600; }
.month-assignment .icon { width:13px; height:13px; }
.month-assignment .tiny { margin-left:auto; font-size:9px; font-weight:400; }
.month-assignment.night { color:#c3ceee; border-color:#42577f; background:#28354d; }
.month-assignment.weekend-assignment { color:#d2c4e8; border-color:#5e4e7d; background:#352e47; }
.month-assignment:hover { border-color:#a4c6bc; }
.month-unassigned { font-size:9px; color:#879baa; }
.employee-name-link { font-size:11px; text-align:left; }
.import-scope { padding:16px; background:var(--surface-inset); border:1px solid var(--border); border-radius:8px; }
.checkline.multi-label { color:#b7dace; margin-top:16px; }
.worksheet-list { margin-top:12px; border-top:1px solid var(--border); padding-top:10px; }
.worksheet-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 8px; border-radius:5px; font-size:11px; }
.worksheet-row.current { background:#20343b; }
.worksheet-row label { display:flex; align-items:center; gap:8px; cursor:pointer; }
.worksheet-row .flex { gap:15px; }
.worksheet-row input { accent-color:var(--green); }
.import-sheet-summary { margin-top:12px; border:1px solid var(--border); border-radius:6px; max-height:170px; overflow:auto; font-size:11px; }
.import-sheet-summary .spread { padding:9px 12px; border-bottom:1px solid var(--border); color:var(--muted); }
.import-sheet-summary .spread:last-child { border:0; }
.import-sheet-summary strong { color:#bbd9c7; font-size:10px; font-weight:500; }
@media(max-width:1200px) { .period-controls { flex-wrap:wrap; } .employee-controls { align-items:flex-start; flex-direction:column; gap:18px; } .employee-filters { width:100%; } .employee-filters>.field:first-child { flex:1; } .employee-filters select { width:100%; } }
@media(max-width:750px) { .period-actions { flex-wrap:wrap; gap:10px; justify-content:flex-end; } .period-label { padding-top:0; } .period-controls { gap:12px; } .year-select { font-size:10px; } .year-select select { padding:5px 8px; } .year-select .text-btn { font-size:10px; } .employee-controls { padding:17px; } .employee-identity h2 { font-size:16px; } .employee-filters { gap:12px; flex-wrap:wrap; } .employee-filters>.field { flex:1; min-width:160px; } .employee-filters select { min-width:0; } .month-picker input { width:100%; min-width:110px; } .month-picker { gap:5px; } .month-picker .icon-btn { width:28px; min-width:28px; } .employee-calendar { padding:0 10px 12px; } .month-day { min-height:80px; padding:7px 4px; } .month-date { font-size:10px; margin-bottom:8px; } .month-date span { display:none; } .month-weekdays { font-size:8px; } .month-assignment { padding:6px 3px; font-size:9px; gap:3px; } .month-assignment .icon { display:none; } .month-assignment .tiny { font-size:7px; } .month-unassigned { display:none; } .calendar-jump { padding:0 13px 13px; font-size:9px; gap:8px; } .calendar-jump select { font-size:10px; } .calendar-jump .tiny { font-size:8px; } .worksheet-row { padding:10px 3px; } .worksheet-row .tiny { display:none; } .import-scope { padding:12px; } }
@media print { .period-actions, .employee-filters, .calendar-jump { display:none; } .month-day, .month-day.month-weekend { background:white; } .month-date { color:#233d39; } .month-assignment { color:#30583d; background:#edf6eb; border-color:#afc5ac; } .month-assignment.night { color:#435371; background:#edf0f8; } .month-assignment.weekend-assignment { color:#66517e; background:#f4f0fa; } }

.month-date .month-history-label{display:block;font-size:8px;line-height:1.4;color:var(--muted);font-weight:500;margin-top:3px}.month-date:has(.month-history-label){flex-wrap:wrap}.import-protection p{margin-top:9px;line-height:1.7}.import-protection ul{padding-left:20px;margin-top:10px;line-height:1.7}.import-protection .table-wrap{margin-top:15px}