/* v0.23: back-up terugzetten (export modal + restore flow). Reuses existing
   modal/.modal-subsection/.insights-table/.table-scroll/.sr-only patterns —
   only what's genuinely new to this screen lives here. */

.restore-file-label { margin-top: 4px; }

#restore-file-input {
  display: block;
  width: 100%;
  min-height: 44px;
  margin-top: 7px;
  padding: 10px 12px;
  border: 1px dashed var(--line);
  border-radius: 11px;
  background: #06182799;
  color: var(--ink);
  font: inherit;
  box-sizing: border-box;
}

.restore-hint { margin: 8px 0 0; color: var(--muted); font-size: 12px; }

.restore-file-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 4px 0 14px;
  color: var(--ink);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.restore-file-info .quiet {
  min-height: 40px;
  padding-inline: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
}

.restore-table { margin-top: 10px; }

.restore-conflicts,
.restore-warnings {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  font-size: 13px;
}

.restore-conflicts {
  border: 1px solid #ff937c55;
  background: #ff937c14;
}

.restore-warnings {
  border: 1px solid #e8d98c55;
  background: #e8d98c14;
}

.restore-block-title { margin: 0 0 6px; color: #ffad9d; font-weight: 800; }
.restore-warning-title { margin: 0 0 6px; color: #f0e3ab; font-weight: 800; }

.restore-conflicts ul,
.restore-warnings ul {
  margin: 0;
  padding-left: 20px;
  color: var(--ink);
  line-height: 1.5;
}

.restore-conflicts li,
.restore-warnings li { margin-bottom: 4px; overflow-wrap: anywhere; }

.restore-error,
.restore-warning,
.restore-success {
  margin: 4px 0 14px;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.restore-error { border: 1px solid #ff937c55; background: #ff937c14; color: #ffad9d; }
.restore-warning { border: 1px solid #e8d98c55; background: #e8d98c14; color: #f0e3ab; }
.restore-success { border: 1px solid #8be0bd55; background: #8be0bd14; color: var(--mint); }

.restore-confirm input {
  min-height: 44px;
  box-sizing: border-box;
}

.restore-confirm button,
.restore-section button {
  min-height: 44px;
  box-sizing: border-box;
}

@media (max-width: 430px) {
  .restore-conflicts,
  .restore-warnings { padding: 12px 13px; font-size: 12.5px; }
}