/* ore/ore.css — «Le mie ore» e «Ore della squadra» (SPEC_FoglioOre A.6; mockup Specifiche/mockup/produzione.html).
   Solo i token di app.css. Sotto i 700 px la giornata del telefono, sopra la griglia della settimana. */
.ore-pc{display:block}
.ore-telefono{display:none}
@media (max-width:700px){.ore-pc{display:none}.ore-telefono{display:flex;flex-direction:column;gap:var(--s2)}}
.ore-striscia{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);padding:6px}
.ore-striscia button{border:0;background:none;border-radius:10px;padding:6px 0;display:flex;flex-direction:column;align-items:center;
  gap:1px;font-size:var(--t1);color:var(--ink-60);cursor:pointer}
.ore-striscia button b{font-size:var(--t3);color:var(--ink)}
.ore-striscia button small{font-size:10px;min-height:14px}
.ore-striscia button.sel{background:var(--margine);color:var(--on-color)}
.ore-striscia button.sel b{color:var(--on-color)}
.ore-striscia button.vuoto small{color:var(--alert);font-weight:700}
.ore-riga{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 12px;display:grid;
  grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;text-align:left;width:100%;cursor:pointer;margin-bottom:6px}
.ore-riga.statica{cursor:default}
.ore-riga .c{font-weight:600}
.ore-riga .f{font-size:var(--t1);color:var(--ink-60);grid-column:1}
.ore-riga .d{grid-row:1/3;grid-column:2;font-size:var(--t4);font-weight:600}
.ore-riga .mod{color:var(--materiale-ink);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.04em}
.ore-avviso{background:var(--materiale-soft);color:var(--materiale-ink);border-radius:8px;padding:6px 10px;font-size:var(--t1);
  font-weight:600;margin-bottom:6px}
.ore-recenti{display:flex;flex-direction:column;gap:6px}
.ore-recenti button{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 12px;text-align:left;
  display:flex;justify-content:space-between;gap:8px;cursor:pointer}
.ore-recenti button span{color:var(--ink-60);font-size:var(--t1)}
.ore-piede{position:sticky;bottom:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;
  display:flex;justify-content:space-between;align-items:center;gap:10px}
.ore-piede b{display:block;font-size:var(--t4);color:var(--ink)}
.ore-durata{display:grid;grid-template-columns:56px 1fr 56px;gap:8px;align-items:center}
.ore-durata .btn{height:48px;font-size:22px}
.ore-durata .cell{height:48px;text-align:center;font-size:var(--t4);font-weight:600}
.ore-rapidi{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px}
.ore-scelte{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow:auto;margin-top:var(--s2)}
.ore-scelte button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 10px;text-align:left;cursor:pointer}
.ore-scelte button .mini{display:block}
.ore-chip{display:flex;flex-wrap:wrap;gap:6px}
.ore-chip button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 11px;font-size:var(--t1);cursor:pointer}
.ore-chip button.della{border-color:var(--margine);color:var(--margine-ink);background:var(--margine-soft);font-weight:600}
.ore-griglia{overflow-x:auto}
.ore-griglia table{border-collapse:collapse;width:100%;min-width:720px}
.ore-griglia th,.ore-griglia td{padding:6px 8px;border-bottom:1px solid var(--line-soft);text-align:right;white-space:nowrap}
.ore-griglia th{font-size:var(--t1);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-60);font-weight:500;background:var(--surface)}
.ore-griglia th:first-child,.ore-griglia td:first-child{text-align:left;white-space:normal}
.ore-griglia .cn{font-weight:600}
.ore-griglia .cn small{display:block;font-weight:400;color:var(--ink-60);font-size:var(--t1)}
.ore-griglia .oggi{background:var(--margine-soft)}
.ore-griglia th.vuoto,.ore-griglia td.vuota{background:var(--alert-soft);color:var(--alert);font-weight:600}
.ore-griglia td.avviso{background:var(--materiale-soft);color:var(--materiale-ink);font-weight:600}
.ore-griglia tfoot td{font-weight:600;background:var(--surface)}
.ore-cella{width:70px;text-align:right;border:1px solid transparent;background:transparent}
.ore-cella:hover{border-color:var(--line)}
.ore-cella:focus{border-color:var(--margine);background:var(--paper)}
.ore-azioni{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;padding:var(--s3)}
.ore-promemoria{border-color:var(--materiale-line);background:var(--materiale-soft);color:var(--materiale-ink)}