/* ===== Export do Excelu ===== (doplněk ke styles.css; používá stejné proměnné a komponenty) */
.ex-intro { padding: 12px 20px 0; font-size: var(--font-size-sm); color: var(--text-tertiary); line-height: 1.4; }

.ex-range { display: flex; gap: 12px; padding: 0 16px 8px; }
.ex-range .form-group { flex: 1; min-width: 0; margin-bottom: 0; }

.ex-links { display: flex; justify-content: space-between; padding: 0 20px 8px; font-size: var(--font-size-sm); }

/* Řádek s přepínačem (zaškrtávátko) */
.ex-opt { cursor: pointer; gap: 12px; }
.ex-opt .card-row-label { display: block; color: var(--text-primary); font-size: var(--font-size-base); }
.ex-hint { display: block; margin-top: 2px; font-size: var(--font-size-xs); color: var(--text-tertiary); }
.ex-opt input[type="checkbox"] { width: 22px; height: 22px; flex-shrink: 0; accent-color: var(--blue); }

.ex-warn {
  margin: 0 16px 12px;
  padding: 10px 14px;
  border-radius: var(--radius-md);
  background: rgba(255, 149, 0, 0.14);
  color: var(--orange);
  font-size: var(--font-size-xs);
  line-height: 1.4;
}

.ex-actions { padding: 4px 16px 0; }
.ex-file { margin-top: 8px; text-align: center; font-size: var(--font-size-xs); color: var(--text-tertiary); word-break: break-all; }
/* Točící kolečko na modrém tlačítku musí být bílé (výchozí je modré a splynulo by s pozadím) */
.ex-actions .btn .spinner { width: 20px; height: 20px; border-color: rgba(255, 255, 255, 0.35); border-top-color: #fff; }

/* ===== Databáze zákazníků (export / import) ===== */
.cu-count { font-weight: 400; color: var(--text-tertiary); }
.cu-actions { display: flex; flex-direction: column; gap: 10px; padding: 4px 16px 0; }
.cu-problems { margin-top: 12px; padding: 10px 12px; border-radius: var(--radius-md); background: var(--bg-tertiary); }
.cu-problem { font-size: var(--font-size-xs); color: var(--text-secondary); padding: 2px 0; }
.modal-body .card { margin: 0 0 12px; }