.wf-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px}.wf-tabs button{border:1px solid #dedbd5;border-radius:20px;background:white;padding:10px 16px;min-height:44px;color:#5d5952}.wf-tabs .active{background:#171717;border-color:#171717;color:white;font-weight:700}.wf-toolbar{display:flex;gap:20px;align-items:end;justify-content:space-between;flex-wrap:wrap;margin-bottom:24px}.wf-toolbar .action-line{align-items:end}.wf-toolbar label{font-size:11px;display:grid;gap:6px;color:#6a665f}.wf-toolbar input{min-width:0;max-width:160px;background:white;border:1px solid #ddd;border-radius:8px;padding:9px}.wf-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:20px 0}.wf-actions .sub{font-size:12px}.wf-scroll{overflow-x:auto;background:#fff;border:1px solid #e6e2dc;border-radius:12px}.wf-rota{border-collapse:collapse;min-width:960px;width:100%;table-layout:fixed}.wf-rota th,.wf-rota td{padding:10px 8px;border-bottom:1px solid #e6e2dc;border-right:1px solid #eee9e2;text-align:left;vertical-align:top}.wf-rota th{font-size:12px;font-weight:600}.wf-rota thead th{height:55px;vertical-align:middle;background:#faf9f6}.wf-rota th:first-child{width:150px;position:sticky;left:0;z-index:1;background:white}.wf-rota th small{display:block;font-size:11px;color:#777;margin-top:8px;font-weight:400}.wf-rota tbody td{height:110px}.wf-rota tfoot th,.wf-rota tfoot td{font-size:12px;padding:16px 8px;background:#faf9f6}.wf-shift{display:flex;flex-direction:column;gap:5px;padding:10px;width:100%;border:1px solid transparent;background:#ffe2c5;color:#4f2b0b;border-radius:9px;min-height:65px;margin-bottom:6px;text-align:left;font-size:12px;touch-action:manipulation}.wf-shift strong{font-weight:700;font-size:12px;overflow-wrap:anywhere}.wf-shift span{font-size:11px}.wf-shift small{font-size:10px;text-transform:uppercase;letter-spacing:1px}.wf-shift.draft{border:1px dashed #bb690e;background:#fff3e5}.wf-shift.removed{opacity:.5;text-decoration:line-through}.wf-shift[draggable=true]{cursor:grab}.wf-add-cell{border:0;background:transparent;padding:4px;width:100%;color:#9b8d7d;font-size:18px;min-height:25px}.wf-add-cell:hover{background:#f7f1e9;border-radius:6px}.wf-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:white;border:1px solid #e6e2dc;border-radius:12px;padding:24px;margin:20px 0 10px}.wf-metrics small{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.8px;color:#777}.wf-metrics strong{display:block;font-size:28px;margin-top:8px;letter-spacing:-.8px}.wf-card-row{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px 24px;border:0;border-bottom:1px solid #eee;background:white;text-align:left;color:#191919}.wf-card-row:hover{background:#fff9f2}.wf-card-row strong{display:block}.wf-card-row small{display:block;margin:6px 0 0;color:#726e67;line-height:1.5;overflow-wrap:anywhere}.wf-card-row>span:last-child{text-align:right;flex-shrink:0}.wf-card-row>span:first-child{min-width:0}.wf-timeline{min-width:920px}.wf-track-head,.wf-track-row{display:grid;grid-template-columns:150px minmax(0,1fr);border-bottom:1px solid #e6e2dc}.wf-track-head>span,.wf-track-row>div:first-child{padding:18px 14px;font-size:12px}.wf-track-row small{display:block;color:#777;margin-top:5px}.wf-track{position:relative;min-height:100px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#eee calc(25% - 1px),#eee 25%)}.wf-hours{display:flex;justify-content:space-between;padding:16px 4px;color:#777;font-size:11px}.wf-bar{position:absolute;border:0;border-radius:4px;overflow:hidden;text-align:left;white-space:nowrap}.wf-bar.planned{background:#f7d8b7;top:19px;height:62px;min-width:2px}.wf-bar.recorded{background:#f18a27;top:27px;height:45px;color:#24190d;min-width:3px}.wf-bar.recorded span{padding:0 8px;font-size:11px;font-weight:700}.wf-bar.break{background:repeating-linear-gradient(45deg,#4d341855 0,#4d341855 3px,#ffffff55 3px,#ffffff55 6px);top:27px;height:45px;pointer-events:none;min-width:2px}.wf-legend{display:flex;gap:24px;flex-wrap:wrap;margin:15px 0;color:#aa5a10;font-size:12px}.wf-legend .planned-key{color:#9e7f5f}.wf-home-tools{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:-5px 0 24px}.wf-home-tools button{min-height:44px}.wf-rota td:has(.wf-shift[draggable=true]):hover{background:#fffcf7}main{min-width:0}.wf-rota button:focus-visible{outline:3px solid #222;outline-offset:2px}
@media(max-width:760px){.wf-tabs{gap:5px}.wf-tabs button{padding:9px 12px;font-size:12px}.wf-toolbar{display:block}.wf-toolbar .action-line{gap:8px}.wf-toolbar label{margin-bottom:8px}.wf-toolbar input{width:135px}.wf-metrics{gap:12px;padding:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.wf-metrics strong{font-size:24px}.wf-card-row{padding:18px 14px;gap:12px;align-items:flex-start}.wf-card-row>span:last-child{max-width:100px}.wf-actions{align-items:flex-start}.wf-actions .action-line{gap:8px}.wf-actions .btn{padding:10px 12px;font-size:12px}.wf-home-tools{gap:12px}.wf-rota th:first-child{width:135px}}