/* Ny situation, step 14 (js/ny-situation.js). The flow itself uses las-ny.css (.flode, .falt, .valseg …). */
.sitny { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; margin: 0 0 16px; border: 1.5px dashed var(--line); border-radius: 14px; background: var(--card, #fff); color: var(--ink); text-align: left; }
.sitny .ico { width: 40px; height: 40px; flex: none; border-radius: 12px; background: var(--blue-soft); color: var(--blue-ink, var(--blue)); display: grid; place-items: center; font-size: 1.4rem; line-height: 1; }
.sitny .txt { flex: 1; min-width: 0; display: grid; gap: 2px; }
/* one line (Linh, 2026-09-30) */
.sitny { padding: 8px 12px; gap: 10px; margin-bottom: 12px; }
.sitny .ico { width: 30px; height: 30px; border-radius: 9px; font-size: 1.15rem; }
.sitny b { font-size: .92rem; } .sitny small { font-size: .8rem; color: var(--granite); }
.sitny > svg { flex: none; color: var(--blue-ink, var(--blue)); }
.sitval button { flex: none; white-space: nowrap; }
.falt.saknas textarea, .falt.saknas input:not([hidden]) { border-color: var(--bad-ink, var(--bad)); }
.falt.saknas .sitval { outline: 2px solid var(--bad-ink, var(--bad)); outline-offset: 4px; border-radius: 8px; }
.sitforklaring { font-size: .8rem; color: var(--granite); line-height: 1.4; }
.sitblir { display: grid; gap: 6px; padding: 12px 14px; border-radius: 13px; background: var(--blue-soft); }
.sitblir .rubrik { font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--blue-ink, var(--blue)); }
.sitblir p { margin: 0; font-size: .86rem; line-height: 1.45; text-wrap: pretty; }
.sitsamman { display: grid; gap: 4px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 13px; background: var(--card, #fff); font-size: .86rem; line-height: 1.45; }
.sitsamman span { color: var(--granite); }
.nsteg.negen { background: var(--sunk); color: var(--granite); }

/* Situationer: status and Steg chips (Linh, 2026-10-04) */
.sitchips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 12px; }
.sitchips .sitchip { font: inherit; font-size: .85rem; padding: .3em .75em; border-radius: 999px; border: 1.5px solid var(--line); background: var(--card); color: var(--ink); cursor: pointer; }
.sitchips .sitsep { width: 1px; height: 20px; background: var(--line); margin: 0 4px; }
.sitchips .sitchip.on { background: var(--blue); border-color: var(--blue); color: var(--on-blue); font-weight: 600; }
.sitchips .sitchip:not(.on):hover { border-color: var(--blue-ink, var(--blue)); color: var(--blue-ink, var(--blue)); }

/* Room between the Fortsätt card (or the För dig banner under it) and the create card (Linh, 2026-10-04) */
.resume + .sitny, .lasidag + .sitny { margin-top: 14px; }