.workforce-form,.workforce-list,.report-worker,.trade-group{display:grid;gap:12px}.workforce-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.workforce-form>label,.workforce-form>fieldset,.workforce-form>.action-row,.workforce-form>p{min-width:0}.workforce-form textarea,.workforce-form select,.workforce-form input{width:100%;max-width:100%}.workforce-list{margin-top:16px}.worker-row>div,.report-row>div,.qr-heading,.workforce-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.check-row{display:flex;align-items:center;gap:10px}.check-row input,.report-worker input[type=checkbox]{width:24px;min-height:24px}.approval-row .action-row,.report-editor .action-row{display:flex;gap:8px;flex-wrap:wrap}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.workforce-group summary{min-height:44px;cursor:pointer}.trade-group{padding:12px 16px;border-top:1px solid #e5e7eb}.trade-group span{padding-left:12px}.qr-panel{max-width:760px;margin:0 auto 18px}.qr-stage{display:grid;place-items:center;gap:10px;padding:16px;background:#fff;text-align:center}.qr-stage canvas{display:block;width:min(70vw,440px)!important;max-width:100%;height:auto!important;border:10px solid #111}.qr-panel:fullscreen{display:grid;place-items:center;background:#fff}.table-scroll{overflow:auto;background:#fff;border:1px solid #ddd;border-radius:12px}table{width:100%;border-collapse:collapse}th,td{padding:.7rem;text-align:left;border-bottom:1px solid #eee;white-space:nowrap}.cancelled-row{opacity:.55;text-decoration:line-through}.warning{color:#b42318;font-weight:700}.report-editor{margin-top:20px}.report-editor fieldset{grid-column:1/-1;display:grid;gap:8px;max-height:360px;overflow:auto}.report-worker{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);align-items:center;padding:8px;border-bottom:1px solid #eee}.worker-checkin{display:grid;gap:16px;max-width:680px}.worker-checkin video{width:100%;max-height:65vh;background:#111;border-radius:12px}.worker-checkin textarea{width:100%}
@media(max-width:760px){.workforce-form{grid-template-columns:minmax(0,1fr)}.worker-row>div,.report-row>div,.qr-heading{align-items:flex-start}.report-worker{grid-template-columns:minmax(0,1fr)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-stage canvas{width:min(82vw,390px)!important}.worker-checkin .primary,.worker-checkin .secondary,.workforce-form button{width:100%;min-height:44px}.table-scroll{max-width:100%}}