/* Stamp clock (stempelur): a shared device at the customer, large and high contrast. */
.page--stampclock { max-width: 36rem; }
.sc-card { text-align: center; }
.sc-company { margin: 0; font-size: 1.4rem; font-weight: 700; }
.sc-locations { margin: 0 0 0.5rem; color: var(--color-muted); }
.sc-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 0.5rem; }
.sc-time { text-align: right; }
.sc-clock { display: block; font-size: 2.4rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.sc-date { display: block; color: var(--color-muted); }
.sc-user { margin: 0 0 1rem; font-size: 1.1rem; font-weight: 600; }
.sc-empty { padding: 1rem; text-align: center; color: var(--color-muted); border: 1px dashed var(--color-border); border-radius: 8px; }
.sc-shift { background: var(--color-card); border: 2px solid var(--color-border); border-radius: 10px; padding: 1rem; margin-bottom: 1rem; }
.sc-shift__title { margin: 0 0 0.25rem; font-size: 1.15rem; }
.sc-shift__planned, .sc-shift__stamped { margin: 0 0 0.25rem; font-size: 1.05rem; }
.sc-shift__stamped { font-weight: 600; }
.sc-locked { margin: 0.5rem 0 0; color: #8a1c1c; font-weight: 600; }
.sc-button { width: 100%; margin-top: 0.75rem; padding: 1.1rem; font-size: 1.5rem; font-weight: 700; }
.sc-input { font-size: 1.25rem; padding: 0.8rem; }
.sc-cancel { margin-top: 1.5rem; }
.sc-done__message { font-size: 1.5rem; font-weight: 700; margin: 1rem 0; }