/* incheck.css — the weekly check-in on Framsteg and its block in Min profil (js/incheck.js).
   A quiet card: not the blue of Din vecka, not the gold of Dagens paket. Uses only the app's tokens. */
#incheckPlats:empty { display: none; }
.incheck { margin: 12px 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); display: grid; gap: 12px; }
.incheck.klar { border-color: var(--ok); background: var(--ok-soft); color: var(--ok-ink); }
.incheck.klar p { margin: 0; }
.ichead { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.ichead h2 { margin: 0; font: 500 1.15rem/1.2 var(--serif, Georgia, serif); color: var(--ink); }
.ictid { font-size: .78rem; font-weight: 600; color: var(--granite); }
.ictext, .icvalfri { margin: 0; font-size: .88rem; line-height: 1.45; color: var(--ink); }
.icvalfri { color: var(--granite); font-size: .8rem; }
.icfraga { display: grid; gap: 6px; }
.icfraga > p { margin: 0; font-size: .9rem; font-weight: 600; color: var(--ink); }
.icskaltext { font-size: .76rem; color: var(--granite); }
.incheck .icval { display: flex; width: 100%; }
.incheck .icval button { flex: 1 1 0; min-width: 0; min-height: 40px; padding: .35em .3em; font-size: .82rem; }
.incheck .icval button.on { background: var(--blue); color: var(--on-blue); }
.ickan { display: grid; gap: 4px; margin-top: 4px; }
.ickan > span { font-size: .84rem; color: var(--ink); }
.icknappar { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.icknappar button { min-height: 44px; }

/* Min profil: the switch, the notice, and the list of weeks with a delete each */
.icmina { display: grid; gap: 8px; }
.icmina .kpetikett { margin-top: 6px; }
.iclista { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.iclista li { display: flex; align-items: center; gap: 10px; padding: 8px 12px; }
.iclista li + li { border-top: 1px solid var(--line); }
.iclista li > span { flex: 1; min-width: 0; display: grid; gap: 2px; }
.iclista small { font-size: .78rem; color: var(--granite); }