/* Leads, Jobs, Contacts, Pipelines (5 Oct 2026, design step 2): one toolbar, a closed Breakdown, a Filter menu, grey stage tags,
   board heads with count + money, Contacts on a 44px rhythm. Only the shared tokens from premium-solar.css are used here. */
.sol-app .scr-a .figures-strip { margin-bottom: 16px; }
.sol-app .scr-a .page-head { margin-bottom: 16px; }

/* one search-and-filter row */
.sol-app .scr-a .tb-a { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; }
.sol-app .scr-a .tb-a .srch { flex: 0 1 280px; min-width: 180px; }
.sol-app .scr-a .tb-a .view-toggle, .sol-app .scr-a .tb-a .job-views, .sol-app .scr-a .tb-a > .uk-seg { margin-left: auto; }
.sol-app .scr-a .chip-row { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.sol-app .scr-a .chip-f .n, .sol-app .scr-a .fmenu .n { color: var(--meta); font-variant-numeric: tabular-nums; }
.sol-app .scr-a .chip-f[aria-pressed=true] .n { color: inherit; }

/* the Filter menu: a native details, so it opens with a tap or the keyboard and closes on the next draw */
.sol-app .scr-a .fmenu { position: relative; }
.sol-app .scr-a .fmenu > summary { list-style: none; cursor: pointer; }
.sol-app .scr-a .fmenu > summary::-webkit-details-marker { display: none; }
.sol-app .scr-a .fmenu > summary.on { border-color: var(--accent); color: var(--accent); }
.sol-app .scr-a .fmenu-pop { position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; display: flex; flex-direction: column; gap: 2px; width: 240px; max-height: 70vh; overflow: auto; padding: 8px; background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r); box-shadow: 0 12px 32px rgba(16, 24, 40, .14); }
.sol-app .scr-a .fmenu-h { padding: 8px 8px 4px; font: 500 11px/16px var(--u-f); color: var(--meta); }
.sol-app .scr-a .fmenu-i { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 36px; padding: 0 8px; border: 0; border-radius: 6px; background: none; color: var(--ink-1); font: 400 13px/20px var(--u-f); text-align: left; cursor: pointer; }
.sol-app .scr-a .fmenu-i:hover { background: var(--sunken); }
.sol-app .scr-a .fmenu-i[aria-pressed=true] { background: var(--accent-tint); color: var(--accent); font-weight: 500; }
.sol-app .scr-a .fmenu .fsel { display: flex; flex-direction: column; gap: 6px; padding: 0 4px 4px; }

/* Breakdown: closed by default, charts are analysis, not the work */
.sol-app .scr-a .breakdown { margin: 0 0 12px; }
.sol-app .scr-a .breakdown > summary { display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; color: var(--ink-2); font: 500 13px/20px var(--u-f); cursor: pointer; list-style: none; }
.sol-app .scr-a .breakdown > summary::-webkit-details-marker { display: none; }
.sol-app .scr-a .breakdown > summary::after { content: ""; width: 6px; height: 6px; margin-left: 2px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .15s; }
.sol-app .scr-a .breakdown[open] > summary::after { transform: rotate(225deg) translateY(-1px); }
.sol-app .scr-a .breakdown > summary .ic { width: 15px; height: 15px; }
.sol-app .scr-a .breakdown .lbands { margin-top: 8px; }

/* stage tags are grey; colour is kept for state (late, due soon, done) */
.sol-app .scr-a .chip[class*="stg-"] { background: var(--sunken); color: var(--ink-2); }
.sol-app .scr-a .chip[class*="stg-"] .dot { display: none; }
.sol-app .scr-a .board-part .stand-dot { display: none; }
.sol-app .scr-a .board-part.part-money .n, .sol-app .scr-a .sd-eur { color: var(--ink-2); font-weight: 500; font-variant-numeric: tabular-nums; }
.sol-app .scr-a .board-part .n { font-variant-numeric: tabular-nums; }

/* pipelines board: flat columns, count + money in the head */
/* pipelines: the same zone column as the Leads board: well, 4px band in the stage hue, dot + count + money in the head */
.sol-app .scr-a .sd-col { position: relative; padding: 14px 10px 10px; background: var(--well); border: 1px solid var(--hairline); border-radius: var(--r); overflow: hidden; }
.sol-app .scr-a .sd-col::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--stg-c, var(--hairline-2)); }
.sol-app .scr-a .sd-col-h { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 2px; border-bottom: 0; font: 600 13.5px/20px var(--u-f); gap: 8px; }
.sol-app .scr-a .sd-col-h > span:first-child, .sol-app .scr-a .sd-col-h:not(:has(> span:first-child)) { display: inline-flex; align-items: center; gap: 8px; }
.sol-app .scr-a .sd-col-h::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--stg-c, var(--meta)); flex: none; order: -1; }
.sol-app .scr-a .sd-col .deal-card { background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r); box-shadow: none; }
.sol-app .scr-a .deal-card.is-late { border-color: var(--hairline); }
.sol-app .scr-a .sd-n { color: var(--meta); font-weight: 500; font-variant-numeric: tabular-nums; }
.sol-app .scr-a .sd-col-s { margin: 6px 2px 8px; }
.sol-app .scr-a .fig-static { cursor: default; }
.sol-app .scr-a .fig-static:hover { background: none; }
.sol-app .scr-a .dc-val, .sol-app .scr-a td { font-variant-numeric: tabular-nums; }

/* Contacts: one line per person, 44px rows */
.sol-app .scr-a .con-tbl td { height: 44px; padding-top: 0; padding-bottom: 0; white-space: nowrap; vertical-align: middle; }
.sol-app .scr-a .con-tbl td .row-s { display: inline; margin-left: 8px; }
.sol-app .scr-a .con-tbl td:nth-child(2) { max-width: 280px; overflow: hidden; text-overflow: ellipsis; }
.sol-app .scr-a .con-tbl td .chip, .sol-app .scr-a .con-tbl td .tag { vertical-align: middle; }

@media (max-width: 640px) {
  .sol-app .scr-a .tb-a .srch { flex: 1 1 100%; }
  .sol-app .scr-a .tb-a .view-toggle, .sol-app .scr-a .tb-a .job-views, .sol-app .scr-a .tb-a > .uk-seg { margin-left: 0; }
  .sol-app .scr-a .fmenu-pop { width: min(280px, calc(100vw - 32px)); }
}
/* Breakdown sits in the toolbar; open, it drops to its own full-width row under it */
.sol-app .scr-a .tb-a .breakdown { margin: 0; }
.sol-app .scr-a .tb-a .breakdown > summary { height: 32px; padding: 0 6px; }
.sol-app .scr-a .tb-a .breakdown[open] { order: 100; flex-basis: 100%; }
.sol-app .scr-a .figures-strip .fig { padding: 12px 16px; }
.sol-app .scr-a .con-tbl td .row-s { display: none; }
.sol-app .scr-a .con-tbl td:nth-child(5) { max-width: 200px; overflow: hidden; }
.sol-app .scr-a .con-tbl td:nth-child(5) > * { flex-wrap: nowrap; }
.sol-app .scr-a .chip[class*="life-"] { background: var(--sunken); color: var(--ink-2); }
.sol-app .scr-a .chip[class*="life-"] .dot { display: none; }
.sol-app .scr-a .dc-val { color: var(--ink-1); font-weight: 600; }

/* [mix 5 Oct] Leads / Jobs: tabs, filter chips, board cards, drawer (kit classes, tokens only) */
.sol-app .scr-a .lead-tabs, .sol-app .scr-a .job-tabs { margin: 0 0 12px; }
.sol-app .scr-a .chip-fm > summary { list-style: none; }
.sol-app .scr-a .chip-fm > summary::-webkit-details-marker { display: none; }
.sol-app .scr-a .chip-f .ic { width: 14px; height: 14px; }
.sol-app .scr-a .fmenu-pop.menu { gap: 0; padding: 5px; box-shadow: var(--shadow-float); border-radius: var(--r-pop); }
.sol-app .scr-a .fmenu-pop .menu-i[aria-pressed=true] { background: var(--accent-tint); color: var(--accent); }
.sol-app .own-av.pc, .sol-app .avatar.pc, .sol-app .dr-av.pc { background: var(--pc); color: #fff; box-shadow: none; }   /* --pc = SolarKit.avatarTone (an --avatar token) */
.sol-app .scr-a .bc-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; }
.sol-app .scr-a .bc-badges { display: inline-flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.sol-app .scr-a .board-card .lead-acts { width: 100%; }
.sol-app .scr-a .board-card .bc-foot .own-av { margin-left: auto; }
.sol-app .dr-a { padding: 0 0 12px; }
.sol-app .dr-a .dr-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.sol-app .dr-a h2 { margin: 0; font: 600 19px/26px var(--u-f); letter-spacing: -.01em; color: var(--ink-1); }
.sol-app .dr-a .sub { margin: 2px 0 0; color: var(--meta); }
.sol-app .drawer-acts { padding: 0 0 4px; align-items: center; }
.sol-app .dr-tabs { margin: 0 0 16px; }
.sol-app .dr-sec { padding: 0 0 18px; }
.sol-app .dr-sec-h { display: flex; justify-content: space-between; margin: 0 0 10px; font: var(--t-sec); color: var(--ink-1); }
.sol-app .dr-sec-h .meta { font: var(--t-label); color: var(--meta); }
.sol-app .dr-sec .kv { display: grid; margin: 0; }
.sol-app .dr-sec .kv dd { margin: 0; color: var(--ink-1); }
.sol-app .dr-sec .stepper { margin-bottom: 0; }
.sol-app .note-box .btn { flex: none; }
.sol-app .scr-a .gg-kebab { opacity: .75; }
.sol-app .scr-a .board-card .mini { display: inline-flex; align-items: center; gap: 6px; font: var(--t-label); color: var(--meta); font-variant-numeric: tabular-nums; }
.sol-app .scr-a .board-card .mini-bar { width: 56px; height: 4px; border-radius: 2px; background: var(--hairline); overflow: hidden; }
.sol-app .scr-a .board-card .mini-bar > span { display: block; height: 100%; background: var(--good); }
.sol-app .scr-a .lead-st.good { background: var(--good-bg); color: var(--good); }
.sol-app .scr-a .board-card .lead-acts { grid-column: 1 / -1; min-width: 0; }
.sol-app .scr-a .board-card .bc-foot { min-width: 0; flex-wrap: wrap; }
.sol-app .scr-a .board-card .lead-st { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* the kit sets .figures-strip .fig --fc after [data-tone]; re-assert the tone on these screens */
.sol-app .scr-a .figures-strip .fig[data-tone=info] { --fc: var(--info); }
.sol-app .scr-a .figures-strip .fig[data-tone=warn] { --fc: var(--warn); }
.sol-app .scr-a .figures-strip .fig[data-tone=bad] { --fc: var(--bad); }
.sol-app .scr-a .figures-strip .fig[data-tone=good] { --fc: var(--good); }
.sol-app .scr-a .figures-strip .fig[data-tone=s1] { --fc: var(--stage-1); }
.sol-app .scr-a .figures-strip .fig[data-tone=s2] { --fc: var(--stage-2); }
.sol-app .scr-a .figures-strip .fig[data-tone=s3] { --fc: var(--stage-3); }
.sol-app .scr-a .figures-strip .fig[data-tone=s4] { --fc: var(--stage-4); }
.sol-app .scr-a .figures-strip .fig[data-tone=s5] { --fc: var(--stage-5); }
.sol-app .scr-a .figures-strip .fig[data-tone=s6] { --fc: var(--stage-6); }
.sol-app .scr-a .con-tabs { margin: 0 0 12px; }
.sol-app .scr-a .sd-col-h { justify-content: flex-start; }
.sol-app .scr-a .sd-col-h .sd-eur { margin-left: auto; }
.sol-app .scr-a .sd-cards { margin: 0; padding: 0; min-width: 0; }
.sol-app .scr-a .sd-col .deal-card { min-width: 0; max-width: 100%; box-sizing: border-box; }
.sol-app .scr-a .deal-card .badge { height: auto; min-height: 22px; padding-top: 2px; padding-bottom: 2px; max-width: 100%; white-space: normal; }
.sol-app .scr-a .deal-card .dc-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.sol-app .scr-a .deal-card .badge { line-height: 16px; }