/* office.css -- CC-TASK-LICHYLNYKY-011 v2 (Worker-Dash): «Ручне внесення» and
   «Вивантаження». On top of admin.css; every colour is a var(--ds-*). */

/* admin.css gives every label display:flex, which beats the hidden attribute:
   the office user saw an empty «Організація» picker. */
[hidden] { display: none !important; }

main.wide { max-width: 1320px; }
label.grow { flex: 2 1 280px; }
/* a long point name in a select must not widen the page at phone width */
.row label { min-width: 0; }
.row select, .row input { min-width: 0; width: 100%; max-width: 100%; }
.actions { align-items: center; margin-top: var(--ds-space-2); }
.actions .msg { margin: 0; flex: 1 1 300px; }

#entry td { vertical-align: top; }
#entry .addr { min-width: 180px; }
#entry .addr .under, #entry .meter .under { display: block; font-size: 13px; color: var(--ds-color-text-muted); }
#entry .meter { white-space: nowrap; font-family: var(--ds-font-mono); }
.reg-line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 6px; }
.reg-line:last-child { margin-bottom: 0; }
.reg-line .reg-name { min-width: 76px; font-weight: var(--ds-font-weight-semibold); font-size: 13px; }
.reg-line input { width: 130px; min-height: 40px; padding: 6px 8px; font-family: var(--ds-font-mono); }
.reg-line .prev { font-size: 13px; color: var(--ds-color-text-muted); width: 100%; }
.reg-line .have { font-size: 13px; width: 100%; }
.reg-line .warn { font-size: 13px; color: var(--ds-color-warning-fg); width: 100%; }
.reg-line .err { font-size: 13px; color: var(--ds-color-danger-fg); width: 100%; }
#entry input[type="date"], #entry select, #entry input.note { min-height: 40px; padding: 6px 8px; }
#entry input.note { min-width: 140px; }
#entry select.need { border-color: var(--ds-color-danger-fg); }
.verdict { font-size: 13px; }
.verdict .line { display: block; }
.verdict .ok { color: var(--ds-color-success-fg); }
.verdict .bad { color: var(--ds-color-danger-fg); }
.verdict .dup { color: var(--ds-color-text-muted); }

.dl-day { width: 80px; min-height: 40px; padding: 6px 8px; }

.export-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--ds-space-2); }
.export-grid section { margin: 0; display: flex; flex-direction: column; gap: var(--ds-space-1); }
.export-grid section p { margin: 0; }
.export-grid section .msg { margin-top: auto; }

@media (max-width: 640px) {
  .reg-line input { width: 100%; }
  #entry input.note { min-width: 0; width: 100%; }
}