.service-person{display:grid!important;grid-template-columns:1fr;justify-items:center;text-align:center;border:0;padding:18px 14px;gap:7px;color:#10243b}.service-person strong{font-size:18px}.service-person>span:not(.pill){font-size:18px;font-weight:700}.service-person .pill{background:transparent!important;color:inherit;padding:0}.service-person button{background:#ffffffb3!important;min-height:40px}.pending-person{text-align:center;background:#f1f5f9}.mobile-week-tools{display:none}#printView{display:block;width:100%;margin:8px 0}#printSheet{display:none}.clock-part{display:inline!important;font:inherit!important;margin:0!important}.week-table th,.week-table td{text-align:center}.week-table th:first-child{text-align:left}.mobile-dialog{max-height:90dvh;overflow-y:auto}
@media(min-width:651px){.day-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
@media(max-width:650px){.tabs{position:static}.mobile-week-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0;font-size:11px}.mobile-week-tools button{font-size:12px}.week-overview #weekly{overflow:visible;margin:0}.week-overview .week-table{min-width:0!important;width:100%;table-layout:fixed;font-size:9px}.week-overview .week-table th:first-child{position:static;min-width:0!important;max-width:none;width:23%;font-size:10px;overflow-wrap:anywhere}.week-overview .week-table td{min-width:0!important;padding:3px 1px;overflow-wrap:anywhere}.week-overview .week-table th{padding:4px 1px}.week-overview .week-table th button{font-size:9px;padding:5px 0;white-space:normal;line-height:1.5}.week-overview .shift-cell{padding:5px 0;border-left-width:2px;font-size:0;min-height:45px;border-radius:4px}.week-overview .shift-cell b{font-size:0}.week-overview .shift-cell .clock-part{display:block!important;font-size:9px!important;line-height:1.6}.week-overview .shift-cell>span{font-size:8px;overflow-wrap:anywhere;margin-top:2px}.week-overview button.shift-cell{font-size:8px}.week-overview td>button:not(.shift-cell){padding:7px 0;font-size:10px;min-width:0;width:100%}.week-overview .absence-card{padding:5px 0;font-size:8px}.week-large #weekly{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.week-large .week-table th:first-child{min-width:110px!important;width:110px;max-width:110px}.week-large .week-table{min-width:950px}.week-large #weekHelp{max-width:220px}}
@media print{body>*:not(#printSheet){display:none!important}body{margin:0!important;padding:0!important;background:white!important}#printSheet{display:block!important;color:#10243b;font-size:var(--print-font);width:100%;margin:0}#printSheet h1{font-size:16pt;margin:0 0 4px}#printSheet .print-date{font-size:10pt;margin:0 0 7px;color:#10243b}#printSheet .legend{font-size:8pt;margin:6px 0 10px}#printSheet .tablewrap,#printSheet .gantt{overflow:visible!important;width:100%;margin:0}#printSheet table{table-layout:fixed;width:100%;min-width:0!important;font-size:var(--print-font)}#printSheet th,#printSheet td{min-width:0!important;padding:var(--print-pad);text-align:center;overflow-wrap:anywhere}#printSheet th:first-child{position:static!important;width:16%;min-width:0!important;max-width:none;text-align:left}#printSheet thead{display:table-header-group}#printSheet tr,#printSheet .person,#printSheet .shiftrow{break-inside:avoid}#printSheet .shift-cell{min-height:0;padding:var(--print-pad);margin:1px 0;border-left-width:2px}#printSheet .shift-cell b{font-size:var(--print-font);white-space:normal}#printSheet .shift-cell>span{font-size:7pt;margin-top:1px}#printSheet .week-table th span{font-size:8pt}#printSheet .note,#printSheet .print-warning{font-size:8pt;margin:6px 0}#printSheet .day-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#printSheet .person{padding:10px}#printSheet .person strong,#printSheet .person>span{font-size:11pt}#printSheet .gantt-inner{min-width:0!important;width:100%;padding-right:8px}#printSheet .timehead,#printSheet .shiftrow{grid-template-columns:110px 1fr;gap:8px}#printSheet .shiftrow{margin:4px 0}#printSheet .track{height:27px}#printSheet .bar{font-size:8pt;top:2px;height:23px}#printSheet .name{font-size:9pt}#printSheet .pill{color:#10243b}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media(max-width:650px){.week-overview .shift-cell>span{display:none}}
@media print{#printSheet .shift-cell{display:block;line-height:1.15}#printSheet .absence-card{padding:var(--print-pad);font-size:var(--print-font);min-height:0}#printSheet .week-table .shift-cell>span{display:none}}

/* One thin coloured line per employee, with the full name and shift only. */
#people{display:flex;flex-direction:column;gap:5px;max-height:min(58dvh,520px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;padding:2px}
#people .team-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-items:center;min-height:34px;padding:7px 12px;gap:12px;border:0;border-radius:6px;text-align:center;cursor:pointer;line-height:20px}
#people .team-line strong{grid-column:auto;font-size:13px;line-height:20px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#people .team-line>span{font-size:13px;font-weight:650;line-height:20px;white-space:nowrap}
#people .team-line:focus-visible{outline:2px solid #10243b;outline-offset:1px}
@media(max-width:650px){#people .team-line{padding:6px 9px;gap:8px;min-height:32px}#people .team-line strong,#people .team-line>span{font-size:12px}.pending-person>span{white-space:normal!important}}
@media print{#printSheet .day-list{display:block!important;max-height:none!important;overflow:visible!important}#printSheet .team-line{display:grid!important;grid-template-columns:1fr auto;gap:12px;padding:5px 10px;margin:0 0 4px;min-height:0;border:0;border-radius:5px}#printSheet .team-line strong{white-space:normal}#printSheet .team-line strong,#printSheet .team-line>span{font-size:10pt!important;line-height:1.3}}
/* Centered employee strips on every screen size. */
#people{width:100%;max-width:320px;margin:0 auto;gap:6px}
#people .team-line{grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;padding:5px 12px;min-height:42px;line-height:16px}
#people .team-line strong,#people .team-line>span{font-size:12px;line-height:16px;text-align:center}
#people .team-line strong{white-space:normal;overflow:visible;text-overflow:clip}
#people .team-line>span{font-size:11px}
#dayview>h2{text-align:center}
#appInfo{padding:8px 12px;background:#ffffff18;border:1px solid #ffffff55;font-size:13px}
@media print{#printSheet .team-line{grid-template-columns:1fr;justify-items:center;gap:0;max-width:320px;margin:0 auto 5px;text-align:center}#printSheet .team-line strong,#printSheet .team-line>span{font-size:10pt!important}}