/* LOITEC Unified Component System — Layout & Component Grid v1.2 */
:root{
  --lucs-font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --lucs-text-xs:.6875rem;--lucs-text-sm:.75rem;--lucs-text-md:.8125rem;--lucs-text-lg:.9375rem;
  --lucs-title-sm:clamp(1rem,.95rem + .2vw,1.125rem);--lucs-title-md:clamp(1.25rem,1.05rem + .55vw,1.625rem);--lucs-title-lg:clamp(1.75rem,1.35rem + 1vw,2.35rem);
  --lucs-line-tight:1.18;--lucs-line-normal:1.45;
  --lucs-grid-1:4px;--lucs-grid-2:8px;--lucs-grid-3:12px;--lucs-grid-4:16px;--lucs-grid-5:20px;--lucs-grid-6:24px;--lucs-grid-8:32px;
  --lucs-radius-control:12px;--lucs-radius-pill:999px;--lucs-radius-panel:16px;
  --lucs-h-control:34px;--lucs-h-action:38px;--lucs-h-icon:34px;
  --lucs-control-pad-x:14px;--lucs-control-min:96px;--lucs-action-min:132px;
  --lucs-focus:0 0 0 3px rgba(20,184,166,.28);--lucs-tooltip-bg:#101827;--lucs-tooltip-fg:#f8fafc;
}
html[data-loitec-lucs="1"] *,html[data-loitec-lucs="1"] *::before,html[data-loitec-lucs="1"] *::after{box-sizing:border-box}
html[data-loitec-lucs="1"] body{font-family:var(--lucs-font-family);font-size:var(--lucs-text-md);line-height:var(--lucs-line-normal)}
html[data-loitec-lucs="1"] :where(button,input,select,textarea,[role="button"],a.lucs-control){font:inherit}
html[data-loitec-lucs="1"] :where(h1,.lucs-title-1){font-size:var(--lucs-title-lg);line-height:var(--lucs-line-tight)}
html[data-loitec-lucs="1"] :where(h2,.lucs-title-2){font-size:var(--lucs-title-md);line-height:var(--lucs-line-tight)}
html[data-loitec-lucs="1"] :where(h3,h4,.lucs-title-3){font-size:var(--lucs-title-sm);line-height:1.25}
html[data-loitec-lucs="1"] :where(small,.caption,.eyebrow,.kicker,.meta){font-size:var(--lucs-text-sm)}
html[data-loitec-lucs="1"] :where(button,[role="button"]:not([data-lucs-native="1"]),a.lucs-control){
  min-height:var(--lucs-h-control)!important;height:var(--lucs-h-control)!important;max-width:100%;padding:0 var(--lucs-control-pad-x)!important;
  border-radius:var(--lucs-radius-control)!important;font-size:var(--lucs-text-sm)!important;line-height:1!important;letter-spacing:.01em;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;vertical-align:middle;white-space:nowrap
}
html[data-loitec-lucs="1"] :where(.lucs-control--nav,.lucs-control--mode){border-radius:var(--lucs-radius-pill)!important;min-width:auto}
html[data-loitec-lucs="1"] :where(.lucs-control--action){min-width:var(--lucs-action-min);height:var(--lucs-h-action)!important;min-height:var(--lucs-h-action)!important}
html[data-loitec-lucs="1"] :where(.lucs-control--icon){width:var(--lucs-h-icon)!important;min-width:var(--lucs-h-icon)!important;padding:0!important;border-radius:50%!important}
html[data-loitec-lucs="1"] :where(button,a,[role="button"],input,select,textarea):focus-visible{outline:2px solid rgba(20,184,166,.72);outline-offset:2px;box-shadow:none!important}
html[data-loitec-lucs="1"] :where(input,select,textarea){contain:paint}
html[data-loitec-lucs="1"] [data-lucs-group]{margin:0;min-width:0}
html[data-loitec-lucs="1"] [data-lucs-group="navigation"]{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:var(--lucs-grid-2)!important}
html[data-loitec-lucs="1"] [data-lucs-group="mode"]{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:var(--lucs-grid-2)!important}
html[data-loitec-lucs="1"] [data-lucs-group="actions"]{display:grid!important;grid-template-columns:repeat(var(--lucs-group-count,1),minmax(var(--lucs-action-min),1fr))!important;align-items:center!important;gap:var(--lucs-grid-2)!important;width:min(100%,calc(var(--lucs-group-count,1) * 180px))}
html[data-loitec-lucs="1"] [data-lucs-group="actions"]>:where(button,a,[role="button"]:not([data-lucs-native="1"])){width:100%!important;min-width:0!important;margin:0!important}
html[data-loitec-lucs="1"] :where(.actions,.action-bar,.toolbar,.top-actions,.header-actions,.footer-actions,.buttons,.btn-group,[data-lucs-zone="actions"])>*{margin:0!important}
html[data-loitec-lucs="1"] :where(.card,.panel,.box,.status-card,.metric,.kpi){border-radius:var(--lucs-radius-panel)}
html[data-loitec-lucs="1"] :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-height:var(--lucs-h-action);font-size:var(--lucs-text-md);border-radius:var(--lucs-radius-control)}
html[data-loitec-lucs="1"] textarea{line-height:1.5}
html[data-loitec-lucs="1"] :where(.telemetry,[data-lucs-group="telemetry"]){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;gap:var(--lucs-grid-2)!important;align-items:stretch!important}
html[data-loitec-lucs="1"] :where(.telemetry,[data-lucs-group="telemetry"])>:where(a,button,.metric){min-width:0!important;width:100%!important;height:auto!important;min-height:52px!important;padding:10px 12px!important;border-radius:var(--lucs-radius-control)!important}
html[data-loitec-lucs="1"] :where(.bar){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:var(--lucs-grid-3)!important}
html[data-loitec-lucs="1"] [data-lucs-overlap="true"]{outline:2px solid #dc2626;outline-offset:2px}
/* RC055.5: runtime help remains available through aria-label/data metadata.
   The floating visual tooltip was disabled because Chromium could render its
   compositor layer as a detached horizontal artefact across unrelated panels. */
.lucs-tooltip,#lucs-runtime-tooltip{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}
.lucs-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){html[data-loitec-lucs="1"] [data-lucs-group="actions"]{width:100%;grid-template-columns:repeat(auto-fit,minmax(128px,1fr))!important}}
@media(max-width:720px){
  :root{--lucs-h-control:42px;--lucs-h-action:44px;--lucs-h-icon:42px;--lucs-action-min:120px}
  html[data-loitec-lucs="1"] :where(button,[role="button"]:not([data-lucs-native="1"]),a.lucs-control){white-space:normal;text-align:center}
  html[data-loitec-lucs="1"] [data-lucs-group="navigation"],html[data-loitec-lucs="1"] [data-lucs-group="mode"]{justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px}
  html[data-loitec-lucs="1"] :where(.bar){grid-template-columns:1fr!important}
  html[data-loitec-lucs="1"] [data-lucs-group="actions"]{grid-template-columns:1fr!important}
}

/* RC046.5 Cognitive Explainability Layer */
.pipeline-stage{font:inherit;color:inherit;text-align:left;width:100%;appearance:none}.pipeline-stage:hover,.pipeline-stage:focus-visible{border-color:rgba(143,230,176,.55);outline:none;transform:translateY(-1px)}.pipeline-stage.is-selected{box-shadow:0 0 0 1px rgba(143,230,176,.48) inset;background:rgba(143,230,176,.045)}
.pipeline-explainability{margin-top:8px;display:grid;grid-template-columns:minmax(110px,.7fr) minmax(170px,1.5fr) minmax(170px,1.5fr) minmax(170px,1.4fr) minmax(80px,.45fr) minmax(190px,1.6fr);gap:7px}.pipeline-explainability>div{min-width:0;border:1px solid var(--line);border-radius:9px;padding:7px 8px;background:rgba(255,255,255,.02)}.pipeline-explainability small{display:block;font-size:7px;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}.pipeline-explainability strong,.pipeline-explainability span{display:block;font-size:8px;color:var(--soft);line-height:1.35;overflow-wrap:anywhere}.pipeline-explainability strong{color:var(--green)}@media(max-width:1180px){.pipeline-explainability{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media(max-width:680px){.pipeline-explainability{grid-template-columns:1fr}}