/* « Indicateurs » owns its page only; the assistant and the forecast are unchanged.
   A cockpit: navy ink frame, white cards, one accent per meaning (red for pay, teal for people,
   gold for women, green for good news). Light and dark follow the application's theme. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

.indicators-menu{cursor:pointer;background:transparent;font:inherit;font-size:13px;color:var(--text-title);border:1px solid var(--border-main);border-radius:8px;padding:7px 12px}
.indicators-menu[aria-pressed=true]{color:var(--gold-primary);border-color:var(--gold-primary)}
/* On a phone the header has no room: the section opens from the « Avancé » menu instead. */
@media(min-width:701px){.indicators-advanced{display:none!important}}
#indicators-menu[hidden],.indicators-advanced[hidden]{display:none!important}
@media(max-width:700px){.indicators-menu{display:none!important}}
body.indicators-active #conv-drawer,body.indicators-active #conv-scrim{display:none!important}
/* The conversation shows inside the cockpit only on its own view (« Alma »). */
body.indicators-active:not(.alma-in-cockpit) #thread,body.indicators-active:not(.alma-in-cockpit) #welcome-studio,body.indicators-active:not(.alma-in-cockpit) #board-stage,body.indicators-active:not(.alma-in-cockpit) #plan-validation-host,body.indicators-active:not(.alma-in-cockpit) .composer-tools-bar,body.indicators-active:not(.alma-in-cockpit) #composer-filters,body.indicators-active:not(.alma-in-cockpit) #follow-up-suggestions,body.indicators-active:not(.alma-in-cockpit) #surface-switch,body.indicators-active:not(.alma-in-cockpit) #floating-composer-dock{display:none!important}
body.alma-in-cockpit .thread-shell{padding-bottom:calc(var(--composer-safe,120px) + 90px)}
.ki-alma{margin-top:8px;min-width:0}
.ki-alma #thread,.ki-alma #welcome-studio{max-width:none}
.ki-alma #welcome-studio{margin-top:12px;padding-top:0;min-height:0}
/* The input bar sits under the conversation's column, beside the menu (236 px and its 24 px gap). */
@media(min-width:901px){
  body.alma-in-cockpit .floating-composer-dock{left:calc(50% + 140px)!important;width:min(860px,calc(100vw - 340px))!important}
  body.alma-in-cockpit.ki-menu-folded .floating-composer-dock{left:50%!important;width:min(860px,calc(100vw - 24px))!important}
}
#indicators-host .ki-convs{display:flex;flex-direction:column;gap:1px}
#indicators-host .ki-nav .ki-conv{font-size:12.8px;font-weight:400}
.ki-convs-none{font-size:12px;color:#8592A8;padding:8px 10px;margin:0}
/* A conversation's row: its « ⋯ » shows on hover or focus and opens rename, file, take out, delete. */
.ki-conv-row{display:flex;align-items:center;gap:2px;min-width:0}
.ki-conv-row .ki-conv{flex:1;min-width:0}
#indicators-host .ki-nav .ki-conv-more{flex:none;justify-content:center;width:28px;height:28px;padding:0;opacity:0;font-size:15px;letter-spacing:1px;color:#8E9AB0}
.ki-conv-row:hover .ki-conv-more,.ki-conv-row:focus-within .ki-conv-more,#indicators-host .ki-nav .ki-conv-more[aria-expanded=true]{opacity:1}
.ki-conv-menu{display:flex;flex-direction:column;gap:1px;margin:2px 0 6px 26px;padding:4px;border-radius:9px;background:rgba(255,255,255,.05)}
#indicators-host .ki-nav .ki-conv-menu button{font-size:12.6px;padding:7px 9px}
#indicators-host .ki-nav .ki-conv-menu .ki-danger{color:#F08A98}
.ki-conv-ask{font-size:12.4px;color:#C9D2E0;padding:6px 9px}
.ki-conv-menu input,.ki-conv-edit input{width:100%;font:inherit;font-size:12.8px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:7px 9px}
.ki-conv-menu input:focus,.ki-conv-edit input:focus{outline:2px solid #2AA7B8;outline-offset:1px}
.ki-conv-edit{padding:2px 0 4px}
.ki-folder{display:flex;align-items:center;gap:6px}
.ki-folder .ki-i{width:14px;height:14px}
.ki-folder small{margin-left:auto;font-size:10px;color:#7F8BA0}
@media(hover:none){#indicators-host .ki-nav .ki-conv-more{opacity:1}}

/* The places (A-35, Amin 12/10): tabs in the header, the left pane holds what the current one lists.
   The header's older doors to the same screens step aside. */
.app-places{display:flex;align-items:center;gap:2px;margin-left:14px;min-width:0;overflow-x:auto;scrollbar-width:none}
.app-places[hidden]{display:none}
.app-places button{position:relative;display:inline-flex;align-items:center;gap:7px;font:600 13px Inter,'Plus Jakarta Sans',system-ui,sans-serif;color:var(--text-muted);background:transparent;border:0;border-radius:9px;padding:8px 12px;cursor:pointer;white-space:nowrap}
.app-places button:hover{color:var(--text-title);background:var(--bg-card-hover)}
.app-places button[aria-current=page]{color:var(--text-title);background:var(--bg-card-hover)}
.app-places button[aria-current=page] .ki-i{color:#B11E2F}
.app-places button:focus-visible{outline:2px solid #0F7B8A;outline-offset:2px}
.ki-i{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.cockpit-places #advanced-tools,body.cockpit-places #indicators-menu,body.cockpit-places #tenant-pill,body.cockpit-places #ki-close{display:none!important}
@media(max-width:700px){
  /* The header's blur would hold the bar inside it: on a phone the header goes plain. */
  body.cockpit-places .app-header{backdrop-filter:none;-webkit-backdrop-filter:none}
  body.cockpit-places .app-places{position:fixed;left:0;right:0;bottom:0;z-index:120;margin:0;justify-content:space-around;background:var(--bg-surface-solid);border-top:1px solid var(--border-main);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px))}
  body.cockpit-places .app-places button{flex:1;flex-direction:column;gap:2px;font-size:10.5px;padding:6px 2px}
  body.cockpit-places .app-places .ki-ai{display:none}
  body.cockpit-places .app-places button[aria-current=page]{color:#B11E2F;background:transparent}
  body.cockpit-places.indicators-active .thread-shell{padding-bottom:84px}
  body.cockpit-places.alma-in-cockpit .thread-shell{padding-bottom:calc(var(--composer-safe,120px) + 150px)}
  .ki-heading-tools{order:3;flex-basis:100%}
  body.cockpit-places .floating-composer-dock{bottom:70px!important}
}
/* The menu runs the full height on the left, flush, under the burger (Amin 12/10: no space « that serves no purpose »). */
@media(min-width:901px){
  body.cockpit-places .app-header{padding-left:12px}
  body.cockpit-places.indicators-active .thread-shell{padding:0;overflow:auto}
  body.cockpit-places #indicators-host{max-width:none}
  body.cockpit-places .ki-layout{grid-template-columns:248px minmax(0,1fr);gap:0}
  body.cockpit-places .ki-layout.ki-folded{grid-template-columns:0 minmax(0,1fr);gap:0}
  body.cockpit-places .ki-nav{border-radius:0;box-shadow:none;min-height:calc(100dvh - var(--header-h,56px))}
  body.cockpit-places .ki-main{padding:20px 28px 32px;min-width:0;max-width:1420px}
  body.cockpit-places.alma-in-cockpit .floating-composer-dock{left:calc(50% + 124px)!important;width:min(860px,calc(100vw - 320px))!important}
  body.cockpit-places.alma-in-cockpit.ki-menu-folded .floating-composer-dock{left:50%!important;width:min(860px,calc(100vw - 40px))!important}
}
/* The recruitment forecast inside the cockpit, beside its menu; its own heading and way out step aside. */
#ki-forecast{display:flex;flex-direction:column;height:calc(100dvh - var(--header-h,56px) - 150px);min-height:560px;margin-top:8px}
#ki-forecast[hidden]{display:none}
body.forecast-in-cockpit #forecast-host{height:100%;max-width:none;margin:0}
body.forecast-in-cockpit .fc-heading{display:none}
@media(max-width:700px){#ki-forecast{height:auto;min-height:0}}
/* The LEVA mark opens the account menu (theme, install, sign-out) right under it. */
.brand-mark{display:flex;align-items:center;gap:10px;min-width:0;background:none;border:0;padding:4px 8px 4px 4px;border-radius:9px;cursor:pointer;color:inherit;font:inherit;text-align:left}
.brand-mark:hover{background:var(--bg-card-hover)}
.brand-mark:focus-visible{outline:2px solid #0F7B8A;outline-offset:2px}
.account-menu.from-mark{right:auto}
/* Burger, mark and source side by side; the places follow them. */
body.cockpit-places .app-header{justify-content:flex-start}
body.cockpit-places .header-actions{margin-left:8px}
body.cockpit-places #account-btn{display:none}
/* Alma's display switch, in its page's heading inside the cockpit. */
.ki-heading-tools{display:flex;align-items:center;gap:8px}
.ki-heading-tools:empty{display:none}
#indicators-host #ki-heading-tools .surface-switch{display:inline-flex;gap:2px;padding:3px;border:0;border-radius:10px;background:var(--ki-soft)}
#indicators-host #ki-heading-tools .surface-switch button{border:0;background:transparent;color:var(--ki-muted);font-weight:600;font-size:12.5px;padding:6px 12px;border-radius:8px}
#indicators-host #ki-heading-tools .surface-switch button.on{background:var(--ki-card);color:var(--ki-text);box-shadow:var(--ki-shadow)}

/* ---------------------------------------------------------------- tokens */
#indicators-host{
  --ki-ink:#0E1726;--ki-red:#B11E2F;--ki-teal:#0F7B8A;--ki-gold:#C8941E;--ki-green:#1F8A5B;--ki-slate:#3B4A63;
  --ki-muted:#6B7689;--ki-line:#DDE2EA;--ki-soft:#E8ECF2;--ki-bg:#ECEFF4;--ki-card:#FAFBFC;--ki-text:#0E1726;--ki-body:#334155;
  --ki-track:#EDF1F7;--ki-shadow:0 1px 2px rgba(14,23,38,.05),0 4px 14px rgba(14,23,38,.06);--ki-r:12px;
  --ki-nav:linear-gradient(180deg,#0E1726 0%,#101C30 100%);--ki-panel:linear-gradient(135deg,#0E1726 0%,#16263F 60%,#1B3247 100%);
}
:root[data-theme="dark"] #indicators-host,:root:not([data-theme]) #indicators-host{
  --ki-ink:#E7ECF4;--ki-red:#E35D6F;--ki-teal:#2AA7B8;--ki-gold:#E0AE45;--ki-green:#3DB57F;--ki-slate:#8EA0BF;
  --ki-muted:#8C9AB0;--ki-line:#22304A;--ki-soft:#1A2639;--ki-bg:#0A111D;--ki-card:#111B2C;--ki-text:#EEF2F8;--ki-body:#C9D2E0;
  --ki-track:#1C2940;--ki-shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.28);
  --ki-nav:linear-gradient(180deg,#0B1424 0%,#0E1A2E 100%);--ki-panel:linear-gradient(135deg,#0E1A2E 0%,#15253D 60%,#1A3047 100%);
}
body.indicators-active .thread-shell{margin-left:0;width:100%;padding:18px 22px 28px;overflow:auto;min-height:0;background:var(--ki-bg-page,transparent)}
body.indicators-active{--ki-bg-page:#ECEFF4}
:root[data-theme="dark"] body.indicators-active,:root:not([data-theme]) body.indicators-active{--ki-bg-page:#0A111D}
#indicators-host{max-width:1560px;margin:0 auto;color:var(--ki-body);font-family:Inter,'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
#indicators-host[hidden]{display:none}
#indicators-host *{box-sizing:border-box}
#indicators-host button{font:inherit;font-size:13px;color:var(--ki-text);background:var(--ki-card);border:1px solid var(--ki-line);border-radius:9px;padding:8px 12px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
#indicators-host button:hover{border-color:var(--ki-teal)}#indicators-host button:disabled{opacity:.4;cursor:default}
#indicators-host :focus-visible{outline:2px solid var(--ki-teal);outline-offset:2px}
#indicators-host [hidden]{display:none!important}

/* ---------------------------------------------------------------- frame: navy menu, page beside it */
.ki-layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:24px;align-items:start;transition:grid-template-columns .26s ease,gap .26s ease}
.ki-layout.ki-folded{grid-template-columns:0 minmax(0,1fr);gap:0}
.ki-layout.ki-folded .ki-nav{visibility:hidden;opacity:0;box-shadow:none}
.ki-nav{transition:opacity .2s ease,visibility .2s}
.ki-ai{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.6px;line-height:1;padding:3px 6px;border-radius:99px;vertical-align:1px;margin-left:5px;background:rgba(200,148,30,.16);color:#8A5F0A;text-transform:none}
:root[data-theme="dark"] .ki-ai,:root:not([data-theme]) .ki-ai{background:rgba(212,175,55,.18);color:#E9C46A}
.ki-nav .ki-ai{background:rgba(212,175,55,.2);color:#E9C46A}
.ki-heading-text{flex:1;min-width:0}
.ki-nav{position:sticky;top:0;display:flex;flex-direction:column;min-height:calc(100dvh - 120px);border-radius:14px;background:var(--ki-nav);color:#C9D2E0;box-shadow:0 8px 26px rgba(14,23,38,.18);overflow:hidden}
.ki-place{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:18px 14px 4px 16px}
.ki-place strong{color:#fff;font-size:15px;letter-spacing:-.2px}
#indicators-host .ki-nav .ki-place-new{flex-basis:100%;justify-content:center;margin-top:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:600}
.ki-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ki-nav .ki-i{color:#7F8BA0}
#indicators-host .ki-nav button:hover .ki-i,#indicators-host .ki-nav button[aria-current=page] .ki-i,#indicators-host .ki-nav .ki-place-new .ki-i{color:#fff}
#ki-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:4px 10px 10px}
.ki-nav-sec{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#5E6B80;padding:14px 10px 6px}
#indicators-host .ki-nav button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:0;background:transparent;color:#B9C3D2;padding:9px 10px;border-radius:8px;font-size:13.2px;font-weight:500}
#indicators-host .ki-nav button:hover{background:rgba(255,255,255,.06);color:#fff}
#indicators-host .ki-nav button[aria-current=page]{background:rgba(177,30,47,.92);color:#fff;box-shadow:0 2px 10px rgba(177,30,47,.35)}
.ki-nav button small{font-size:10.5px;color:#7F8BA0;background:rgba(255,255,255,.06);border-radius:99px;padding:1px 7px}
.ki-nav button[aria-current=page] small{color:#fff;background:rgba(255,255,255,.18)}
.ki-fresh{padding:14px 16px;border-top:1px solid rgba(255,255,255,.07);font-size:10.8px;color:#8592A8;line-height:1.6}
.ki-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2BBF7F;margin-right:6px;box-shadow:0 0 6px #2BBF7F}
.ki-main{min-width:0}

.ki-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ki-eyebrow{font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ki-red);font-weight:700}
.ki-heading h2{font-size:23px;font-weight:800;letter-spacing:-.5px;margin:3px 0 2px;color:var(--ki-text)}
.ki-sub{font-size:12.8px;color:var(--ki-muted);margin:0}
#indicators-host .ki-close{font-size:12.5px;font-weight:600;border-radius:99px;padding:7px 14px;box-shadow:var(--ki-shadow)}

.ki-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 6px;padding:8px 10px;background:var(--ki-card);border:1px solid var(--ki-line);border-radius:var(--ki-r);box-shadow:var(--ki-shadow)}
.ki-grains{display:flex;gap:3px;background:var(--ki-track);border-radius:10px;padding:3px}
#indicators-host .ki-grains button{border:0;background:transparent;font-size:12.5px;font-weight:600;color:var(--ki-muted);padding:7px 14px;border-radius:8px}
#indicators-host .ki-grains button[aria-pressed=true]{background:var(--ki-card);color:var(--ki-text);box-shadow:0 1px 4px rgba(14,23,38,.12)}
.ki-period{display:flex;align-items:center;gap:6px}.ki-period strong{min-width:150px;text-align:center;color:var(--ki-text);font-size:14.5px;font-weight:700}
#indicators-host .ki-period button{width:34px;height:34px;padding:0;font-size:17px;border-radius:50%}
.ki-compare{font-size:11.8px;color:var(--ki-muted);margin-left:auto}
.ki-status{font-size:12px;color:var(--ki-muted);min-height:18px;margin:4px 2px}
#ki-body[aria-busy=true]>:not(.ki-skeleton){opacity:.55;transition:opacity .2s}

/* ---------------------------------------------------------------- headline figures */
.ki-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px;margin:4px 0 16px;align-items:stretch}
/* A strip fills its rows evenly: six figures in one row, eight in two rows of four. */
@media(min-width:1281px){.ki-strip.n4,.ki-strip.n8{grid-template-columns:repeat(4,minmax(0,1fr))}.ki-strip.n5{grid-template-columns:repeat(5,minmax(0,1fr))}.ki-strip.n6{grid-template-columns:repeat(6,minmax(0,1fr))}.ki-strip.n3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:901px) and (max-width:1280px){.ki-strip.n6,.ki-strip.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.ki-strip.n4,.ki-strip.n8{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ki-kpi{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 16px 12px;border:1px solid var(--ki-line);border-radius:var(--ki-r);background:var(--ki-card);box-shadow:var(--ki-shadow);position:relative}
.ki-kpi.missed{border-color:color-mix(in srgb,var(--ki-red) 45%,var(--ki-line))}
.ki-kpi.empty .ki-kpi-value,.ki-kpi-value.muted{color:var(--ki-muted)}
.ki-kpi-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-height:30px}
.ki-kpi-label{font-size:10.3px;letter-spacing:.9px;text-transform:uppercase;color:var(--ki-muted);font-weight:700;line-height:1.35}
.ki-spark{width:76px;height:30px;flex:0 0 76px;overflow:visible}
.ki-spark polyline{fill:none;stroke:var(--ki-teal);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ki-spark polygon{fill:color-mix(in srgb,var(--ki-teal) 12%,transparent);stroke:none}.ki-spark circle{fill:var(--ki-teal)}
.ki-spark.bad polyline{stroke:var(--ki-red)}.ki-spark.bad polygon{fill:color-mix(in srgb,var(--ki-red) 12%,transparent)}.ki-spark.bad circle{fill:var(--ki-red)}
.ki-spark.good polyline{stroke:var(--ki-green)}.ki-spark.good polygon{fill:color-mix(in srgb,var(--ki-green) 12%,transparent)}.ki-spark.good circle{fill:var(--ki-green)}
.ki-kpi-value{font-size:clamp(21px,1.75vw,26px);font-weight:800;letter-spacing:-.6px;line-height:1.15;color:var(--ki-text);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ki-kpi-value small{font-size:13px;font-weight:600;letter-spacing:0;color:var(--ki-muted)}
.ki-deltas{display:flex;flex-direction:column;gap:2px;min-height:17px}
.ki-delta{font-size:11.8px;font-weight:700;color:var(--ki-slate)}.ki-delta em{font-style:normal;font-weight:500;color:var(--ki-muted)}
.ki-delta.good{color:var(--ki-green)}.ki-delta.bad{color:var(--ki-red)}.ki-delta.muted{color:var(--ki-muted)}
.ki-photo{align-self:flex-start;font-size:11px;font-weight:600;color:var(--ki-teal);background:color-mix(in srgb,var(--ki-teal) 10%,transparent);border-radius:99px;padding:2px 9px}
.ki-part,.ki-reason{font-size:12px;color:var(--ki-muted);margin:0;line-height:1.5}.ki-part b{color:var(--ki-text)}
.ki-chip{align-self:flex-start;font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--ki-track);color:var(--ki-muted)}
.ki-chip.met{color:var(--ki-green);background:color-mix(in srgb,var(--ki-green) 12%,transparent)}.ki-chip.missed{color:var(--ki-red);background:color-mix(in srgb,var(--ki-red) 12%,transparent)}
.ki-definition{border-top:1px solid var(--ki-soft);padding-top:6px;margin-top:auto}
.ki-definition summary{cursor:pointer;font-size:11.5px;font-weight:600;color:var(--ki-muted);list-style:none}.ki-definition summary::-webkit-details-marker{display:none}
.ki-definition summary:before{content:'i';display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-right:6px;border-radius:50%;border:1px solid currentColor;font-size:9.5px;font-weight:800}
.ki-definition p{font-size:12px;line-height:1.55;color:var(--ki-body);margin:6px 0}
.ki-meta{color:var(--ki-muted)!important;font-size:11px!important;line-height:1.5}
#indicators-host .ki-ask{align-self:flex-start;font-size:11.5px;font-weight:600;padding:4px 0;color:var(--ki-teal);background:transparent;border:0}
#indicators-host .ki-ask:after{content:' →'}
#indicators-host .ki-ask:hover{text-decoration:underline}

/* ---------------------------------------------------------------- the main trend and what to retain */
.ki-lead{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;margin-bottom:16px;align-items:stretch}
.ki-lead.alone{grid-template-columns:1fr}
.ki-lead>.ki-card{margin:0;grid-column:auto}
.ki-findings{background:var(--ki-panel);color:#E7ECF4;border-radius:var(--ki-r);padding:18px 18px 14px;box-shadow:0 6px 22px rgba(14,23,38,.28);border:1px solid #1E2C44;margin:0 0 16px;display:flex;flex-direction:column}
.ki-lead .ki-findings{margin:0}
.ki-findings header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.ki-findings h3{font-size:14px;font-weight:700;margin:0;color:#fff}
.ki-badge{font-size:9.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#7FD4E2;background:rgba(15,123,138,.25);border:1px solid rgba(15,123,138,.5);border-radius:99px;padding:3px 9px;white-space:nowrap}
#indicators-host .ki-finding{display:flex;gap:11px;align-items:flex-start;width:100%;text-align:left;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;margin-bottom:8px;font-size:12.6px;line-height:1.5;color:#D5DCE8}
#indicators-host .ki-finding:hover{background:rgba(255,255,255,.1);border-color:rgba(127,212,226,.4)}
.ki-ic{flex:0 0 24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;background:rgba(200,148,30,.22);color:#E8C063}
.ki-finding.bad .ki-ic{background:rgba(177,30,47,.28);color:#F08C99}.ki-finding.good .ki-ic{background:rgba(31,138,91,.28);color:#7FDCAE}
.ki-findings .ki-meta{color:#8D9BB3!important;margin:auto 0 0;padding-top:4px}

/* ---------------------------------------------------------------- blocks */
.ki-sections{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:stretch;grid-auto-flow:row dense}
.ki-card{grid-column:span 6;min-width:0;padding:16px 18px;border:1px solid var(--ki-line);border-radius:var(--ki-r);background:var(--ki-card);box-shadow:var(--ki-shadow);transition:box-shadow .3s}
.ki-card.half{grid-column:span 3}.ki-card.third{grid-column:span 2}.ki-card.wide{grid-column:span 6}
.ki-card.ki-flash{box-shadow:0 0 0 3px color-mix(in srgb,var(--ki-teal) 45%,transparent),var(--ki-shadow)}
.ki-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;position:relative}
.ki-card h3{font-size:13.6px;font-weight:700;letter-spacing:-.2px;margin:0 0 2px;color:var(--ki-text)}
.ki-hsub{font-size:11.6px;color:var(--ki-muted);margin:0}
.ki-info{position:static}
.ki-info summary{list-style:none;cursor:pointer;width:22px;height:22px;border-radius:50%;border:1px solid var(--ki-line);color:var(--ki-muted);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;font-style:italic;font-family:Georgia,serif}
.ki-info summary::-webkit-details-marker{display:none}
.ki-info[open] summary{background:var(--ki-teal);border-color:var(--ki-teal);color:#fff}
.ki-info-body{position:absolute;z-index:5;right:0;top:28px;width:min(420px,calc(100vw - 48px));background:var(--ki-card);border:1px solid var(--ki-line);border-radius:10px;box-shadow:0 12px 34px rgba(14,23,38,.18);padding:10px 13px}
.ki-info-body p{font-size:12px;line-height:1.55;margin:4px 0;color:var(--ki-body)}.ki-info-body b{color:var(--ki-text)}
.ki-chart{height:290px;width:100%}.ki-chart.short{height:250px}.ki-chart.pyramid{height:270px}
.ki-card.main .ki-chart{height:300px}
.ki-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}
.ki-table{width:100%;border-collapse:collapse;font-size:12.8px;margin:2px 0 6px;font-variant-numeric:tabular-nums}
.ki-table th{text-align:left;font-size:10.2px;text-transform:uppercase;letter-spacing:.7px;color:var(--ki-muted);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--ki-line);white-space:nowrap}
.ki-table td{padding:8px 10px;border-bottom:1px solid var(--ki-soft);vertical-align:middle;color:var(--ki-body)}
.ki-table .num{text-align:right;white-space:nowrap}
.ki-table .strong{font-weight:700;color:var(--ki-text)}
.ki-table tfoot td{font-weight:700;color:var(--ki-text);border-bottom:0;border-top:1px solid var(--ki-line);background:color-mix(in srgb,var(--ki-track) 55%,transparent)}
.ki-table tbody tr:hover td{background:color-mix(in srgb,var(--ki-track) 50%,transparent)}
.ki-member{color:var(--ki-text)!important;font-weight:600;white-space:nowrap}
.ki-def{max-width:540px;line-height:1.5;min-width:240px}
.ki-table code{font-size:10.8px;color:var(--ki-muted);font-family:'JetBrains Mono',ui-monospace,monospace}
.ki-awaiting td{color:var(--ki-muted)}
.ki-pill{display:inline-block;padding:2px 8px;border-radius:99px;font-size:10.8px;font-weight:600}
.ki-pill.ok{background:color-mix(in srgb,var(--ki-green) 13%,transparent);color:var(--ki-green)}.ki-pill.warn{background:color-mix(in srgb,var(--ki-gold) 16%,transparent);color:color-mix(in srgb,var(--ki-gold) 80%,var(--ki-text))}
.ki-barcell{width:34%;min-width:120px}.ki-card.half .ki-barcell{width:26%;min-width:80px}.ki-card.half .ki-table th,.ki-card.half .ki-table td{padding-left:7px;padding-right:7px}
.ki-hbar{position:relative;height:8px;border-radius:99px;background:var(--ki-track);overflow:visible;min-width:60px}
.ki-hbar>span{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--ki-teal)}
.ki-hbar.good>span{background:var(--ki-green)}.ki-hbar.bad>span{background:var(--ki-red)}.ki-hbar.neutral>span{background:var(--ki-teal)}
.ki-avg{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--ki-text);border-radius:1px}
.ki-legend{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ki-muted);margin:2px 0 6px}
.ki-avg-key{display:inline-block;width:2px;height:12px;background:var(--ki-text)}
.ki-gap.good{color:var(--ki-green)}.ki-gap.bad{color:var(--ki-red)}
.ki-moved{font-weight:600}.ki-moved.good{color:var(--ki-green)}.ki-moved.bad{color:var(--ki-red)}.ki-moved.neutral{color:var(--ki-muted)}
.ki-multi td.ki-barcol{min-width:170px}
.ki-multi td.ki-barcol .ki-hbar{display:inline-block;vertical-align:middle;width:calc(100% - 110px);margin-right:10px}
.ki-multi td.ki-barcol .ki-hbar>span{background:var(--ki-red)}
.ki-cellv{display:inline-flex;flex-direction:column;align-items:flex-end;vertical-align:middle;line-height:1.25}
.ki-cellv small{font-size:10.5px;color:var(--ki-muted);font-weight:500}
.ki-multi td.above .ki-cellv{color:var(--ki-teal);font-weight:700}.ki-multi td.below .ki-cellv{color:var(--ki-gold);font-weight:700}
#indicators-host .ki-card>.ki-ask{margin-top:2px}
.ki-dist{display:flex;flex-direction:column;gap:9px;margin-top:6px}
.ki-dist-row{display:grid;grid-template-columns:minmax(90px,44%) 1fr auto 46px;gap:10px;align-items:center;font-size:12.4px}
.ki-dist-row>span{color:var(--ki-text);font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.ki-dist-row b{font-weight:700;color:var(--ki-text);text-align:right;font-variant-numeric:tabular-nums}
.ki-dist-row small{font-size:11px;color:var(--ki-muted);text-align:right;font-variant-numeric:tabular-nums}
.ki-note{display:flex;gap:12px;align-items:flex-start;margin:16px 0 0;padding:12px 15px;border-radius:10px;background:color-mix(in srgb,var(--ki-gold) 10%,var(--ki-card));border:1px solid color-mix(in srgb,var(--ki-gold) 30%,var(--ki-line));color:var(--ki-body)}
.ki-note>span{color:var(--ki-gold);font-size:16px;line-height:1.3}.ki-note strong{display:block;color:var(--ki-text);font-size:12.8px;margin-bottom:2px}.ki-note p{margin:0;font-size:12.4px;line-height:1.55}

.ki-empty,.ki-foot{font-size:11.5px;color:var(--ki-muted);line-height:1.7}.ki-foot{margin-top:20px}

/* Loading: the page's shape before its figures. */
.ki-ghost{min-height:118px;background:linear-gradient(90deg,var(--ki-card) 0%,var(--ki-track) 50%,var(--ki-card) 100%);background-size:200% 100%;animation:ki-shimmer 1.2s ease-in-out infinite}
.ki-ghost.tall{min-height:300px}
@keyframes ki-shimmer{from{background-position:120% 0}to{background-position:-80% 0}}
@media(prefers-reduced-motion:reduce){.ki-ghost{animation:none}}

/* ---------------------------------------------------------------- narrower screens */
@media(max-width:1280px){.ki-card.third{grid-column:span 3}}
@media(max-width:1100px){.ki-lead{grid-template-columns:1fr}.ki-card.half,.ki-card.third{grid-column:span 6}}
@media(max-width:900px){
  .ki-layout{grid-template-columns:1fr;gap:12px}
  .ki-layout.ki-folded{grid-template-columns:1fr;gap:0}
  .ki-layout.ki-folded .ki-nav{display:none}
  .ki-nav{position:static;min-height:0;flex-direction:row;align-items:center;border-radius:12px}
  .ki-place,.ki-fresh,.ki-nav-sec{display:none}
  /* Beside a conversation the row lists the conversations, the most recent first. */
  #indicators-host .ki-convs{flex-direction:row;gap:4px}
  #ki-nav{flex-direction:row;overflow-x:auto;padding:6px;gap:4px;scrollbar-width:none}#ki-nav::-webkit-scrollbar{display:none}
  #indicators-host .ki-nav button{white-space:nowrap;flex:0 0 auto;font-size:12.6px;padding:8px 12px}
}
@media(max-width:700px){
  body.indicators-active .thread-shell{padding:10px 12px 20px}
  .ki-heading h2{font-size:20px}.ki-heading{align-items:flex-start}
  #indicators-host .ki-close{padding:6px 11px;font-size:11.5px}
  .ki-toolbar{gap:8px;padding:8px}.ki-grains{width:100%}#indicators-host .ki-grains button{flex:1;padding:7px 6px}
  .ki-period{width:100%;justify-content:space-between}.ki-period strong{min-width:0;flex:1;font-size:14px}
  .ki-compare{margin-left:0;flex-basis:100%;font-size:11px}
  .ki-strip{grid-template-columns:1fr 1fr;gap:10px}
  .ki-kpi{padding:12px 12px 10px}.ki-kpi-top{flex-direction:column-reverse;gap:4px;min-height:0}.ki-spark{width:100%;flex:0 0 26px;height:26px}
  .ki-kpi-value{font-size:19px;white-space:normal}.ki-kpi-label{font-size:9.6px}
  .ki-card{padding:14px 12px}.ki-chart{height:250px}.ki-card.main .ki-chart{height:260px}.ki-chart.pyramid{height:250px}
  .ki-sections{gap:12px}
  .ki-table{font-size:12px}.ki-table th,.ki-table td{padding:7px 6px}
  .ki-table td.ki-member,.ki-table th:first-child{position:sticky;left:0;background:var(--ki-card);z-index:1}
  .ki-barcell{min-width:90px;width:auto}
  .ki-multi td.ki-barcol{min-width:120px}.ki-multi td.ki-barcol .ki-hbar{display:none}
  .ki-dist-row{grid-template-columns:minmax(70px,40%) 1fr auto 40px;gap:8px;font-size:12px}
  .ki-info-body{left:0;right:auto;width:calc(100vw - 48px)}
}
@media(max-width:700px){.ki-kpi-gap{grid-column:span 2}.ki-card.half .ki-barcell{display:none}}
@media(max-width:380px){.ki-strip{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- settings drawer: formula choices, target, inputs' data */
.ki-tile-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#indicators-host .ki-edit{font-size:11px;font-weight:600;padding:2px 9px;border-radius:99px;color:var(--ki-slate);flex:none}
.ki-formula-cell{font-size:12px;color:var(--ki-text)}
.ki-scrim{position:fixed;inset:0;background:rgba(14,23,38,.38);z-index:2147483000}
.ki-drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);z-index:2147483001;display:flex;flex-direction:column;background:var(--ki-bg);border-left:1px solid var(--ki-line);box-shadow:-10px 0 34px rgba(14,23,38,.22)}
.ki-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;background:var(--ki-panel);color:#fff}
.ki-drawer-head h3{margin:4px 0 0;font-size:17px;font-weight:800;letter-spacing:-.3px;color:#fff;line-height:1.3}
.ki-drawer-head .ki-eyebrow{color:#F0A4AE}
#indicators-host .ki-x{width:32px;height:32px;padding:0;border-radius:50%;font-size:19px;line-height:1;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}
.ki-drawer-body{flex:1;overflow:auto;padding:14px 16px 28px;display:flex;flex-direction:column;gap:14px}
.ki-set{background:var(--ki-card);border:1px solid var(--ki-line);border-radius:var(--ki-r);box-shadow:var(--ki-shadow);padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px}
.ki-set h4{margin:0;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--ki-muted);font-weight:700}
.ki-formula{margin:0;font-size:14px;font-weight:600;color:var(--ki-text);line-height:1.5;padding:9px 11px;border-radius:9px;background:var(--ki-soft);font-variant-numeric:tabular-nums}
.ki-field{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;color:var(--ki-muted)}
.ki-row{display:flex;gap:8px;align-items:center}
#indicators-host .ki-drawer select,#indicators-host .ki-drawer input[type=text],#indicators-host .ki-drawer input[type=number]{width:100%;min-width:0;font:inherit;font-size:13px;color:var(--ki-text);background:var(--ki-card);border:1px solid var(--ki-line);border-radius:8px;padding:8px 10px}
#indicators-host .ki-drawer .ki-row select{width:auto;flex:0 0 108px}
#indicators-host .ki-drawer select:focus,#indicators-host .ki-drawer input:focus{border-color:var(--ki-teal);outline:none}
.ki-save input{flex:1}
#indicators-host .ki-primary{background:var(--ki-ink);color:var(--ki-card);border-color:var(--ki-ink);font-weight:700;white-space:nowrap}
#indicators-host .ki-primary:hover{background:var(--ki-teal);border-color:var(--ki-teal)}
.ki-error{margin:0;font-size:12px;color:var(--ki-red);font-weight:600}
.ki-input{border:1px solid var(--ki-line);border-radius:10px;padding:10px 11px;display:flex;flex-direction:column;gap:10px}
.ki-input.linked{border-left:3px solid var(--ki-teal)}.ki-input:not(.linked){border-left:3px solid var(--ki-gold)}
.ki-input-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.ki-input-head strong{font-size:13.5px;color:var(--ki-text)}.ki-input-head small{margin-left:6px;font-size:11px;color:var(--ki-muted)}
.ki-input-head p{margin:3px 0 0;font-size:12px;color:var(--ki-body);line-height:1.45}
#indicators-host .ki-input-head button{font-size:12px;font-weight:600;padding:5px 11px;border-radius:99px;flex:none}
.ki-input-form{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--ki-soft);padding-top:10px}
.ki-segment{display:flex;gap:3px;background:var(--ki-track);border-radius:10px;padding:3px}
#indicators-host .ki-segment button{flex:1;border:0;background:transparent;font-size:12px;font-weight:600;color:var(--ki-muted);padding:7px 6px;border-radius:8px}
#indicators-host .ki-segment button[aria-pressed=true]{background:var(--ki-card);color:var(--ki-text);box-shadow:0 1px 4px rgba(14,23,38,.12)}
.ki-codes{border:1px solid var(--ki-line);border-radius:8px;margin:0;padding:6px 10px 8px;max-height:210px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:3px 10px}
.ki-codes legend{font-size:11.5px;font-weight:600;color:var(--ki-muted);padding:0 4px}
.ki-codes label{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--ki-text);min-width:0}
.ki-codes label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ki-history summary{cursor:pointer;font-size:11.5px;font-weight:600;color:var(--ki-muted)}
.ki-versions{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.ki-versions li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--ki-body);padding:7px 9px;border-radius:8px;background:var(--ki-soft)}
.ki-versions li span{color:var(--ki-muted)}
#indicators-host .ki-versions button{font-size:11.5px;padding:4px 10px;border-radius:99px;flex:none}
@media(max-width:700px){.ki-drawer{width:100vw;border-left:0}.ki-drawer-body{padding:12px 12px 24px}.ki-codes{grid-template-columns:1fr 1fr}}

/* ---------------------------------------------------------------- studio: the drawer's three panes, the formula editor, the display editor, the composition */
.ki-drawer-tabs{display:flex;gap:3px;padding:8px 16px 0;background:var(--ki-bg)}
.ki-drawer-tabs:empty{display:none}
#indicators-host .ki-drawer-tabs button{flex:1;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;font-size:12.5px;font-weight:700;color:var(--ki-muted);padding:9px 6px}
#indicators-host .ki-drawer-tabs button[aria-selected=true]{color:var(--ki-text);border-bottom-color:var(--ki-red)}
.ki-def-line{margin:0;font-size:12px;color:var(--ki-muted);line-height:1.45}
#indicators-host .ki-drawer textarea.ki-expr{width:100%;min-width:0;font:13px/1.5 ui-monospace,'Cascadia Mono',Consolas,monospace;color:var(--ki-text);background:var(--ki-card);border:1px solid var(--ki-line);border-radius:8px;padding:9px 10px;resize:vertical}
#indicators-host .ki-drawer textarea.ki-expr:focus{border-color:var(--ki-teal);outline:none}
.ki-help{margin:-4px 0 0;font-size:11px;color:var(--ki-muted)}
.ki-suggest{display:flex;flex-direction:column;border:1px solid var(--ki-line);border-radius:9px;overflow:hidden;margin-top:-6px;box-shadow:var(--ki-shadow)}
#indicators-host .ki-suggest button{display:flex;gap:8px;align-items:baseline;justify-content:flex-start;text-align:left;border:0;border-radius:0;border-bottom:1px solid var(--ki-soft);padding:8px 10px;font-size:12.5px}
#indicators-host .ki-suggest button:last-child{border-bottom:0}
.ki-suggest small{font-size:10.5px;color:var(--ki-muted)}
.ki-ops,.ki-chips,.ki-consts,.ki-shapes{display:flex;flex-wrap:wrap;gap:6px}
#indicators-host .ki-tok{display:inline-flex;align-items:baseline;gap:5px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:99px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#indicators-host .ki-tok small{font-size:10px;color:var(--ki-muted);font-weight:500}
#indicators-host .ki-tok.op{min-width:38px;justify-content:center;font-size:15px;padding:4px 10px;background:var(--ki-soft)}
#indicators-host .ki-tok.linked{border-color:color-mix(in srgb,var(--ki-teal) 45%,var(--ki-line))}
#indicators-host .ki-tok.unlinked{border-style:dashed;color:var(--ki-muted)}
#indicators-host .ki-tok.const{background:color-mix(in srgb,var(--ki-gold) 14%,var(--ki-card))}
.ki-tokens summary{cursor:pointer;font-size:11.5px;font-weight:600;color:var(--ki-muted);margin-bottom:6px}
#indicators-host .ki-drawer input.ki-filter{width:100%;font:inherit;font-size:12.5px;padding:6px 10px;border:1px solid var(--ki-line);border-radius:8px;background:var(--ki-card);color:var(--ki-text);margin-bottom:6px}
.ki-chips{max-height:180px;overflow:auto}
.ki-const{display:inline-flex;align-items:center;gap:4px}
#indicators-host .ki-drawer .ki-const input{width:84px}
#indicators-host .ki-mini{font-size:12px;padding:3px 9px;border-radius:99px}
#indicators-host .ki-mini.add{color:var(--ki-teal)}
.ki-preview{border:1px dashed color-mix(in srgb,var(--ki-teal) 50%,var(--ki-line));border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--ki-teal) 5%,var(--ki-card))}
.ki-preview-label{font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--ki-teal);font-weight:700}
.ki-preview-value{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ki-preview-value strong{font-size:24px;font-weight:800;color:var(--ki-text);letter-spacing:-.5px}
.ki-preview-value strong small{font-size:12px;margin-left:3px;color:var(--ki-muted)}
.ki-was{font-size:12px;color:var(--ki-muted)}
.ki-reading{margin:0;font-size:12px;color:var(--ki-body)}
.ki-plain{margin:-2px 0 2px;padding:6px 9px;border-radius:8px;background:var(--ki-soft);font-weight:600;color:var(--ki-text);line-height:1.45}
.ki-plain:empty{display:none}
.ki-warn{margin:0;font-size:12px;color:var(--ki-gold);font-weight:600}
.ki-preview-tile .ki-kpi{box-shadow:none}
.ki-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#indicators-host .ki-shapes button{font-size:12px;font-weight:600;padding:6px 11px;border-radius:99px}
#indicators-host .ki-shapes button[aria-pressed=true]{background:var(--ki-ink);color:var(--ki-card);border-color:var(--ki-ink)}
.ki-field em{font-style:normal;font-weight:500}
/* A KPI shown as a chart takes two columns of the strip, one on a phone. */
.ki-kpi.ki-kpi-wide{grid-column:span 2}
.ki-kpi-chart{height:190px;width:100%;min-width:0}
.ki-kpi-table{max-height:240px;overflow:auto}
.ki-kpi-table .ki-table{font-size:12px}
#indicators-host .ki-compose-toggle{margin-left:4px;font-size:12px;font-weight:700;border-radius:99px;padding:6px 13px}
#indicators-host .ki-compose-toggle[aria-pressed=true]{background:var(--ki-red);color:#fff;border-color:var(--ki-red)}
.ki-strip.composing .ki-kpi{outline:1px dashed color-mix(in srgb,var(--ki-red) 40%,transparent);outline-offset:2px}
.ki-strip.composing .ki-kpi[draggable=true]{cursor:grab}
.ki-compose-bar{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding-bottom:6px;border-bottom:1px solid var(--ki-soft)}
#indicators-host .ki-compose-bar button{font-size:11.5px;padding:3px 9px;border-radius:99px}
#indicators-host .ki-compose-bar select{font:inherit;font-size:11.5px;max-width:100%;min-width:0;flex:1 1 120px;padding:3px 6px;border:1px solid var(--ki-line);border-radius:8px;background:var(--ki-card);color:var(--ki-text)}
.ki-compose-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin:0 0 16px}
.ki-compose-foot .ki-field{min-width:min(320px,100%)}
#indicators-host .ki-compose-foot select{font:inherit;font-size:13px;width:100%;padding:7px 9px;border:1px solid var(--ki-line);border-radius:8px;background:var(--ki-card);color:var(--ki-text)}
#indicators-host .ki-new{font-weight:700;color:var(--ki-teal);border-style:dashed}
#indicators-host .ki-export{font-weight:600;color:var(--ki-teal);white-space:nowrap;flex:none}
.ki-hidden-list summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ki-muted);padding:8px 0}
.ki-hidden-list ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.ki-hidden-list li{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12.5px;padding:6px 9px;border-radius:8px;background:var(--ki-soft)}
#indicators-host .ki-hidden-list button{font-size:11.5px;padding:3px 10px;border-radius:99px}
@media(max-width:700px){.ki-kpi.ki-kpi-wide{grid-column:1/-1}.ki-grid2{grid-template-columns:1fr}.ki-drawer-tabs{padding:6px 10px 0}.ki-compose-toggle{margin-left:0}}
/* The menu editor (« Onglets et pages »): groups, their tabs and the pages, each row wrapping at phone width. */
.ki-mgroup{display:flex;flex-direction:column;gap:6px;border:1px solid var(--ki-line);border-radius:10px;padding:8px}
.ki-mlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ki-mrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;padding:7px 9px;border-radius:8px;background:var(--ki-soft)}
.ki-mrow.ki-ghead{background:transparent;padding:2px 2px 4px}
.ki-mrow.ki-ghead .ki-mname strong{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--ki-muted)}
.ki-mrow.off .ki-mname strong{color:var(--ki-muted);font-weight:600}
.ki-mname{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 150px}
.ki-mname strong{font-size:13px;color:var(--ki-text);overflow-wrap:anywhere}
.ki-mname small{font-size:11.5px;color:var(--ki-muted);overflow-wrap:anywhere}
.ki-macts{display:flex;flex-wrap:wrap;gap:4px}
#indicators-host .ki-macts button{font-size:11.5px;padding:3px 9px;border-radius:99px}
#indicators-host .ki-macts button:disabled{opacity:.35;cursor:default}
#indicators-host .ki-macts .ki-danger{color:var(--ki-red)}
.ki-mform{flex:1 1 100%;display:flex;flex-direction:column;gap:8px;padding-top:4px}
.ki-mform-acts{justify-content:flex-end;gap:6px}
#indicators-host .ki-nav button.ki-off{opacity:.6}

/* « Calcul »: the formula in the source's columns, its numbers, its source; the tree in the Réglages drawer */
.ki-calc{display:flex;flex-direction:column;gap:8px;margin:8px 0 2px}
.ki-calc-line{border-left:2px solid var(--ki-teal);padding:2px 0 2px 9px}
.ki-calc p{margin:0!important}
.ki-calc-formula{font-size:12.5px;line-height:1.5;color:var(--ki-ink,#0E1726);overflow-wrap:anywhere}
.ki-calc-formula b{font-weight:700}
.ki-calc-numbers{font-size:12px;line-height:1.5;color:var(--ki-teal);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:2px!important}
.ki-calc .ki-meta{margin-top:2px!important;overflow-wrap:anywhere}
.ki-info-body .ki-calc-slot{margin-top:6px}
.ki-calc-tree{margin-top:14px;border-top:1px solid var(--ki-soft);padding-top:10px}
.ki-calc-node{margin:4px 0}
.ki-calc-node>summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ki-ink,#0E1726);line-height:1.45;overflow-wrap:anywhere}
.ki-calc-inner{margin:4px 0 6px 6px;padding-left:10px;border-left:1px solid var(--ki-line)}
.ki-calc-inner p{margin:3px 0}
.ki-calc-detail,.ki-calc-leaf{font-size:11.5px;line-height:1.5;color:var(--ki-muted);overflow-wrap:anywhere}