/* Screens C (redesign 5 Oct 2026): Today, New enquiry, Settings, Admin, People, Sending. Uses the step 1 tokens only. */

/* ---- Today: flat figures strip, "Needs you" as quiet rows with a state tag, no icon squares */
.sol-app .sol-today .figures-strip .fig { text-decoration: none; color: inherit; }
.sol-app .figures-strip .fig-s.warn { color: var(--warn); } .sol-app .figures-strip .fig-s.bad { color: var(--bad); }
.sol-app .needs-you .sec-h .ic { display: none; }
.sol-app .ny-list { background: var(--card); border: 1px solid var(--hairline); box-shadow: none; }
.sol-app .ny-row { grid-template-columns: 64px minmax(0, 1fr) 16px; gap: 12px; min-height: 44px; padding: 6px 16px; font-weight: 500; color: var(--ink-1); }
.sol-app .ny-list li + li .ny-row { border-top-color: var(--hairline); }
.sol-app .ny-row:hover { background: var(--ground); } .sol-app .ny-row .tag { justify-self: start; }
.sol-app .due-row { grid-template-columns: minmax(0, 1fr) 124px auto; gap: 12px; min-height: 44px; padding: 8px 16px; border-top-color: var(--hairline); }
.sol-app .due-row:hover { background: var(--ground); }
.sol-app .due-t { font-size: 13px; font-weight: 600; } .sol-app .due-s { font-size: 12px; color: var(--meta); }
.sol-app .flag.red { color: var(--bad); } .sol-app .flag.amber { color: var(--warn); } .sol-app .flag { font-weight: 500; }
.sol-app .sol-today .due-list, .sol-app .sol-today .when-list { background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r); box-shadow: none; }
.sol-app .sol-today .empty-ico { display: none; }
@media (max-width: 640px) { .sol-app .due-row { grid-template-columns: minmax(0, 1fr) auto; } .sol-app .due-row .due-st { display: none; } }

/* ---- New enquiry: this screen is what the customer sees. No staff bar over it, one flat card, equal outline consent buttons. */
@media (max-width: 900px) {
  body.sol-app:has(#enq) #tabbar, body.sol-app:has(.enq-grid .result) #tabbar, body.sol-app:has(#enq) .topbar, body.sol-app:has(.enq-grid .result) .topbar { display: none; }
  body.sol-app:has(#enq) .enq-grid { padding-bottom: calc(24px + env(safe-area-inset-bottom)); }
}
.sol-app .enq-grid .card { box-shadow: none; border: 1px solid var(--hairline); }
.sol-app .enq .card-h .ic, .sol-app .grants .card-h .ic, .sol-app .next .card-h .ic { display: none; }
.sol-app .consent-btns .btn.consent-btn { height: auto; min-height: 48px; padding: 10px 14px; white-space: normal; line-height: 1.35; text-align: center; }
.sol-app .solar-ad-sharing { display: flex; gap: 10px; align-items: flex-start; padding: 12px; border: 1px solid var(--hairline); border-radius: var(--r); font-size: 13px; }
.sol-app .solar-ad-sharing input { flex: none; margin-top: 2px; }
.sol-app .grant, .sol-app .grant.g-ok, .sol-app .grant.g-no, .sol-app .grant.g-check { background: var(--well); border: 1px solid var(--hairline); border-radius: var(--r); }
.sol-app .grant-top { align-items: center; } .sol-app .grant-top .row-t .ic { display: none; }
.sol-app .grant-amt, .sol-app .grant.g-ok .grant-amt { font: var(--t-sec); color: var(--ink-1); }
.sol-app .grant-chk { color: var(--ink-2); font-weight: 400; }
.sol-app .ns-n { background: var(--sunken); color: var(--ink-2); }

/* ---- Settings, Admin, People, Sending: underline tabs, 44px rows, flat cards, grey tags */
.sol-app .set-tabs { margin: 0 0 20px; }
.sol-app .set-tabs .u-seg.is-tabs { max-width: 100%; }
.sol-app .card, .sol-app .snd-card, .sol-app .ad-card, .sol-app .pp-card { box-shadow: none; border: 1px solid var(--hairline); border-radius: var(--r); }
.sol-app .card-h .ic, .sol-app .snd-card .card-h .ic { display: none; }
.sol-app .pp-row { min-height: 44px; padding-top: 6px; padding-bottom: 6px; }
.sol-app .ad-rows td { height: 44px; }
.sol-app .snd-send-row, .sol-app .snd-dns-row, .sol-app .snd-block-row { min-height: 44px; }
.sol-app .snd-connection { border: 1px solid var(--hairline); border-radius: var(--r); box-shadow: none; }
.sol-app .sol-today .rail-sec { background: none; border: 0; box-shadow: none; padding: 0; }
.sol-app .sol-today .when-date { background: var(--sunken); color: var(--ink-1); }
.sol-app .sol-today .when-date b { color: var(--ink-1); }

/* ---- Today mix 5 Oct: Coming up stage dots, pipeline band in stage colours (flat, 4px band per stage, dot by the label) */
.sol-app .when-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--stg-c); margin-right: 8px; vertical-align: 1px; }
.sol-app .sol-today .dash-pipe { box-shadow: none; border: 1px solid var(--hairline); }
.sol-app .sol-today .pipe { gap: 6px; }
.sol-app .sol-today .pipe-step { margin-left: 0; }
.sol-app .sol-today .pipe-step a, .sol-app .sol-today .pipe-step a:visited, .sol-app .sol-today .pipe-step:first-child a, .sol-app .sol-today .pipe-step:last-child a { position: relative; clip-path: none; border-radius: var(--r); background: var(--well); color: var(--ink-1); padding: 14px 12px 10px; min-height: 68px; overflow: hidden; }
.sol-app .sol-today .pipe-step a::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--stg-c); }
.sol-app .sol-today .pipe-step a:hover { filter: none; transform: none; background: var(--card); box-shadow: inset 0 0 0 1px var(--hairline-2); }
.sol-app .sol-today .pipe-n { font: var(--t-fig); letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--ink-1); }
.sol-app .sol-today .pipe-l { display: flex; align-items: center; gap: 6px; font: var(--t-label); color: var(--ink-2); }
.sol-app .sol-today .pipe-l::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--stg-c); flex: none; }
@media (max-width: 900px) { .sol-app .sol-today .pipe { overflow-x: auto; } .sol-app .sol-today .pipe-step { flex: 0 0 104px; } }

/* ---- Inbox mix 5 Oct: figure cards, underline tabs, one flat conversation list with an unread dot, the thread opens as a drawer */
.sol-app .ib-tabs { margin-bottom: 12px; overflow-x: auto; }
.sol-app .ib { grid-template-columns: minmax(0, 1fr); }
.sol-app .ib:not(.has-thread) .ib-pane { display: none; }
.sol-app .ib-threads { gap: 0; background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r); overflow: hidden; }
.sol-app .ib-threads > li + li .ib-row { border-top: 1px solid var(--hairline); }
.sol-app .ib-row { grid-template-columns: 8px 32px minmax(0, 1fr) auto; gap: 12px; min-height: 44px; padding: 10px 16px 10px 12px; border: 0; border-radius: 0; box-shadow: none; background: var(--card); }
.sol-app .ib-row:hover { box-shadow: none; background: var(--well); }
.sol-app .ib-row.on { box-shadow: none; background: var(--accent-tint); }
.sol-app .ib-head .dr-av, .sol-app .ib-row .dr-av { width: 32px; height: 32px; border-radius: 50%; background: var(--neutral-bg); color: var(--ink-2); display: grid; place-items: center; font: var(--t-label); }
.sol-app .ib-dot { width: 8px; height: 8px; border-radius: 50%; }
.sol-app .ib-row.unread .ib-dot { background: var(--accent); }
.sol-app .ib-row.unread .row-t { font-weight: 600; color: var(--ink-1); }
.sol-app .ib-row .row-t { font-weight: 500; }
.sol-app .ib-m .row-s { font-variant-numeric: tabular-nums; }
.sol-app .ib-pane.drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(720px, 100vw); padding: 18px 20px; border: 0; border-left: 1px solid var(--hairline); border-radius: 0; box-shadow: var(--shadow-float); overflow-y: auto; z-index: var(--u-z-drawer, 60); background: var(--card); }
.sol-app .ib-pane.drawer .ib-body { grid-template-columns: minmax(0, 1fr); }
.sol-app .ib-pane.drawer .ib-msgs { max-height: none; }
.sol-app .ib-back { display: inline-flex; order: 9; margin-left: auto; }
.sol-app .ib-back .ib-back-w { display: none; }
@media (max-width: 900px) {
  .sol-app .ib.has-thread .ib-list { display: block; }
  .sol-app .ib-back { order: 0; margin-left: 0; flex: 0 0 auto; }
  .sol-app .ib-back .ib-back-w { display: inline; }
}
.sol-app .ny-row .badge { justify-self: start; }
/* the kit's .figures-strip .fig sets --fc after [data-tone]; restate the tone at strip weight so the marker shows its colour */
.sol-app .figures-strip [data-tone=info] { --fc: var(--info); } .sol-app .figures-strip [data-tone=good] { --fc: var(--good); } .sol-app .figures-strip [data-tone=warn] { --fc: var(--warn); } .sol-app .figures-strip [data-tone=bad] { --fc: var(--bad); }
.sol-app .figures-strip [data-tone=s1] { --fc: var(--stage-1); } .sol-app .figures-strip [data-tone=s3] { --fc: var(--stage-3); } .sol-app .figures-strip [data-tone=s4] { --fc: var(--stage-4); } .sol-app .figures-strip [data-tone=s6] { --fc: var(--stage-6); }
/* law notes: a quiet well box, no side stripe (look contract: no coloured stripe down one side) */
.sol-app .note-law { background: var(--well); border: 1px solid var(--hairline); border-radius: var(--r); }
.sol-app .co-id .row-t, .sol-app .co-id .row-s { display: block; }