.staff{max-inline-size:720px;margin-inline:auto;padding:12px 14px 24px;display:grid;gap:12px}
.staff h2{margin-block:8px 0}
.staff-actions .btn{flex:1}
.task-item{display:flex;gap:12px;align-items:stretch;padding:14px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(160deg,var(--bg-1),var(--bg-2));cursor:pointer;min-inline-size:0}
.task-item .body{flex:1;min-inline-size:0;display:grid;gap:4px}
.task-item .when{font-weight:700;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;text-align:start}
.task-item .unit{font-size:17px;font-weight:600}
.task-item .kind{font-size:13px;color:var(--muted)}
.scan-card{padding:16px;display:grid;gap:12px}
.scan-view{position:relative;aspect-ratio:1/1;max-block-size:60vh;border-radius:16px;overflow:hidden;background:#000}
.scan-view video{inline-size:100%;block-size:100%;object-fit:cover}
.scan-frame{position:absolute;inset:14%;border:2px solid var(--teal);border-radius:16px;box-shadow:0 0 0 999px rgba(0,0,0,.35)}
.manual summary{cursor:pointer;color:var(--muted);font-size:14px;padding-block:6px}
.task-head{padding:16px;display:grid;gap:8px}
.task-head h1{font-size:22px;margin:0}
.steps{display:grid;gap:12px}
.photo-slot{display:grid;gap:8px;padding:14px;border-radius:14px;border:1px dashed var(--border-strong);background:var(--surface)}
.photo-slot.has{border-style:solid;border-color:var(--ok)}
.photo-slot img{inline-size:100%;max-block-size:220px;object-fit:cover;border-radius:10px}
.photo-slot .btn{inline-size:100%}
.big{min-block-size:56px;font-size:17px}
.access-note{padding:12px 14px;border-radius:12px;background:var(--surface);color:var(--muted);font-size:14px}