.office-display{margin:0;min-height:100dvh;display:grid;place-items:center;background:#edf4fa;color:#12334c;font-family:Arial,sans-serif}
.office-display-card{width:min(90%,640px);box-sizing:border-box;padding:24px;text-align:center;background:white;border-radius:20px;margin:24px auto}
.office-display-card h1{font-size:2rem}.office-display-card label{display:grid;gap:12px}
.office-display-card input,.office-display-card button{font:inherit;padding:14px;border:1px solid #a9c5d9;border-radius:10px}
.office-display-card button{margin-top:18px;background:#0b577f;color:white;cursor:pointer}
#office-qr{display:flex;justify-content:center;padding:20px;background:white;min-height:280px}
#office-qr canvas,#office-qr img{width:min(100%,360px);height:auto;aspect-ratio:1}
.office-scanner{margin-top:20px}.office-scanner video{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:14px}
.office-scanner[hidden]{display:none}

/* Spazi uniformi tra istruzioni, fotocamera e comandi di timbratura. */
.clock-card .office-scanner { display: flex; flex-direction: column; align-items: center; gap: 16px; margin-block: 20px; }
.clock-card .office-scanner > p { margin: 0; }
.clock-card .office-scanner > button { margin: 0; }
.clock-card .office-scanner[hidden] { display: none; }