/* SEMANAT — kreator „MAM MATERIAŁ”. Nadbudowa nad finder.css, nie druga marka (§66, §106).
   Ta sama obudowa, ta sama typografia, te same pola; zmienia się AKCENT: kupujący ma granat i błękit,
   dostawca zieleń. Zielony to w systemie SEMANAT kolor działania i strony handlowej — a zgłoszenie
   materiału jest właśnie działaniem po stronie podaży. */

.sem-intake-app .sem-fw-top::before { background: var(--sem-green-600, #1E7A46); }
.sem-intake-app .sem-fw-stepno { color: var(--sem-green-700, #175F37); }
.sem-intake-app .sem-fw-progress span.is-current { background: var(--sem-green-700, #175F37); }
.sem-intake-app .sem-fw-progress span.is-done { background: var(--sem-green-500, #2E9A5B); }
.sem-intake-app .sem-fw-progress span { background: var(--sem-green-100, #E6F2EB); }
.sem-intake-app .sem-fw-opt.is-checked { border-color: var(--sem-green-600, #1E7A46); background: var(--sem-green-100, #E6F2EB); }
.sem-intake-app .sem-fw-opt:hover { border-color: var(--sem-green-500, #2E9A5B); }
.sem-finder-app.sem-intake-app .sem-fw-btn-primary { background: var(--sem-green-600, #1E7A46); border-color: var(--sem-green-600, #1E7A46); }
.sem-finder-app.sem-intake-app .sem-fw-btn-primary:hover, .sem-finder-app.sem-intake-app .sem-fw-btn-primary:focus-visible { background: var(--sem-green-700, #175F37); border-color: var(--sem-green-700, #175F37); }
.sem-intake-app .sem-fw-btn:focus-visible, .sem-intake-app .sem-fw-opt:focus-within,
.sem-intake-app .sem-fw-field input:focus-visible, .sem-intake-app .sem-fw-field select:focus-visible,
.sem-intake-app .sem-fw-field textarea:focus-visible, .sem-intake-app .sem-fw-opt input:focus-visible { outline-color: var(--sem-green-500, #2E9A5B); }
.sem-intake-app .sem-fw-opt input { accent-color: var(--sem-green-600, #1E7A46); }
.sem-intake-app .sem-fw-field input:focus, .sem-intake-app .sem-fw-field select:focus, .sem-intake-app .sem-fw-field textarea:focus { border-color: var(--sem-green-600, #1E7A46); box-shadow: 0 0 0 3px var(--sem-green-100, #E6F2EB); }
.sem-finder-app.sem-intake-app .sem-fw-links a { color: var(--sem-green-600, #1E7A46); }

/* ---------------------------------------------------------------- parametr + jego stan
   Jedna właściwość to jedna karta: wartość, jednostka, skąd ją znasz i — gdy trzeba — warunki pomiaru.
   Rozbicie na osobne pola zamiast jednego „20 g/10 min @230/2,16” jest celowe (§85): tylko wtedy da się
   później porównać dwie liczby, a nie dwa napisy. */
.sem-intake-app .sem-in-props { display: grid; gap: 12px; margin: 0 0 20px; }
.sem-intake-app .sem-in-prop { border: 1px solid var(--sem-border, #DDE3E7); border-left: 3px solid var(--sem-border, #DDE3E7); border-radius: 10px; padding: 14px 16px 2px; background: #fff; }
.sem-intake-app .sem-in-prop.is-set { border-left-color: var(--sem-green-600, #1E7A46); background: #FCFEFD; }
.sem-intake-app .sem-in-prop-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 0 10px; }
.sem-intake-app .sem-in-prop-head strong { font-size: 15px; }
.sem-intake-app .sem-in-unit { font-size: 12px; font-weight: 600; letter-spacing: .05em; color: var(--sem-muted, #66737D); }
.sem-intake-app .sem-in-prop-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.sem-intake-app .sem-in-warn { border-left: 3px solid var(--sem-amber-500, #B6791F); background: #FDF8EE; color: #6B4A10; padding: 8px 12px; border-radius: 0 6px 6px 0; margin: 0 0 12px; }

.sem-intake-app .sem-fw-sublabel { margin: 4px 0 10px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sem-ink-soft, #3A444C); }
.sem-intake-app .sem-in-issues { margin-top: 6px; }

/* ---------------------------------------------------------------- akcent bilansu
   Konstrukcja jest wspólna (finder.css); tutaj tylko kolor strony podaży. */
.sem-intake-app .sem-fw-known h4 { color: var(--sem-green-700, #175F37); }
.sem-intake-app .sem-fw-known .sem-fw-summary { background: var(--sem-green-100, #E6F2EB); border-color: #C9E3D5; }
.sem-intake-app .sem-fw-known .sem-fw-summary dt { color: var(--sem-green-700, #175F37); }

@media (max-width: 767px) {
  .sem-intake-app .sem-in-prop-grid { grid-template-columns: 1fr; }
}