/* Extracted from ecosystem.css — Shared chips, header chrome and control primitives. */
/* Load after ecosystem.css and before existing ecosystem feature sheets; original order preserved. */

    /* Action chips (refs / ledger / platform / dashboard): comfortable mobile tap target. */
    .rk { font:inherit; padding:9px 13px; min-height:38px; line-height:1.15; border:none;
        border-radius:9px; cursor:pointer; background: var(--tg-theme-secondary-bg-color,#eee);
        color:inherit; }
    .rk:disabled { opacity:.5; }
    .btn { font:inherit; padding:6px 10px; min-height:30px; line-height:1.15; border:none;
        border-radius:8px; cursor:pointer; background:var(--tg-theme-secondary-bg-color,#eee); color:inherit; }
    .btn:disabled { opacity:.5; }
    body.pro .btn { font-size:12px; }
    .rk.active {
        background: var(--ui-accent-solid, color-mix(in srgb, var(--tg-theme-button-color,#3390ec) 44%, #041525));
        color: var(--ui-on-accent, #fff);
    }
    /* §ui design-system: action chips — a neutral pill + a severity-coloured LEFT edge instead of
 10 clashing fills. alert = problem, warn = needs you / money owed, info = work / opportunity. */
    .rk.chip-alert { border-left:3px solid var(--neg,#d11); }
    .rk.chip-warn  { border-left:3px solid #e6a23c; }
    .rk.chip-info  { border-left:3px solid var(--tg-theme-button-color,#3390ec); }
    .rk.chip-alert b, .rk.chip-warn b, .rk.chip-info b { font-variant-numeric:tabular-nums; }
    /* Ledger sheet picker: 3 groups on top, the active group's sheets below (wrap, no h-scroll). */
    #led-sheets { display:block; overflow:visible; }
    .led-grps { display:flex; gap:6px; margin-bottom:6px; flex-wrap:wrap; align-items:center; }
    /* §ui: второй ряд — ПОДЧИНЁННЫЕ листы группы: отступ + линия слева и чуть мельче,
 чтобы два ряда чипов не читались как один сплошной. */
    .led-shs { display:flex; gap:6px; flex-wrap:wrap; margin-left:4px; padding-left:8px;
        border-left:2px solid var(--tg-theme-hint-color,#dfe3e8); }
    .led-shs .rk { font-size:13px; min-height:34px; padding:7px 11px; }
    body.pro .led-grps, body.pro .led-shs {
        flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:2px;
        scrollbar-width:none;
    }
    body.pro .led-grps::-webkit-scrollbar, body.pro .led-shs::-webkit-scrollbar { display:none; }
    body.pro .led-grps .rk, body.pro .led-shs .rk { flex:0 0 auto; white-space:nowrap; }
    .led-shortcuts { display:flex; gap:5px; flex-wrap:wrap; margin-bottom:5px; }
    .led-shortcuts .fin { align-self:center; opacity:.6; font-size:11px; }
    .led-quick-row { display:flex; margin:2px 0 6px; }
    .led-sc-tg { opacity:.82; font-size:12px; min-height:30px; padding:4px 10px; }
    .led-ctx {
        margin-bottom:6px; font-size:12px; color:var(--tg-theme-hint-color,#777);
        white-space:normal; line-height:1.35;
    }
    .rk.grp { font-weight:600; }
    /* Drill-down rows: tap an asset/position row to see its movements. */
    tr.drill { cursor:pointer; }
    tr.drill:active td { background: var(--tg-theme-secondary-bg-color,#eee); }
    tr.drill td:first-child { color: var(--tg-theme-link-color,#3390ec); }
    #ref-add { flex:1; min-width:0; }
    button.del { font:inherit; padding:2px 8px; border:none; border-radius:6px; cursor:pointer;
        background:#e74c3c33; }
    button.del:disabled { opacity:.4; cursor:default; }
    .badge { font-size:11px; padding:1px 6px; border-radius:8px; background:#8884; }
    /* Dashboard workspace styles extracted to ecosystem_dashboard.css. */
    html[data-theme="dark"] #hdr {
        background:
            radial-gradient(circle at 0 0, rgba(98,160,219,.18), transparent 40%),
            linear-gradient(120deg, #223346, #1d2b39 55%, #263646);
        border-color:rgba(143,163,181,.30);
        box-shadow:0 10px 30px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08);
    }
    html[data-theme="dark"] #hdr .hdr-btn,
    html[data-theme="dark"] #hdr .appearance-toggle,
    html[data-theme="dark"] #hdr #search-btn,
    html[data-theme="dark"] #hdr #status,
    html[data-theme="dark"] #hdr .tn-switch {
        background:rgba(12,22,34,.52);
        border-color:rgba(143,163,181,.34);
        color:var(--tg-theme-text-color,#f5f5f5);
    }
    html[data-theme="dark"] #hdr .appearance-segment:not(.active) {
        color:rgba(245,245,245,.82);
    }
    html:not([data-theme="dark"]) #hdr {
        background:linear-gradient(125deg,
          color-mix(in srgb,var(--tg-theme-button-color,#3390ec) 7%,var(--app-surface)),
          var(--tg-theme-bg-color,#fff) 42%,
          color-mix(in srgb,var(--tg-theme-secondary-bg-color,#f1f1f1) 42%,var(--app-surface)));
        border-color:color-mix(in srgb,var(--tg-theme-button-color,#3390ec) 24%,var(--app-border-strong));
    }
    /* Dashboard dark financial chrome → ecosystem_dashboard.css. */