:root {
  color-scheme: dark;
  --bg: #050b14;
  --bg-raised: #081321;
  --panel: rgba(13, 27, 45, .9);
  --panel-solid: #0d1b2d;
  --panel-soft: #10243a;
  --line: rgba(154, 180, 209, .16);
  --line-strong: rgba(154, 180, 209, .3);
  --text: #eef6ff;
  --muted: #93a9c1;
  --faint: #6f849c;
  --cyan: #43d8e6;
  --cyan-strong: #10b8cc;
  --blue: #5a8cff;
  --green: #44d39a;
  --amber: #f1b85b;
  --red: #f2778e;
  --semantic-info: #0668d9;
  --semantic-success: #167a4a;
  --semantic-warning: #a35c00;
  --semantic-critical: #c53d32;
  --semantic-governance: #6a4bc3;
  --semantic-neutral: #5e6f86;
  --semantic-process: #10b8cc;
  --shadow: 0 24px 70px rgba(0, 0, 0, .34);
  --radius: 20px;
  --radius-small: 12px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.quotes-table-region{min-width:0;max-width:100%;overflow-x:auto;border:1px solid var(--line-strong);border-radius:10px;background:var(--panel-solid)}
.quotes-table-region:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.quotes-lines-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.quotes-lines-table caption{text-align:left;padding:14px 16px;color:var(--muted);font-size:12px}
.quotes-lines-table th{padding:12px 16px;text-align:left;white-space:nowrap;background:var(--panel-soft);color:var(--text);font-weight:600}
.quotes-lines-table td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:top}
.quotes-lines-table td:first-child{min-width:180px;overflow-wrap:anywhere}
.quotes-lines-table .quote-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.quotes-lines-table tbody tr:hover{background:var(--panel-soft)}
.quotes-line-evidence summary{cursor:pointer;color:var(--muted);padding:10px 0;font-size:13px}

/* PAIR82 SCREEN167 — native telemetry read cockpit. */
.telemetry-center{display:grid;gap:1rem;min-width:0;max-width:100%;overflow:hidden}
.telemetry-hero{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.telemetry-hero h1{margin:0;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.15}
.telemetry-hero p{margin:.4rem 0;color:var(--muted);font-size:.9rem}
.telemetry-hero small{color:var(--faint);font-size:.76rem}
.telemetry-effective-scope{display:grid;grid-template-columns:auto auto;gap:.2rem .65rem;margin:0;padding:.7rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);font-size:.72rem}
.telemetry-effective-scope dt{color:var(--faint)}
.telemetry-effective-scope dd{margin:0;color:var(--text);font-weight:600;overflow-wrap:anywhere}
.telemetry-filters{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));align-items:end;gap:.65rem;padding:.8rem;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--panel)}
.telemetry-filter{min-width:0;display:grid;gap:.35rem;color:var(--muted);font-size:.75rem}
.telemetry-filter select,.telemetry-filter input{width:100%;min-width:0;min-height:40px;padding:.55rem .65rem;border:1px solid var(--line-strong);border-radius:9px;background:var(--panel-soft);color:var(--text);font:inherit}
.telemetry-refresh,.telemetry-analytics-link{min-height:40px;white-space:nowrap}
.telemetry-status{margin:0;padding:.65rem .85rem;border-left:3px solid var(--cyan);border-radius:6px;background:var(--panel-soft);color:var(--muted);font-size:.82rem}
.telemetry-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem;min-width:0}
.telemetry-kpi{min-width:0;min-height:112px;display:grid;align-content:start;gap:.3rem;padding:.8rem;text-align:left;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--panel);cursor:pointer}
.telemetry-kpi:hover,.telemetry-kpi.is-selected{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(67,216,230,.12)}
.telemetry-kpi span{color:var(--muted);font-size:.76rem}
.telemetry-kpi strong{font-size:1.15rem;overflow-wrap:anywhere}
.telemetry-kpi small{color:var(--faint);font-size:.68rem;line-height:1.35;overflow-wrap:anywhere}
.telemetry-tabs{display:flex;flex-wrap:wrap;gap:.45rem;padding-bottom:.1rem}
.telemetry-tabs .button[aria-current="page"]{outline:1px solid var(--cyan);color:var(--cyan)}
.telemetry-panel,.telemetry-detail{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--panel)}
.telemetry-panel h2,.telemetry-detail h3{margin:.1rem 0 .8rem;font-size:1.05rem}
.telemetry-source-meta{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.4rem .8rem;margin:0 0 1rem;padding:.7rem;border-radius:10px;background:var(--panel-soft);font-size:.78rem}
.telemetry-source-meta dt{color:var(--faint)}
.telemetry-source-meta dd{margin:0;overflow-wrap:anywhere}
.telemetry-observations{display:grid;gap:.5rem}
.telemetry-observation{display:grid;grid-template-columns:minmax(100px,.4fr) minmax(90px,.3fr) minmax(0,1fr);align-items:center;gap:.65rem;padding:.65rem;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft)}
.telemetry-observation small,.telemetry-scope{color:var(--faint);font-size:.72rem;overflow-wrap:anywhere}
.telemetry-data{max-width:100%;overflow:auto;padding:.8rem;border-radius:9px;background:var(--bg-raised);color:var(--text);font-size:.76rem;white-space:pre-wrap;overflow-wrap:anywhere}
.telemetry-unavailable{padding:.85rem;border:1px solid var(--line-strong);border-radius:10px;background:var(--panel-soft)}
.telemetry-unavailable>strong{color:var(--amber);font-size:.78rem}
.telemetry-unavailable h3{margin:.35rem 0}
.telemetry-unavailable p{color:var(--muted);font-size:.84rem;line-height:1.5}
.telemetry-unavailable small,.telemetry-event{color:var(--faint);font-size:.72rem}
.telemetry-events{display:grid;gap:.4rem;margin-top:.9rem}
.telemetry-event{padding:.5rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.telemetry-truth-boundary{padding:.65rem .8rem;border:1px dashed var(--line-strong);border-radius:9px;color:var(--faint);font-size:.7rem;line-height:1.5}
@media(max-width:1200px){.telemetry-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.telemetry-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.telemetry-hero{grid-template-columns:minmax(0,1fr) auto}.telemetry-effective-scope{grid-column:1/-1;grid-row:2}}
@media(max-width:700px){.telemetry-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry-hero{grid-template-columns:minmax(0,1fr)}.telemetry-effective-scope{grid-column:auto;grid-row:auto}.telemetry-observation{grid-template-columns:minmax(0,1fr)}.telemetry-panel,.telemetry-detail{padding:.75rem}.telemetry-analytics-link{width:100%}}

:root.light {
  color-scheme: light;
  --bg: #edf3f8;
  --bg-raised: #f7fafc;
  --panel: rgba(255, 255, 255, .92);
  --panel-solid: #fff;
  --panel-soft: #f0f5f8;
  --line: rgba(21, 56, 78, .13);
  --line-strong: rgba(21, 56, 78, .25);
  --text: #102437;
  --muted: #526b80;
  --faint: #718697;
  --shadow: 0 22px 60px rgba(32, 65, 91, .16);
}

* { box-sizing: border-box; }
html { min-width: 0; background: var(--bg); scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; font-size: 15px; background: radial-gradient(circle at 75% -15%, rgba(43, 172, 207, .16), transparent 37%), var(--bg); color: var(--text); }
button, input, textarea { font: inherit; }
button { color: inherit; }
button, a, input, textarea { outline-offset: 3px; }
:focus-visible { outline: 2px solid var(--cyan); }
[hidden] { display: none !important; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: 8px; left: 8px; transform: translateY(-150%); padding: .7rem 1rem; border-radius: 9px; background: var(--cyan); color: #031014; font-weight: 800; }
.skip-link:focus { transform: translateY(0); }
.eyebrow { margin: 0 0 .42rem; color: var(--cyan); font-size: .66rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }

.boot { min-height: 100vh; display: grid; place-content: center; justify-items: center; gap: 1rem; color: var(--muted); }
.boot__mark, .brand-mark { display: grid; place-items: center; width: 78px; height: 78px; border: 1px solid rgba(67,216,230,.42); border-radius: 24px 9px 24px 9px; background: linear-gradient(145deg, rgba(67,216,230,.2), rgba(90,140,255,.12)); color: var(--text); font-weight: 900; letter-spacing: .1em; box-shadow: inset 0 0 28px rgba(67,216,230,.09), 0 14px 40px rgba(0,0,0,.2); }
.brand-mark--small { width: 46px; height: 46px; border-radius: 15px 6px 15px 6px; font-size: .72rem; }

.login { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(390px, .75fr); }
.login__brand { min-height: 100vh; padding: clamp(2.2rem, 7vw, 7.5rem); display: flex; flex-direction: column; justify-content: center; background: linear-gradient(120deg, rgba(4,12,22,.52), rgba(4,12,22,.08)); }
.login__brand h1 { max-width: 760px; margin: .5rem 0 1rem; font-size: clamp(2.7rem, 6vw, 6.2rem); line-height: .94; letter-spacing: -.055em; }
.login__lead { max-width: 650px; color: var(--muted); font-size: clamp(1rem, 1.5vw, 1.25rem); line-height: 1.7; }
.assurance-list { display: grid; gap: .8rem; max-width: 620px; margin: 3rem 0 0; padding: 0; list-style: none; }
.assurance-list li { display: flex; align-items: center; gap: .9rem; color: var(--muted); }
.assurance-list span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--cyan); font-size: .68rem; font-weight: 800; }
.login__panel { align-self: center; margin: 2rem clamp(2rem, 5vw, 5rem) 2rem 0; padding: clamp(1.8rem, 4vw, 3rem); border: 1px solid var(--line); border-radius: 28px; background: var(--panel); box-shadow: var(--shadow); backdrop-filter: blur(20px); }
.login__panel h2 { margin: 0; font-size: clamp(1.7rem, 3vw, 2.5rem); letter-spacing: -.035em; }
.login__panel > div > p:not(.eyebrow) { color: var(--muted); line-height: 1.6; }
.login__panel form { display: grid; gap: 1rem; margin: 2rem 0; }
label { display: grid; gap: .36rem; color: var(--muted); font-size: .78rem; font-weight: 500; }
input, textarea { width: 100%; border: 1px solid var(--line-strong); border-radius: 11px; background: rgba(3,10,18,.38); color: var(--text); padding: .78rem .9rem; }
:root.light input, :root.light textarea { background: rgba(255,255,255,.72); }
input:focus, textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(67,216,230,.11); }
.form-error { margin: 0; color: var(--red); font-size: .85rem; }

.button, .icon-button, .user-chip, .nav-item, .capability-row { border: 0; cursor: pointer; }
.button { min-height: 44px; padding: .5rem .78rem; border-radius: 9px; font-size: .82rem; font-weight: 600; }
.button--primary { background: linear-gradient(135deg, var(--cyan-strong), var(--blue)); color: #fff; box-shadow: 0 10px 24px rgba(16,184,204,.2); }
.button--primary:hover { filter: brightness(1.08); transform: translateY(-1px); }
.button--primary:disabled { cursor: not-allowed; filter: grayscale(.7); opacity: .48; transform: none; }
.button--quiet { background: var(--panel-soft); color: var(--text); }
.icon-button { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; background: transparent; font-size: 1.15rem; }
.icon-button:hover { background: var(--panel-soft); }

.shell { min-height: 100vh; display: grid; grid-template-columns: 258px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; display: grid; grid-template-rows: auto auto minmax(0,1fr) auto; border-right: 1px solid var(--line); background: rgba(5,13,24,.93); backdrop-filter: blur(20px); z-index: 30; }
:root.light .sidebar { background: rgba(247,250,252,.94); }
.sidebar__brand { display: flex; align-items: center; gap: .7rem; padding: .85rem; }
.sidebar__brand > span:nth-child(2) { display: grid; gap: .05rem; }
.sidebar__brand strong { font-weight: 600; letter-spacing: .035em; }
.sidebar__brand small, .sidebar__status small { color: var(--faint); }
.sidebar__close { display: none; margin-left: auto; }
.nav-search { padding: 0 .7rem .65rem; }
.nav-search input { min-height: 41px; background: var(--panel-soft); }
.navigation { overflow: auto; padding: 0 .55rem .7rem; scrollbar-color: var(--line-strong) transparent; }
.nav-group { margin: 0 0 1.15rem; }
.nav-group__title { margin: 0 0 .42rem; padding: 0 .65rem; color: var(--faint); font-size: .66rem; letter-spacing: .13em; text-transform: uppercase; }
.nav-item { width: 100%; display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: center; gap: .62rem; padding: .48rem .55rem; border-radius: 8px; background: transparent; text-align: left; }
.nav-item:hover { background: rgba(67,216,230,.07); }
.nav-item[aria-current="page"] { background: linear-gradient(110deg, rgba(67,216,230,.15), rgba(90,140,255,.08)); box-shadow: inset 3px 0 0 var(--cyan); }
.nav-item__icon { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid var(--line); border-radius: 9px; color: var(--cyan); font-size: .68rem; font-weight: 600; }
.nav-item__copy { min-width: 0; display: grid; gap: .12rem; }
.nav-item__copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .78rem; font-weight: 500; }
.nav-item__copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--faint); font-size: .68rem; }
.sidebar__status { display: flex; align-items: center; gap: .7rem; margin: .8rem; padding: .85rem; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-soft); }
.sidebar__status > span:last-child { display: grid; }
.status-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(68,211,154,.1); }

.workspace { min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 20; min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem clamp(1rem,3vw,2.2rem); border-bottom: 1px solid var(--line); background: rgba(5,11,20,.78); backdrop-filter: blur(18px); }
:root.light .topbar { background: rgba(237,243,248,.83); }
.topbar__menu { display: none; }
.topbar__context { display: grid; }
.topbar__context .eyebrow { margin: 0; font-size: .62rem; }
.topbar__context strong { font-size: .96rem; }
.topbar__actions { position: relative; display: flex; align-items: center; gap: .45rem; }
.user-chip { display: flex; align-items: center; gap: .65rem; min-height: 46px; padding: .35rem .6rem .35rem .35rem; border-radius: 13px; background: var(--panel-soft); text-align: left; }
.user-chip > span:first-child { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; background: linear-gradient(135deg,var(--cyan-strong),var(--blue)); color: #fff; font-size: .72rem; font-weight: 900; }
.user-chip > span:last-child { display: grid; }
.user-chip small { color: var(--faint); font-size: .66rem; }
.user-popover { position: absolute; right: 0; top: 54px; width: min(310px, 80vw); padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: var(--panel-solid); box-shadow: var(--shadow); }
.user-popover p { overflow-wrap: anywhere; color: var(--muted); font-size: .78rem; line-height: 1.5; }
.user-popover .button { width: 100%; }
#logout-error { color: var(--red); margin-top: .75rem; }

.content { padding: clamp(.85rem,2vw,1.55rem); }
.screen-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .85rem; }
.screen-hero h1 { margin: 0; font-size: clamp(1.55rem,2.2vw,2.25rem); line-height: 1.08; font-weight: 600; letter-spacing: -.025em; }
.screen-hero__description { max-width: 700px; margin: .4rem 0 0; color: var(--muted); font-size: .86rem; line-height: 1.45; }
.badge-row { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.badge { display: inline-flex; align-items: center; min-height: 28px; padding: .3rem .62rem; border: 1px solid var(--line); border-radius: 999px; background: var(--panel-soft); color: var(--muted); font-size: .65rem; font-weight: 600; letter-spacing: .025em; }
.badge--success { border-color: rgba(68,211,154,.28); background: rgba(68,211,154,.1); color: var(--green); }
.badge--accent { border-color: rgba(67,216,230,.3); background: rgba(67,216,230,.1); color: var(--cyan); }
.badge--warning { border-color: rgba(241,184,91,.28); background: rgba(241,184,91,.1); color: var(--amber); }
.badge--info { border-color: rgba(90,140,255,.28); background: rgba(90,140,255,.1); color: #8dabff; }

.metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .85rem; margin-bottom: .85rem; }
.metric-card { min-width: 0; display: grid; gap: .25rem; padding: .78rem; border: 1px solid var(--line); border-radius: var(--radius-small); background: linear-gradient(145deg, rgba(16,36,58,.84), rgba(10,24,41,.84)); }
:root.light .metric-card { background: linear-gradient(145deg,#fff,#f4f8fb); }
.metric-card span { color: var(--muted); font-size: .7rem; font-weight: 500; }
.metric-card strong { font-size: clamp(1.15rem,2vw,1.55rem); font-weight: 600; letter-spacing: -.04em; }
.metric-card small { overflow: hidden; text-overflow: ellipsis; color: var(--faint); white-space: nowrap; }
.screen-grid { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(280px,.7fr); gap: .85rem; }
.panel { border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: 0 12px 36px rgba(0,0,0,.11); overflow: hidden; }
.panel__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.25rem; border-bottom: 1px solid var(--line); }
.panel h2 { margin: 0; font-size: 1.1rem; letter-spacing: -.02em; }
.panel .eyebrow { margin-bottom: .2rem; }
.compact-search input { width: min(230px,28vw); min-height: 38px; padding: .55rem .7rem; background: var(--panel-soft); }
.capability-list { max-height: 600px; overflow: auto; }
.capability-row { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1.25rem; border-bottom: 1px solid var(--line); background: transparent; text-align: left; }
.capability-row:last-child { border-bottom: 0; }
.capability-row:hover { background: rgba(67,216,230,.055); }
.capability-row__copy { min-width: 0; display: grid; gap: .22rem; }
.capability-row__copy strong { overflow: hidden; text-overflow: ellipsis; color: var(--text); font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: .78rem; white-space: nowrap; }
.capability-row__copy small { color: var(--faint); }
.evidence { padding: 1.25rem; }
.evidence dl { display: grid; grid-template-columns: auto minmax(0,1fr); gap: .7rem .9rem; margin: 1.2rem 0; }
.evidence dt { color: var(--faint); font-size: .72rem; }
.evidence dd { margin: 0; overflow-wrap: anywhere; color: var(--muted); font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: .72rem; text-align: right; }
.truth-note, .empty-state { margin: 1rem; padding: .85rem; border: 1px solid rgba(241,184,91,.22); border-radius: 11px; background: rgba(241,184,91,.07); color: var(--muted); font-size: .76rem; line-height: 1.55; }
.evidence .truth-note { margin: 1rem 0 0; }

.process-dialog { width: min(760px,calc(100vw - 2rem)); max-height: calc(100vh - 2rem); padding: 0; border: 1px solid var(--line-strong); border-radius: 22px; background: var(--panel-solid); color: var(--text); box-shadow: var(--shadow); }
.process-dialog::backdrop { background: rgba(0,5,11,.76); backdrop-filter: blur(7px); }
.dialog__frame { display: grid; gap: 1rem; padding: 1.25rem; }
.dialog__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.dialog__header h2 { max-width: 600px; margin: 0; overflow-wrap: anywhere; font-size: 1.25rem; }
.dialog__message { margin: 0; color: var(--muted); font-size: .8rem; }
details { border: 1px solid var(--line); border-radius: 11px; overflow: hidden; }
summary { cursor: pointer; padding: .7rem .8rem; color: var(--muted); font-weight: 700; }
pre { max-height: 260px; margin: 0; padding: .9rem; overflow: auto; background: rgba(3,9,16,.38); color: #b9d9ec; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: .72rem; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
:root.light pre { background: #edf3f7; color: #25445b; }
.dialog__actions { display: flex; justify-content: flex-end; gap: .65rem; }
.nav-scrim { position: fixed; inset: 0; z-index: 25; background: rgba(0,5,11,.66); }
.screen-loading { padding: 1rem; color: var(--muted); }

@media (max-width: 1120px) {
  .shell { grid-template-columns: 252px minmax(0,1fr); }
  .metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .screen-grid { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .login { grid-template-columns: 1fr; }
  .login__brand { min-height: auto; padding: 2rem 1.2rem 1rem; }
  .login__brand h1 { font-size: clamp(2.5rem,13vw,4.8rem); }
  .assurance-list { display: none; }
  .login__panel { margin: 1rem; }
  .shell { display: block; }
  .sidebar { position: fixed; left: 0; top: 0; width: min(310px,88vw); transform: translateX(-105%); transition: transform .2s ease; box-shadow: var(--shadow); }
  .sidebar--open { transform: translateX(0); }
  .sidebar__close, .topbar__menu { display: grid; }
  .topbar { padding: .7rem .9rem; }
  .user-chip > span:last-child { display: none; }
  .content { padding: 1rem; }
  .screen-hero { display: grid; gap: 1rem; }
  .screen-hero .badge-row { justify-content: flex-start; }
}

@media (max-width: 520px) {
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .metric-card { padding: .9rem; }
  .panel__header { align-items: stretch; flex-direction: column; }
  .compact-search input { width: 100%; }
  .capability-row { align-items: flex-start; flex-direction: column; }
  .evidence dl { grid-template-columns: 1fr; }
  .evidence dd { text-align: left; }
  .dialog__actions { flex-direction: column-reverse; }
  .dialog__actions .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}

.activities-native{display:grid;gap:1rem;min-width:0}.activities-filters{display:grid;grid-template-columns:minmax(12rem,2fr) repeat(2,minmax(9rem,1fr)) auto auto;gap:.75rem;align-items:end}.activities-filters label{display:grid;gap:.35rem}.activities-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.activities-list{display:grid;gap:.6rem;min-width:0}.activity-row{display:grid;grid-template-columns:minmax(7rem,.7fr) minmax(12rem,2fr) minmax(10rem,1fr) minmax(7rem,.8fr);gap:.75rem;align-items:center;padding:.85rem;border:1px solid var(--line);border-radius:.75rem;background:var(--panel)}.activity-row__module{font-size:.8rem;opacity:.72}@media(max-width:760px){.activities-filters{grid-template-columns:1fr}.activity-row{grid-template-columns:1fr}.activities-native{overflow:hidden}}
.pipeline-native{display:grid;gap:1rem;min-width:0}.pipeline-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.pipeline-filters label{display:grid;gap:.25rem;min-width:12rem}.pipeline-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.pipeline-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;align-items:start;min-width:0}.pipeline-column{display:grid;gap:.6rem;padding:.75rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.pipeline-card{display:grid!important;gap:.25rem;text-align:left!important;white-space:normal!important;width:100%;min-width:0}.pipeline-detail,.pipeline-receipt{display:grid;gap:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:.85rem}.pipeline-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:640px){.pipeline-filters label{min-width:100%}.pipeline-board{grid-template-columns:1fr}}
.quotes-native{display:grid;gap:1rem;min-width:0}.quotes-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.quotes-filters label{display:grid;gap:.3rem;min-width:13rem}.quotes-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.7rem}.quotes-tabs{display:flex;gap:.45rem;flex-wrap:wrap}.quotes-tabs .button{min-width:7rem}.quotes-panel,.quotes-receipt{display:grid;gap:.65rem;min-width:0;padding:.8rem;border:1px solid var(--line);border-radius:.85rem;background:var(--panel)}.quote-row,.quote-line{display:grid!important;grid-template-columns:minmax(12rem,1.4fr) minmax(11rem,1fr) minmax(12rem,1fr);gap:.75rem;align-items:center;width:100%;text-align:left!important;white-space:normal!important;padding:.85rem;border:1px solid var(--line);border-radius:.75rem;background:var(--panel-soft)}.quote-row:hover{border-color:var(--cyan)}.quote-line{cursor:default}.quote-actions{display:flex;flex-wrap:wrap;gap:.5rem}.quotes-panel pre,.quotes-receipt pre{max-height:28rem;overflow:auto;white-space:pre-wrap;word-break:break-word}@media(max-width:760px){.quotes-filters label{min-width:100%}.quote-row,.quote-line{grid-template-columns:1fr}.quotes-tabs{overflow:auto;flex-wrap:nowrap}.quotes-tabs .button{flex:0 0 auto}}
.quotes-native{display:grid;gap:1rem;min-width:0}.quotes-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.quotes-filters label{display:grid;gap:.25rem;min-width:12rem}.quotes-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.quotes-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.quotes-panel,.quotes-receipt{display:grid;gap:.65rem;padding:.85rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.quote-native-row{display:grid!important;grid-template-columns:minmax(10rem,1.4fr) minmax(10rem,1fr) minmax(10rem,1fr);gap:.6rem;text-align:left!important;white-space:normal!important;width:100%;min-width:0}.quote-native-actions,.quote-builder-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.quote-native-actions input,.quote-builder-actions input,.quote-builder-actions select{min-width:12rem}.quote-boundary{padding:.75rem;border:1px solid var(--border);border-radius:.65rem;overflow-wrap:anywhere}.quotes-panel pre,.quotes-receipt pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.quotes-filters label{min-width:100%}.quote-native-row{grid-template-columns:1fr}.quote-native-actions,.quote-builder-actions{display:grid}.quote-native-actions input,.quote-builder-actions input,.quote-builder-actions select{min-width:0;width:100%}}

.accounts-native{display:grid;gap:1rem;min-width:0}.accounts-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.accounts-filters label{display:grid;gap:.25rem;min-width:12rem}.accounts-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.accounts-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.accounts-panel,.accounts-receipt{display:grid;gap:.65rem;padding:.85rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.account-native-row{display:grid!important;grid-template-columns:minmax(12rem,1.4fr) minmax(10rem,1fr) minmax(12rem,1fr);gap:.6rem;text-align:left!important;white-space:normal!important;width:100%;min-width:0}.account-native-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.account-native-actions input{min-width:18rem}.accounts-panel pre,.accounts-receipt pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.accounts-filters label{min-width:100%}.account-native-row{grid-template-columns:1fr}.accounts-tabs{overflow:auto;flex-wrap:nowrap}.accounts-tabs .button{flex:0 0 auto}.account-native-actions{display:grid}.account-native-actions input{min-width:0;width:100%}}

.contacts-native{display:grid;gap:1rem;min-width:0}.contacts-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.contacts-filters label{display:grid;gap:.25rem;min-width:12rem}.contacts-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.contacts-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.contacts-panel,.contacts-receipt{display:grid;gap:.65rem;padding:.85rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.contact-native-row{display:grid!important;grid-template-columns:minmax(12rem,1.4fr) minmax(12rem,1fr) minmax(12rem,1fr);gap:.6rem;text-align:left!important;white-space:normal!important;width:100%;min-width:0}.contact-native-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.contact-native-actions input{min-width:18rem}.contacts-panel pre,.contacts-receipt pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.contacts-filters label{min-width:100%}.contact-native-row{grid-template-columns:1fr}.contacts-tabs{overflow:auto;flex-wrap:nowrap}.contacts-tabs .button{flex:0 0 auto}.contact-native-actions{display:grid}.contact-native-actions input{min-width:0;width:100%}}

.customer360-native{display:grid;gap:1rem;min-width:0}.customer360-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.customer360-filters label{display:grid;gap:.25rem;min-width:18rem}.customer360-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.customer360-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.customer360-panel,.customer360-receipt{display:grid;gap:.65rem;padding:.85rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.customer360-panel pre,.customer360-receipt pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.customer360-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.customer360-actions input{min-width:22rem}@media(max-width:700px){.customer360-filters label{min-width:100%}.customer360-tabs{overflow:auto;flex-wrap:nowrap}.customer360-tabs .button{flex:0 0 auto}.customer360-actions{display:grid}.customer360-actions input{min-width:0;width:100%}}

.cases-native{display:grid;gap:1rem;min-width:0}.cases-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.cases-filters label{display:grid;gap:.25rem;min-width:12rem}.cases-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.cases-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.cases-panel,.cases-receipt{display:grid;gap:.65rem;padding:.85rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.case-native-row{display:grid!important;grid-template-columns:minmax(14rem,1.5fr) minmax(10rem,1fr) minmax(12rem,1fr);gap:.6rem;text-align:left!important;white-space:normal!important;width:100%;min-width:0}.case-native-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.case-native-actions input{min-width:18rem}.cases-panel pre,.cases-receipt pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.cases-filters label{min-width:100%}.case-native-row{grid-template-columns:1fr}.cases-tabs{overflow:auto;flex-wrap:nowrap}.cases-tabs .button{flex:0 0 auto}.case-native-actions{display:grid}.case-native-actions input{min-width:0;width:100%}}

.service-portal-native{display:grid;gap:1rem;min-width:0}.service-portal-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem}.service-portal-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.service-portal-panel,.service-portal-receipt{display:grid;gap:.65rem;padding:.85rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.service-portal-panel pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.service-portal-tabs{overflow:auto;flex-wrap:nowrap}}

.social-inbox-native{display:grid;gap:1rem;min-width:0}.social-inbox-hero{display:grid;gap:.35rem}.social-inbox-health{display:flex;flex-wrap:wrap;gap:.75rem;align-items:baseline;padding:.8rem;border:1px solid var(--border);border-radius:.85rem}.social-inbox-health small{flex-basis:100%}.social-inbox-filters{display:grid;grid-template-columns:minmax(12rem,2fr) repeat(2,minmax(9rem,1fr)) auto auto;gap:.6rem;align-items:end}.social-inbox-filters label{display:grid;gap:.3rem}.social-inbox-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.65rem}.social-inbox-grid{display:grid;grid-template-columns:minmax(15rem,.85fr) minmax(0,2fr);gap:1rem;min-width:0}.social-inbox-list,.social-inbox-detail,.social-inbox-receipt{display:grid;gap:.7rem;padding:.85rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.social-conversation-row{display:grid;text-align:left;gap:.25rem;padding:.7rem;border:1px solid var(--border);border-radius:.7rem}.social-crm-context,.social-timeline,.social-composer,.social-handoff{display:grid;gap:.5rem;padding:.7rem;border:1px solid var(--border);border-radius:.7rem}.social-message{padding:.6rem;border-left:3px solid var(--border);overflow-wrap:anywhere}@media(max-width:850px){.social-inbox-filters{grid-template-columns:1fr 1fr}.social-inbox-grid{grid-template-columns:1fr}}@media(max-width:560px){.social-inbox-filters{grid-template-columns:1fr}}

.mail-studio-native{display:grid;gap:1rem;min-width:0}.mail-studio-hero{display:grid;gap:.4rem}.mail-boundary,.mail-truth-note{padding:.65rem;border:1px solid var(--border);border-radius:.7rem}.mail-studio-posture{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.65rem}.mail-studio-toolbar{display:grid;grid-template-columns:repeat(5,minmax(8rem,1fr)) auto auto;gap:.55rem;align-items:end}.mail-studio-toolbar label{display:grid;gap:.25rem}.mail-studio-grid{display:grid;grid-template-columns:minmax(15rem,.8fr) minmax(0,2fr);gap:1rem}.mail-studio-inbox,.mail-studio-thread,.mail-studio-trust,.mail-studio-receipt{display:grid;gap:.65rem;padding:.85rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.mail-thread-row{display:grid;gap:.2rem;text-align:left;padding:.65rem;border:1px solid var(--border);border-radius:.65rem}.mail-crm-context,.mail-messages,.mail-composer{display:grid;gap:.5rem;padding:.65rem;border:1px solid var(--border);border-radius:.7rem}.mail-message{padding:.5rem;border-left:3px solid var(--border);overflow-wrap:anywhere}@media(max-width:950px){.mail-studio-toolbar{grid-template-columns:1fr 1fr}.mail-studio-grid{grid-template-columns:1fr}}@media(max-width:560px){.mail-studio-toolbar{grid-template-columns:1fr}}

.voice-capture-native{display:grid;gap:1rem;min-width:0}.voice-capture-hero,.voice-capture-choice,.voice-capture-controls,.voice-capture-receipt{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding:.75rem;border:1px solid var(--border);border-radius:.8rem}.voice-capture-hero{display:grid}.voice-capture-choice span{flex-basis:100%}.voice-capture-policy{padding:.65rem;border:1px solid var(--border);border-radius:.7rem}.voice-capture-posture,.voice-capture-evidence{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.65rem}.voice-evidence-card{display:grid;gap:.25rem;padding:.75rem;border:1px solid var(--border);border-radius:.75rem;overflow-wrap:anywhere}@media(max-width:600px){.voice-capture-choice,.voice-capture-controls{display:grid}.voice-capture-choice .button,.voice-capture-controls .button{width:100%}}

.interaction-command-native{display:grid;gap:1rem;min-width:0}.interaction-command-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.interaction-command-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.interaction-command-panel,.interaction-command-receipt{display:grid;gap:.75rem;padding:.85rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.interaction-command-card{display:grid;gap:.4rem;padding:.75rem;border:1px solid var(--border);border-radius:.7rem}.interaction-command-card pre{max-width:100%;max-height:18rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.truth-note{font-weight:600;line-height:1.5}@media(max-width:700px){.interaction-command-tabs{overflow:auto;flex-wrap:nowrap}.interaction-command-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.campaigns-native{display:grid;gap:1rem;min-width:0}.campaigns-filters{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end}.campaigns-filters input,.campaigns-filters select{min-width:11rem}.campaigns-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.65rem}.campaigns-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.campaigns-panel,.campaigns-receipt{display:grid;gap:.65rem;padding:.85rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.campaign-native-row{display:grid;grid-template-columns:minmax(12rem,1.4fr) minmax(10rem,1fr) minmax(14rem,1.2fr);gap:.6rem;padding:.75rem;border:1px solid var(--border);border-radius:.7rem}.campaign-mini-row{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem;border-bottom:1px solid var(--border)}@media(max-width:700px){.campaigns-filters{display:grid}.campaigns-filters input,.campaigns-filters select{min-width:0;width:100%}.campaigns-tabs{overflow:auto;flex-wrap:nowrap}.campaign-native-row{grid-template-columns:1fr}}
.response-mapping-native{display:grid;gap:1rem;min-width:0}.response-mapping-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.response-mapping-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.response-mapping-panel,.response-mapping-receipt{display:grid;gap:.7rem;padding:.85rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.response-mapping-card{display:grid;gap:.3rem;padding:.7rem;border:1px solid var(--border);border-radius:.7rem}.response-mapping-card small{opacity:.75}@media(max-width:700px){.response-mapping-tabs{overflow:auto;flex-wrap:nowrap}.response-mapping-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.surveys-forms-native{display:grid;gap:1rem;min-width:0}.surveys-forms-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.surveys-forms-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.surveys-forms-panel,.surveys-forms-receipt{display:grid;gap:.7rem;padding:.85rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.surveys-forms-card{display:grid;gap:.3rem;padding:.7rem;border:1px solid var(--border);border-radius:.7rem}.surveys-forms-card small{opacity:.75}@media(max-width:700px){.surveys-forms-tabs{overflow:auto;flex-wrap:nowrap}.surveys-forms-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.public-acquisition-native{display:grid;gap:1rem;min-width:0}.public-acquisition-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.7rem}.public-acquisition-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.public-acquisition-panel,.public-acquisition-receipt{display:grid;gap:.7rem;padding:.8rem;border:1px solid var(--border);border-radius:.8rem}.public-acquisition-card{display:grid;gap:.3rem;padding:.7rem;border:1px solid var(--border);border-radius:.7rem}@media(max-width:700px){.public-acquisition-tabs{overflow:auto;flex-wrap:nowrap}.public-acquisition-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.learning-governance-native{display:grid;gap:1rem;min-width:0}.learning-governance-hero{padding:.9rem 1rem;border:1px solid var(--line);border-radius:.9rem;background:linear-gradient(145deg,rgba(16,36,58,.84),rgba(10,24,41,.84));font-weight:650;line-height:1.5}.learning-governance-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem}.learning-governance-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.learning-governance-tabs button{min-width:7rem}.learning-governance-panel,.learning-governance-receipt{display:grid;gap:.7rem;padding:.85rem;border:1px solid var(--line);border-radius:.85rem;min-width:0}.learning-candidate-card,.learning-capability-card{display:grid;gap:.3rem;padding:.75rem;border:1px solid var(--line);border-radius:.7rem;background:rgba(10,24,41,.55);overflow-wrap:anywhere}.learning-candidate-card span,.learning-capability-card span{color:var(--muted)}.learning-candidate-card small,.learning-capability-card small,.learning-governance-receipt{color:var(--faint)}@media(max-width:1050px){.learning-governance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.learning-governance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-governance-tabs{overflow:auto;flex-wrap:nowrap}.learning-governance-tabs button{flex:0 0 auto}}

/* PASS17 UX reality patch: governed density + semantic workbench tones */
.wb{display:grid;gap:.72rem;min-width:0;font-size:.88rem}
.wb-toolbar,.wb-tabs{display:flex;flex-wrap:wrap;gap:.38rem;align-items:center}
.wb-toolbar .button,.wb-tabs .button{min-height:32px;padding:.4rem .62rem;font-size:.76rem;font-weight:500}
.wb-filters{display:grid;grid-template-columns:minmax(12rem,2fr) repeat(2,minmax(9rem,1fr)) auto;gap:.5rem;align-items:end;padding:.62rem;border:1px solid var(--line);border-radius:10px;background:rgba(10,24,41,.48)}
.wb-field{gap:.25rem;font-size:.72rem;font-weight:500}
.wb-field input,.wb-field select{min-height:34px;padding:.45rem .58rem;font-size:.78rem}
.wb-status,.wb-note{margin:0;color:var(--muted);font-size:.75rem;line-height:1.45;font-weight:400}
.wb-error{color:#ff9a9a}
.wb-panel{display:grid;gap:.65rem;min-width:0}
.wb-executive-summary{display:grid;grid-template-columns:minmax(10rem,.28fr) minmax(0,1fr);gap:.7rem;align-items:stretch}
.wb-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.6rem}
.wb-card,.wb-widget{--wb-tone:var(--semantic-neutral);display:grid;gap:.38rem;min-width:0;padding:.68rem .72rem;border:1px solid color-mix(in srgb,var(--wb-tone) 32%,var(--line));border-left:3px solid var(--wb-tone);border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--wb-tone) 7%,var(--panel)),var(--panel))}
.wb-card h3,.wb-widget h3{margin:0;font-size:.86rem;font-weight:600;letter-spacing:-.01em}
.wb-card p,.wb-widget p{margin:.12rem 0;color:var(--muted);font-size:.76rem;line-height:1.4}
.wb-card .button,.wb-widget .button{justify-self:start;min-height:30px;padding:.35rem .55rem;font-size:.72rem;font-weight:500}
[data-wb-tone="process"]{--wb-tone:var(--semantic-process)}
[data-wb-tone="info"]{--wb-tone:var(--semantic-info)}
[data-wb-tone="success"]{--wb-tone:var(--semantic-success)}
[data-wb-tone="warning"]{--wb-tone:var(--semantic-warning)}
[data-wb-tone="critical"]{--wb-tone:var(--semantic-critical)}
[data-wb-tone="governance"]{--wb-tone:var(--semantic-governance)}
[data-wb-tone="neutral"]{--wb-tone:var(--semantic-neutral)}
.wb-tabs [data-wb-tone]{border:1px solid color-mix(in srgb,var(--wb-tone) 34%,var(--line));border-bottom:2px solid var(--wb-tone);background:color-mix(in srgb,var(--wb-tone) 8%,var(--panel-soft))}
.wb-metrics{gap:.55rem;margin:0}.wb-metric{--wb-tone:var(--semantic-neutral);min-height:70px;padding:.58rem .64rem;border:1px solid color-mix(in srgb,var(--wb-tone) 30%,var(--line));border-top:3px solid var(--wb-tone);background:color-mix(in srgb,var(--wb-tone) 7%,var(--panel))}
.wb-metric span{font-size:.66rem;font-weight:500}.wb-metric strong{font-size:1.28rem;font-weight:600}
.wb-donut{min-height:0;padding:.7rem;border:1px solid color-mix(in srgb,var(--semantic-governance) 38%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--semantic-governance) 8%,var(--panel));font-size:.82rem;font-weight:600}
.wb-records{display:grid;gap:.38rem}.wb-record{display:grid;grid-template-columns:7rem minmax(10rem,1.3fr) minmax(10rem,1fr) auto;gap:.5rem;align-items:center;min-height:0;padding:.52rem .58rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);text-align:left;font-size:.74rem;font-weight:400}
.wb-record strong{font-size:.78rem;font-weight:600}.wb-record__module{color:var(--semantic-process);font-size:.68rem;font-weight:600}.wb-record time,.wb-record small{color:var(--faint);font-size:.67rem}
.wb-stage,.wb-bar{min-height:34px;padding:.45rem .58rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);font-size:.74rem;font-weight:500;text-align:left}
.wb-bar{display:grid;grid-template-columns:minmax(8rem,1fr) auto minmax(8rem,2fr);gap:.5rem;align-items:center}.wb-bar__track{height:6px;border-radius:999px;background:var(--line);overflow:hidden}.wb-bar__track i{display:block;height:100%;background:var(--semantic-process)}
.wb-chart{width:100%;max-height:180px;color:var(--semantic-info)}.wb-chart polyline{fill:none;stroke:currentColor;stroke-width:3}.wb-chart circle{fill:var(--semantic-process)}.wb-chart__limit{stroke:var(--semantic-governance);stroke-width:1.5;stroke-dasharray:6 5}

/* Additive contextual header: Activities / Workbench only. No global ACL changes. */
.topbar__context h1{margin:0;font-size:.96rem;line-height:1.25;font-weight:700}
.topbar--contextual{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;padding:.55rem 1rem;align-items:center}
.context-header{min-width:0}.context-header[hidden]{display:none}
.context-header__row{display:flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;flex-wrap:wrap}
.context-metric{display:grid;gap:.12rem;min-width:4.6rem;max-width:8rem;flex:0 1 auto;border:1px solid var(--line);border-radius:.55rem;background:var(--panel);color:var(--text);padding:.35rem .55rem;text-align:left;cursor:pointer}
.context-metric__label{font-size:.66rem;color:var(--muted)}.context-metric strong{font-size:.88rem;white-space:nowrap}.context-metric meter{width:100%;height:.32rem;max-width:5rem}
.context-metric[data-tone="warning"]{border-color:var(--warning,#e7a536)}
.context-tools{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}.context-tools .button,.context-more>summary{font-size:.72rem;padding:.4rem .5rem;min-height:2rem}
.context-scope{display:block;font-size:.62rem;color:var(--muted);text-align:center;line-height:1.3;margin-top:.2rem;overflow-wrap:anywhere}
.context-header__empty{font-size:.8rem;color:var(--muted)}
.context-more{position:relative}.context-more>summary{cursor:pointer;border:1px solid var(--line);border-radius:.5rem;list-style-position:inside}
.context-more__menu{position:absolute;right:0;top:calc(100% + .3rem);min-width:11rem;display:grid;gap:.35rem;padding:.65rem;border:1px solid var(--line);border-radius:.7rem;background:var(--bg,#07111f);z-index:25;box-shadow:0 6px 24px #0006}
.context-more__menu button{text-align:left;width:100%}
.context-detail{max-width:min(38rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:1rem;padding:1.1rem}
.context-detail::backdrop{background:#0008}.context-detail h2{font-size:1.2rem;margin-top:0}.context-detail__values{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem}.context-detail__values dd{margin:0;font-weight:700}.context-detail__source{font-size:.78rem;overflow-wrap:anywhere;color:var(--muted)}
.topbar--contextual+.content{padding-top:.6rem}
.topbar--contextual+.content .activities-filters select{min-height:2.25rem;padding:.35rem .55rem;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:.5rem}
@media(max-width:1150px) and (min-width:981px){.topbar--contextual{grid-template-columns:auto auto}.topbar--contextual .context-header{grid-column:1/-1;grid-row:2}.topbar--contextual .topbar__actions{justify-self:end}}
@media(max-width:980px){.topbar--contextual{grid-template-columns:auto minmax(0,1fr) auto}.topbar--contextual .context-header{grid-column:1/-1;grid-row:2}.topbar--contextual .topbar__actions{justify-self:end}.context-header__row{justify-content:flex-start}.context-scope{text-align:left}.context-metric{flex:1;max-width:none}.context-tools{margin-left:auto}}
@media(max-width:560px){.context-header__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.context-metric{min-width:0;width:100%;padding:.3rem .4rem}.context-tools{grid-column:1/-1;margin-left:0}.context-scope{font-size:.6rem}.topbar--contextual{padding:.4rem .65rem;gap:.4rem}.topbar--contextual .user-chip{max-width:10rem}.topbar--contextual .user-chip strong,.topbar--contextual .user-chip small{max-width:6.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Login visibility is an explicit local choice, independent of authentication. */
.login-password-field{display:grid;gap:.35rem;min-width:0}
.password-field{position:relative;min-width:0}
.password-field input{padding-inline-end:3.5rem;min-height:48px}
.password-toggle{position:absolute;inset-inline-end:.2rem;top:50%;transform:translateY(-50%);width:44px;min-height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer}
.password-toggle:hover{background:var(--panel-soft)}
.password-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}
.password-toggle svg{pointer-events:none}
.password-toggle[data-visible="false"] .password-toggle__slash{display:none}

/* Native account administration: safe account metadata only. */
.account-admin-native{display:grid;gap:1rem;min-width:0}.account-admin-hero{font-size:1.2rem;font-weight:700}.account-admin-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.6rem;align-items:end}.account-admin-toolbar input,.account-admin-toolbar select,.account-admin-reset input{min-height:2.5rem;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:.55rem;padding:.5rem .65rem}.account-admin-list{display:grid;gap:.65rem}.account-admin-row{display:grid;grid-template-columns:minmax(14rem,1.3fr) auto minmax(17rem,1fr);gap:.75rem;align-items:center;padding:.8rem;border:1px solid var(--border);border-radius:.85rem;min-width:0}.account-admin-identity{display:grid;gap:.2rem;min-width:0}.account-admin-identity span,.account-admin-identity small{overflow-wrap:anywhere}.account-admin-actions{display:flex;flex-wrap:wrap;gap:.4rem;grid-column:1/-1}.account-admin-reset{display:flex;gap:.45rem;align-items:center;min-width:0}.account-state{font-size:.72rem;font-weight:700;padding:.28rem .5rem;border:1px solid var(--border);border-radius:999px}.account-state--active{border-color:currentColor}.account-state--locked{font-weight:800}.account-admin-status{min-height:1.2rem}.account-admin-actions .button,.account-admin-reset .button{min-height:38px;padding:.42rem .65rem;font-size:.76rem}
@media(max-width:900px){.account-admin-row{grid-template-columns:1fr auto}.account-admin-reset{grid-column:1/-1}.account-admin-toolbar{grid-template-columns:1fr 1fr}.account-admin-toolbar .button{grid-column:1/-1}}
@media(max-width:560px){.account-admin-toolbar,.account-admin-row{grid-template-columns:1fr}.account-admin-row>.account-state{justify-self:start}.account-admin-reset{display:grid}.account-admin-actions{display:grid;grid-template-columns:1fr 1fr}.account-admin-actions .button,.account-admin-reset .button{width:100%}}
.account-admin-capabilities { grid-column: 1 / -1; }
.account-admin-capabilities summary { cursor: pointer; font-weight: 700; }
.account-admin-capability-list { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .5rem; }
.account-admin-capability { border: 1px solid var(--line); border-radius: 999px; padding: .25rem .55rem; font-size: .78rem; overflow-wrap: anywhere; }

.operational-context-switcher{display:flex;align-items:end;gap:.35rem;padding:.25rem .4rem;border:1px solid var(--line);border-radius:.7rem;background:var(--panel)}
.operational-context-switcher[hidden]{display:none}
.operational-context-switcher label{display:grid;gap:.12rem;font-size:.58rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.operational-context-switcher select{min-height:2rem;max-width:11.5rem;padding:.25rem .45rem;border:1px solid var(--line);border-radius:.45rem;background:var(--panel);color:var(--text);font:inherit;text-transform:none;letter-spacing:normal}
.operational-context-switcher small{max-width:13rem;font-size:.62rem;color:var(--muted);line-height:1.2}
@media(max-width:1250px){.operational-context-switcher small{display:none}.operational-context-switcher select{max-width:9rem}}
@media(max-width:760px){
 .topbar,.topbar--contextual{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:.45rem;padding:.65rem}
 .topbar__actions{display:contents}
 .topbar__menu{grid-column:1;grid-row:1}
 .topbar__context{grid-column:2;grid-row:1;min-width:0}
 .topbar__context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #theme-toggle{grid-column:3;grid-row:1}
 #user-menu{grid-column:4;grid-row:1;padding:.25rem}
 .operational-context-switcher{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;grid-row:2;align-items:stretch;min-width:0}
 .operational-context-switcher label{min-width:0}
 .operational-context-switcher select{max-width:100%;width:100%;min-width:0}
 .topbar--contextual .context-header{grid-column:1/-1;grid-row:3}
 .user-popover{right:.65rem;top:3.9rem}
}

.account-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(8rem,1fr));gap:.65rem}.account-admin-metrics .metric-card{min-height:5.25rem}@media(max-width:720px){.account-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.account-admin-fixture-status{margin:0;padding:.65rem .75rem;border:1px solid var(--line);border-radius:.7rem;overflow-wrap:anywhere}
.account-admin-audit{display:grid;gap:.55rem;margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--panel)}
.account-admin-audit h2{margin:0;font-size:1rem}
.account-admin-audit-row{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(10rem,1fr) minmax(18rem,2fr);gap:.55rem;align-items:center;padding:.65rem;border:1px solid var(--line);border-radius:.65rem;background:var(--panel-strong)}
.account-admin-audit-row span,.account-admin-audit-row small{overflow-wrap:anywhere}
@media(max-width:900px){.account-admin-audit-row{grid-template-columns:1fr}}
.account-admin-readiness{display:flex;align-items:center;gap:.35rem;min-width:8.5rem}
.readiness-badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.2rem .5rem;font-size:.72rem;color:var(--muted);white-space:nowrap}
.readiness-badge--ready-to-activate,.readiness-badge--login-ready{color:var(--text);font-weight:700}
.readiness-badge--password-pending,.readiness-badge--not-applicable{opacity:.78}
@media(max-width:760px){.account-admin-readiness{min-width:0}.readiness-badge{white-space:normal}}

.account-admin-topology{display:grid;gap:.7rem;padding:.9rem;border:1px solid var(--line);border-radius:.8rem;background:var(--panel)}
.account-admin-topology h2,.account-admin-topology h3{margin:0}.account-admin-topology-tenants{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.55rem}
.account-admin-topology-tenant{display:grid;gap:.15rem;padding:.65rem;border:1px solid var(--line);border-radius:.65rem;background:var(--panel-strong)}
.account-admin-topology-tenant.is-selected{outline:2px solid var(--cyan);outline-offset:1px}.account-admin-topology-tenant small{color:var(--muted);overflow-wrap:anywhere}
.account-admin-topology-branch{display:grid;gap:.35rem}.account-admin-topology-node{padding:.45rem .6rem;border-left:3px solid var(--line);background:var(--panel-strong);border-radius:.35rem;overflow-wrap:anywhere}

/* PASS17 role-scoped GIANNA access surface */
button.sidebar__status { width: calc(100% - 1.6rem); color: inherit; text-align: left; cursor: pointer; }
button.sidebar__status:hover, button.sidebar__status:focus-visible { border-color: var(--cyan); background: rgba(67,216,230,.08); }
.gianna-dialog { width: min(680px, calc(100vw - 2rem)); border: 1px solid var(--line-strong); border-radius: 18px; background: var(--panel); color: var(--text); }
.gianna-dialog::backdrop { background: rgba(0,0,0,.58); backdrop-filter: blur(3px); }
.gianna-dialog__frame { display: grid; gap: 1rem; }
.gianna-context { display: flex; gap: .55rem; flex-wrap: wrap; align-items: center; }
.gianna-context span { color: var(--faint); }
.gianna-entry { padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: var(--panel-soft); }
.gianna-entry h3, .gianna-entry p { margin-top: 0; }
.gianna-entry__modes { display: flex; gap: .5rem; flex-wrap: wrap; }
.gianna-entry__modes span { padding: .4rem .65rem; border: 1px solid var(--line); border-radius: 999px; }
.gianna-boundary { margin: 0; color: var(--faint); font-size: .78rem; }
.gianna-toolbar,.gianna-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.gianna-tabs{display:flex;gap:.4rem}.gianna-tabs button{border:1px solid var(--line);border-radius:999px;background:transparent;color:inherit;padding:.45rem .75rem;cursor:pointer}.gianna-tabs button[aria-pressed="true"]{border-color:var(--cyan);background:rgba(67,216,230,.1)}.gianna-status{min-height:1.2rem;color:var(--muted)}.gianna-status[data-tone="error"]{color:var(--danger)}.gianna-feed{display:grid;gap:.55rem;max-height:min(42vh,24rem);overflow:auto;padding-right:.2rem}.gianna-message{display:grid;gap:.2rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-strong)}.gianna-message[data-mine="true"]{border-color:var(--cyan)}.gianna-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.gianna-message time{font-size:.72rem;color:var(--faint)}.gianna-composer{display:grid;gap:.35rem}.gianna-composer textarea{width:100%;resize:vertical}.gianna-compose-actions small{color:var(--faint)}

/* PASS17 role defaults + hierarchical account grants */
.account-admin-capability{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.account-admin-capability small{color:var(--faint);font-size:.72rem}.account-admin-grants{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(8rem,1fr) minmax(7rem,.7fr) auto;gap:.45rem;align-items:end;padding:.65rem;border:1px dashed var(--line);border-radius:.65rem}.account-admin-grants h4{grid-column:1/-1;margin:0}.account-admin-grants input,.account-admin-grants select{min-width:0}
@media(max-width:760px){.account-admin-grants{grid-template-columns:1fr}}

/* PASS17 GIANNA contextual capture + version history */
.gianna-dialog{width:min(860px,calc(100vw - 2rem))}.gianna-toolbar__actions,.gianna-context-actions,.gianna-version-compare-controls{display:flex;gap:.45rem;align-items:end;flex-wrap:wrap}.gianna-capture-draft,.gianna-context-card,.gianna-version-row,.gianna-version-comparison{display:grid;gap:.35rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-strong)}.gianna-capture-draft__head,.gianna-context-card__head{display:flex;align-items:center;gap:.55rem}.gianna-context-card__icon,.gianna-capture-draft__icon{display:grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid var(--line);border-radius:.65rem;font-size:1.05rem}.gianna-context-cards,.gianna-version-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.55rem}.gianna-context-card p,.gianna-capture-draft p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.gianna-context-card small,.gianna-version-row small{color:var(--faint)}.gianna-context-panel,.gianna-version-panel{display:grid;gap:.65rem}.gianna-context-panel[hidden],.gianna-version-panel[hidden],#gianna-composer-panel[hidden],#gianna-feed[hidden],.gianna-capture-draft[hidden]{display:none}.gianna-version-panel label{display:grid;gap:.25rem}.gianna-version-panel input,.gianna-version-panel select{min-height:2.2rem}.gianna-version-comparison{margin-top:.2rem}.gianna-version-diff{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;overflow-wrap:anywhere}.sidebar__status[data-capture-armed="true"]{outline:2px solid var(--cyan);outline-offset:1px}.sidebar__status[data-capture-armed="true"] .status-dot{box-shadow:0 0 0 5px rgba(67,216,230,.15)}

/* Role profiles: tenant defaults remain separate from per-account grants. */
.role-profile-editor{display:grid;gap:.7rem;padding:.85rem;border:1px solid var(--line);border-radius:.85rem;background:var(--panel-soft)}
.role-profile-editor>h2,.role-profile-editor>p{margin:0}.role-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:.6rem}
.role-profile-card{min-width:0;border:1px solid var(--line);border-radius:.7rem;background:var(--panel)}.role-profile-card>summary{cursor:pointer;padding:.7rem .8rem;font-weight:700;overflow-wrap:anywhere}
.role-profile-form{display:grid;gap:.55rem;padding:.7rem .8rem;border-top:1px solid var(--line)}.role-profile-form label{display:grid;gap:.25rem}.role-profile-form textarea{width:100%;min-height:4rem;resize:vertical;background:var(--panel-soft);color:var(--text);border:1px solid var(--line);border-radius:.5rem;padding:.5rem;font:inherit}.role-profile-form label:last-of-type textarea{min-height:9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}
@media(max-width:680px){.role-profile-grid{grid-template-columns:1fr}.role-profile-editor{padding:.65rem}}

/* P18 Quotes: keep business content readable without shrinking the viewport. */
.quotes-commercial-result{min-width:0;max-width:100%;display:grid;gap:16px;overflow-wrap:anywhere}
.quotes-commercial-result>h3,.quotes-commercial-result>p,.quote-reference>p{margin:0}
.quote-reference{display:grid;gap:8px;padding:16px;border:1px solid var(--line-strong);border-radius:10px;background:var(--panel-soft);min-width:0}
.quotes-panel>h2,.quotes-panel>h3,.quotes-panel>p{margin:0}
.quotes-panel{gap:18px;padding:20px}
.quotes-receipt:empty{display:none}
.quotes-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.quotes-filters select,.quote-builder-actions select{min-height:44px;max-width:100%;padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--bg-raised);color:var(--text);font:inherit}
.quotes-line-evidence{min-width:0;max-width:100%}
.integration-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.integration-progress-step{min-width:0;padding:16px;border:1px solid var(--line-strong);border-radius:12px;background:var(--bg-raised);display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}
.integration-progress-step>span{font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.integration-progress-step>strong{font-size:.95rem;line-height:1.5}
.integration-progress>.quotes-line-evidence{grid-column:1/-1}
.integration-attempt{padding:12px 0;border-top:1px solid var(--line-strong);overflow-wrap:anywhere}
.integration-attempt p{margin:6px 0}
.integration-attempt small{font-family:ui-monospace,monospace;font-size:.76rem;color:var(--text-muted)}
#quotes-dispatch-message{overflow-wrap:anywhere}
@media(max-width:700px){.integration-progress{grid-template-columns:1fr}.integration-progress-step{padding:12px}}
@media(max-width:700px){.quotes-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.quotes-panel{padding:14px}.quotes-commercial-result{gap:12px}}
:root .pair80-native {box-sizing:border-box;min-width:0;max-width:100%;padding:1rem;margin-block:1rem;border:1px solid currentColor;border-radius:.75rem;overflow-wrap:anywhere;}
.pair80-native-fields {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin-block:1rem;}
.pair80-native-fields label {display:flex;flex-direction:column;gap:.4rem;min-width:0;}
.pair80-native-fields input,.pair80-native-fields select,.pair80-native-fields textarea {box-sizing:border-box;min-width:0;max-width:100%;width:100%;min-height:44px;}
.pair80-native button {max-width:100%;min-height:44px;white-space:normal;margin:.25rem;}
.pair80-native :focus-visible {outline:3px solid #1684d6;outline-offset:3px;}

/* SCREEN159 visual conformance delta: existing Agenda, composer and GIANNA. */
.agenda-cockpit{--agenda-side:220px;display:grid;grid-template-columns:minmax(0,var(--agenda-side)) minmax(0,1fr);grid-template-rows:44px minmax(0,1fr)48px;gap:10px;font-size:14px;min-width:0;align-items:stretch}
.agenda-toolbar,.agenda-quick-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--panel-solid);padding:6px 10px}
.agenda-toolbar{grid-row:1}.agenda-tabs{display:flex;gap:4px;flex:1}.agenda-tabs button{min-height:30px;padding:5px 9px;font-size:14px}
.agenda-tabs button[aria-pressed=true],.meeting-window-controls button[aria-pressed=true],.gianna-window-controls button[aria-pressed=true]{background:#0668d9;color:#fff;border-color:#0668d9}
.agenda-toolbar #agenda-date{width:150px;min-width:0;max-width:100%;font:inherit;background:var(--bg-raised);color:var(--text);border:1px solid var(--line);padding:5px;border-radius:6px}
.agenda-quick-actions{grid-row:3;z-index:5}.agenda-quick-actions button{flex:1;font-size:14px;min-height:34px;padding:6px;white-space:normal;word-break:normal;overflow-wrap:normal}
.agenda-timeline{grid-column:1;grid-row:2;min-width:0;min-height:0;display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.agenda-timeline h2{margin:0;font-size:16px}.agenda-filter-details summary{cursor:pointer;color:var(--muted);font-size:14px;padding:4px 0}
.agenda-timeline .activities-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.activities-filters label:first-child{grid-column:1/-1}
.agenda-timeline input,.agenda-timeline select{width:100%;min-width:0;max-width:100%;min-height:32px;padding:5px;font:inherit;background:var(--bg-raised);border:1px solid var(--line);color:var(--text);border-radius:6px}
.agenda-timeline .activities-status{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0;color:var(--muted)}
.agenda-timeline .activities-metrics{display:flex;flex-wrap:wrap;gap:4px}.agenda-timeline .metric-card{display:flex;align-items:center;gap:6px;min-height:0;padding:3px 6px;border:0;border-radius:4px;background:var(--panel-soft)}.agenda-timeline .metric-card span,.agenda-timeline .metric-card strong{font-size:14px;margin:0}
.agenda-timeline .activities-list{display:block;min-height:0;overflow:auto;flex:1;scrollbar-width:thin}.agenda-range{margin:7px 0;font-size:14px;font-weight:600;line-height:1.4}
.agenda-time-board{display:grid;grid-template-columns:43px minmax(0,1fr);min-width:0;position:relative;padding-bottom:20px}.agenda-week-board{grid-template-columns:43px repeat(7,minmax(0,1fr))}
.agenda-hour-axis{position:relative;margin-top:27px;height:calc(var(--agenda-hours)*48px)}.agenda-hour-label{position:absolute;left:0;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;transform:translateY(-50%)}
.agenda-column-heading{font-size:14px;margin:0;height:27px;line-height:24px;white-space:nowrap;overflow:hidden;text-align:center;color:var(--muted);text-transform:capitalize}
.agenda-week-column,.agenda-day-column{min-width:0}.agenda-hour-grid{height:calc(var(--agenda-hours)*48px);position:relative;border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,var(--line) 0,var(--line) 1px,transparent 1px,transparent 48px)}
.agenda-timeline .activity-row{min-width:0;width:100%;display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px;text-align:left;padding:8px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:6px;color:var(--text);background:var(--panel-soft);font-size:14px;cursor:pointer;margin-bottom:8px}
.agenda-timeline .activity-row[data-module=Tasks]{border-left-color:var(--amber)}.agenda-timeline .activity-row[data-module=Calls]{border-left-color:var(--cyan)}.activity-row[data-selected=true]{outline:2px solid var(--blue);outline-offset:-2px}.activity-row time{font-size:14px;line-height:1.2;color:var(--cyan)}.activity-row strong{font-size:14px;min-width:0}.activity-row__module,.activity-row__state{grid-column:2;color:var(--muted);font-size:14px}
.agenda-timeline .agenda-time-event{position:absolute;display:block;margin:0;padding:2px 4px;border-radius:4px;min-height:0;overflow:hidden}.agenda-time-event time{display:none}.agenda-time-event strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:18px}.agenda-time-event .activity-row__module,.agenda-time-event .activity-row__state{display:none}.agenda-time-event[data-duration-known=false]{border-style:dashed;opacity:.9}
.agenda-week-column .agenda-time-event strong{font-size:14px}.agenda-selection{font-size:14px;padding:8px;border-left:2px solid var(--cyan);margin:8px 0;background:var(--panel-soft)}
.agenda-day{margin:12px 0}.agenda-day h4{font-size:14px;color:var(--muted);margin:5px 0}
.agenda-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-bottom:12px}.agenda-month-grid button{padding:6px 0;min-height:36px;min-width:0;font-size:14px;border:1px solid var(--line);border-radius:5px;background:var(--bg-raised)}.agenda-month-grid button[data-count]:not([data-count="0"]){border-bottom:3px solid var(--cyan)}.agenda-month-grid span{text-align:center;color:var(--muted);font-size:14px}
.meeting-composer{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;max-width:100%;padding:10px;background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 8px 22px #0002;color:var(--text);font-size:14px;overflow:hidden}
.meeting-composer__header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px}.meeting-composer__header>div:first-child{font-size:18px;font-weight:650;min-width:0}.meeting-window-controls{grid-row:2;grid-column:1/-1}
.meeting-window-controls,.gianna-window-controls{display:flex;gap:4px;flex-wrap:wrap}.meeting-window-controls button,.gianna-window-controls button{padding:4px 7px;font-size:14px;min-height:30px;white-space:nowrap;word-break:normal;overflow-wrap:normal;flex:0 0 auto}
#meeting-return{font-size:14px;color:var(--cyan);padding:4px 6px;min-height:28px;grid-row:1;grid-column:2;white-space:nowrap}
.meeting-composer__body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:12px;min-height:0;flex:1;overflow:hidden}
.meeting-composer__main,.meeting-composer__context{min-height:0;min-width:0;overflow:auto;scrollbar-width:thin;padding-right:4px;align-content:start}.meeting-composer__main{display:grid;gap:8px}.meeting-composer__context{border-left:1px solid var(--line);padding-left:10px}
.meeting-field{display:grid;gap:4px;min-width:0;font-size:14px}.meeting-composer input,.meeting-composer textarea,.meeting-composer select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:34px;padding:6px 8px;font:inherit;color:var(--text);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:6px}.meeting-composer textarea{resize:vertical;min-height:60px}.meeting-modality{display:grid;gap:8px}
.meeting-channel-options{position:relative;min-width:0}.meeting-channel-options__trigger{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:5px 8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--bg-raised);color:var(--text);text-align:left}.meeting-channel-options__trigger::after{content:'⌄';margin-left:auto;color:var(--cyan)}.meeting-channel-options__selection{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:14px}.meeting-channel-options__pending{flex-shrink:0;padding:2px 6px;border-radius:10px;background:var(--panel-soft);color:var(--muted);font-size:12px}.meeting-channel-options__panel[popover]{position:fixed;inset:auto;margin:0;width:min(520px,calc(100vw - 24px));max-height:min(60vh,480px);overflow:auto;gap:8px;padding:12px;background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:10px;color:var(--text);box-shadow:0 12px 32px #0005}.meeting-channel-options__panel[popover]:not(:popover-open){display:none}.meeting-channel-options__panel[popover]:popover-open{display:grid}.meeting-channel-options__group{display:grid;grid-template-columns:minmax(90px,.35fr) minmax(0,1fr);align-items:start;gap:6px;min-width:0}.meeting-channel-options__group>strong{font-size:14px;color:var(--muted);padding-top:6px}.meeting-channel-options__buttons{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.meeting-channel-options__buttons button{min-height:30px;padding:4px 8px;font-size:14px;white-space:normal;overflow-wrap:anywhere}.meeting-channel-options__buttons button[aria-pressed=true]{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}.meeting-channel-options__status{margin:4px 0 0;font-size:14px;line-height:1.35;color:var(--muted);overflow-wrap:anywhere}.meeting-channel-options__status:empty{display:none}
.meeting-timing{display:grid;grid-template-columns:1fr 1fr;gap:6px}.meeting-timing>.meeting-field:first-child{grid-column:1/-1}.meeting-timing-help summary,.meeting-extra-notes summary,.meeting-boundary summary{font-size:14px;color:var(--muted);cursor:pointer}.meeting-composer small{font-size:14px;line-height:1.3;color:var(--muted)}
.meeting-context-section{display:grid;gap:4px;min-width:0;margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid var(--line)}.meeting-context-section h3{font-size:14px;margin:0;line-height:20px}.meeting-context-section p{margin:0;font-size:14px;line-height:20px}.meeting-context-section details summary{font-size:14px;cursor:pointer;color:var(--cyan);padding:2px 0;line-height:20px}.meeting-entry-form{display:grid;gap:6px;padding:6px 0}.meeting-context-section details small{display:block;padding-top:6px}.meeting-context-section .button{font-size:14px;min-height:28px;padding:4px 6px}
.meeting-participant{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 4px;padding:3px 0;border:0;border-radius:0;background:transparent;min-width:0;line-height:18px}.meeting-participant>span:first-child{font-weight:600;font-size:14px}.meeting-participant small{grid-row:2;grid-column:1;font-size:14px}.meeting-participant__state{grid-column:2;grid-row:1/3;align-self:center;font-size:14px;color:var(--amber)}.meeting-participant[data-state=confirmed] .meeting-participant__state{color:var(--green)}.meeting-participant[data-state=declined] .meeting-participant__state{color:var(--red)}.meeting-participant[data-state=tentative] .meeting-participant__state{color:var(--blue)}
.meeting-travel-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.meeting-related{margin:0;border:0}.meeting-related h3{display:none}
.operational-attention{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:3px 12px;padding:8px 10px;border:1px solid var(--cyan-strong);border-radius:8px;background:var(--panel-soft);font-size:14px;flex-shrink:0}.operational-attention h3{margin:0;font-size:14px;color:var(--cyan);text-transform:uppercase;letter-spacing:.04em}.operational-attention strong{grid-column:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operational-attention p{margin:0;font-size:14px;line-height:18px}.operational-attention>small:not(.attention-provider-state){display:none}.operational-attention>p:nth-of-type(2){grid-column:1;font-size:14px;color:var(--muted)}
.meeting-attention-actions{grid-column:2;grid-row:1/4;display:grid;grid-template-columns:1fr 1fr;gap:4px;align-content:center}.meeting-attention-actions button{font-size:14px;padding:4px;min-height:28px;white-space:nowrap}.meeting-attention-actions button:disabled{opacity:.55;cursor:not-allowed}.attention-provider-state{grid-column:1/-1;font-size:14px!important;color:var(--muted)}
.meeting-composer__actions{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line);padding-top:8px;flex-shrink:0}.meeting-composer__actions button{flex:1;min-height:36px;padding:6px;font-size:14px;white-space:normal;overflow-wrap:normal}.meeting-composer__status{margin:0;font-size:14px;line-height:18px}.meeting-composer__status:empty{display:none}.meeting-boundary{font-size:14px;line-height:18px}.meeting-boundary p{margin:5px 0}
.meeting-composer[data-display-mode=MINIMIZED]{position:fixed;z-index:46;bottom:12px;right:12px;width:min(460px,calc(100vw - 24px));max-height:30dvh;overflow:auto}.meeting-composer[data-display-mode=MINIMIZED] .operational-attention,.meeting-composer[data-display-mode=MINIMIZED] .meeting-boundary,.meeting-composer[data-display-mode=MINIMIZED] .meeting-composer__status,.meeting-composer[data-display-mode=MINIMIZED] #meeting-return{display:none}
.gianna-operational{position:fixed;z-index:48;inset:66px 12px 70px auto;margin:0;width:280px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 136px);overflow:auto;scrollbar-width:thin;padding:12px;border:1px solid var(--line-strong);border-radius:12px;background:var(--panel-solid);color:var(--text);font-size:14px}.gianna-operational .dialog__header{flex-wrap:wrap;gap:6px}.gianna-window-state{font-size:14px;color:var(--cyan)}.gianna-operational[data-display-mode=PINNED]{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan-strong)}.gianna-operational .gianna-dialog__frame{gap:8px}.gianna-operational .gianna-tabs{flex-wrap:wrap;gap:3px}.gianna-operational button,.gianna-operational p,.gianna-operational small{font-size:14px;word-break:normal;overflow-wrap:normal}.gianna-operational textarea{min-width:0;width:100%}.gianna-meeting-context{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.gianna-operational .gianna-context{gap:4px}.gianna-operational .gianna-toolbar{gap:6px}
:root.light .agenda-cockpit,:root.light .meeting-composer,:root.light .gianna-operational{--cyan:#006f80;--cyan-strong:#007f91;--green:#087747;--amber:#895200;--red:#b52940;--blue:#2859ca}
.agenda-cockpit .button--primary,.meeting-composer .button--primary{background:#0668d9;color:#fff}
@media(min-width:1280px){
 body:has(.agenda-cockpit){--cockpit-nav:170px;--cockpit-gianna:0px;--cockpit-timeline:220px}
 body:has(.agenda-cockpit) .shell{grid-template-columns:var(--cockpit-nav) minmax(0,1fr)}
 body:has(.agenda-cockpit) .topbar{min-height:56px;height:56px;padding:4px 12px}.topbar:has(~ .content .agenda-cockpit) .context-header{padding:0}
 body:has(.agenda-cockpit) .content{padding:10px 12px}.agenda-cockpit{height:calc(100dvh - 76px)}
 .agenda-cockpit[data-agenda-view=week]{--agenda-side:400px}
 body.gianna-expanded:has(.agenda-cockpit){--cockpit-gianna:292px}.gianna-expanded .agenda-cockpit{margin-right:var(--cockpit-gianna)}
 .gianna-expanded .agenda-cockpit[data-agenda-view=week]{--agenda-side:220px}
 body:has(.agenda-cockpit)>.meeting-composer:not([data-display-mode=EMBEDDED]):not([data-display-mode=MINIMIZED]){position:fixed;z-index:45;left:calc(var(--cockpit-nav) + 244px);right:calc(12px + var(--cockpit-gianna));top:120px;bottom:68px;width:auto;max-height:none}
 body:has(.agenda-cockpit[data-agenda-view=week])>.meeting-composer:not([data-display-mode=EMBEDDED]):not([data-display-mode=MINIMIZED]){left:calc(var(--cockpit-nav) + 424px)}
 body.gianna-expanded:has(.agenda-cockpit[data-agenda-view=week])>.meeting-composer:not([data-display-mode=EMBEDDED]):not([data-display-mode=MINIMIZED]){left:calc(var(--cockpit-nav) + 244px)}
 body:has(.agenda-cockpit) .gianna-operational[data-display-mode=DOCK_LEFT]{left:calc(var(--cockpit-nav) + 12px);right:auto}
 body.gianna-expanded:has(.gianna-operational[data-display-mode=DOCK_LEFT]) .agenda-cockpit{margin-left:292px;margin-right:0}
 body.gianna-expanded:has(.gianna-operational[data-display-mode=DOCK_LEFT])>.meeting-composer:not([data-display-mode=EMBEDDED]):not([data-display-mode=MINIMIZED]){left:calc(var(--cockpit-nav) + 536px);right:12px}
 .gianna-expanded .meeting-composer__body{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
}
@media(max-width:1279px){
 .agenda-cockpit{grid-template-rows:44px auto auto;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr)}.agenda-timeline{max-height:calc(100dvh - 200px)}.meeting-composer{overflow:visible}.meeting-composer__body{grid-template-columns:1fr;grid-auto-rows:auto;flex:none;overflow:visible}.meeting-composer__main,.meeting-composer__context{overflow:visible}.meeting-composer__context{padding:10px 0 0;border:0;border-top:1px solid var(--line)}
 .meeting-composer[data-display-mode=FLOATING],.meeting-composer[data-display-mode=PINNED],.meeting-composer[data-display-mode=DOCK_LEFT],.meeting-composer[data-display-mode=DOCK_RIGHT]{position:fixed;z-index:45;inset:74px 12px 12px auto;width:min(650px,calc(100vw - 24px));overflow:auto}
 .gianna-operational{inset:74px 12px 12px auto;width:min(580px,calc(100vw - 24px));max-height:calc(100dvh - 86px)}
 .agenda-quick-actions{position:sticky;bottom:0}.agenda-cockpit[data-agenda-view=week]{grid-template-columns:1fr}.agenda-cockpit[data-agenda-view=week]>.meeting-composer{grid-column:1;grid-row:3}.agenda-cockpit[data-agenda-view=week]>.agenda-quick-actions{grid-row:4}
 .meeting-composer__header{grid-template-columns:1fr}#meeting-return{grid-row:3;grid-column:1;justify-self:start}.operational-attention{grid-template-columns:1fr}.meeting-attention-actions{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap}.attention-provider-state{grid-column:1}
}
@media(max-width:767px){
 .agenda-cockpit{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:10px}.agenda-toolbar{flex-wrap:wrap}.agenda-tabs{flex-basis:100%}.agenda-toolbar #agenda-date{flex:1}.agenda-timeline{grid-column:1;grid-row:2;max-height:65dvh}.agenda-cockpit>.meeting-composer{grid-column:1;grid-row:3}.agenda-quick-actions{grid-row:4;position:sticky;flex-wrap:wrap}.agenda-quick-actions button{flex:1 1 120px;min-height:38px}
 .meeting-composer{padding:10px}.meeting-window-controls,.gianna-window-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.meeting-window-controls button,.gianna-window-controls button{min-width:0;min-height:36px;white-space:nowrap;word-break:normal;overflow-wrap:normal}
 .meeting-composer[data-display-mode=FLOATING],.meeting-composer[data-display-mode=PINNED],.meeting-composer[data-display-mode=DOCK_LEFT],.meeting-composer[data-display-mode=DOCK_RIGHT],.gianna-operational,.gianna-operational[data-display-mode=DOCK_LEFT]{inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;overflow:auto;overscroll-behavior:contain}
 .meeting-composer__body{flex:none}.meeting-composer__header>div:first-child{font-size:18px}.meeting-composer__actions button{flex:1 1 120px}.meeting-timing{grid-template-columns:1fr}.meeting-timing>.meeting-field:first-child{grid-column:1}.agenda-week-column .agenda-time-event strong{color:transparent}.agenda-week-column .agenda-time-event:focus strong{color:var(--text);position:fixed;left:10px;right:10px;bottom:150px;background:var(--panel-solid);padding:8px;z-index:50}.agenda-column-heading{font-size:14px}.agenda-week-board{grid-template-columns:43px repeat(7,minmax(0,1fr))}
}
/* Off-Agenda windows retain their established overlay modes. */
body:not(:has(.agenda-cockpit))>.meeting-composer:not([data-display-mode=EMBEDDED]):not([data-display-mode=MINIMIZED]){position:fixed;z-index:45;top:74px;bottom:12px;right:12px;width:min(850px,calc(100vw - 24px));max-height:calc(100dvh - 86px)}
@media(min-width:1280px){body.gianna-expanded:not(:has(.agenda-cockpit))>.meeting-composer:not([data-display-mode=MINIMIZED]){right:304px;width:min(800px,calc(100vw - 340px))}}
/* Compact summaries keep all operational sections in the desktop working area. */
.meeting-composer details{border:0;border-radius:0;overflow:visible}.meeting-timing-help summary,.meeting-extra-notes summary,.meeting-boundary summary{padding:2px 0;line-height:18px;font-weight:400}
.meeting-context-section{gap:3px;margin-bottom:5px;padding-bottom:5px}.meeting-participant{padding:2px 0;line-height:17px}.meeting-participant small{line-height:17px}.meeting-context-section details summary{line-height:18px}.meeting-context-section .button{min-height:26px}
@media(min-width:1280px){
 .operational-attention{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 200px;gap:2px 10px;padding:6px 8px}
 .operational-attention h3{grid-row:1;grid-column:1}.operational-attention strong{grid-row:2;grid-column:1}
 .operational-attention>p:first-of-type{grid-row:1;grid-column:2}.operational-attention>p:nth-of-type(2){grid-row:2;grid-column:2}
 .meeting-attention-actions{grid-row:1/3;grid-column:3;display:grid;grid-template-columns:1fr 1fr;gap:2px}.meeting-attention-actions button{min-height:24px;padding:2px}
 .attention-provider-state{grid-row:3;grid-column:1/-1;line-height:17px}
 .gianna-expanded .operational-attention{grid-template-columns:minmax(0,1fr) 170px}.gianna-expanded .operational-attention h3{grid-row:1;grid-column:1}.gianna-expanded .operational-attention strong{grid-row:2;grid-column:1}.gianna-expanded .operational-attention>p:first-of-type{grid-row:3;grid-column:1}.gianna-expanded .operational-attention>p:nth-of-type(2){grid-row:4;grid-column:1}.gianna-expanded .meeting-attention-actions{grid-column:2;grid-row:1/4}.gianna-expanded .attention-provider-state{grid-row:5}
}
@media(min-width:1280px){
 .meeting-composer{gap:6px;padding:8px}.meeting-context-section{margin-bottom:4px;padding-bottom:4px}
 .meeting-timing{grid-template-columns:minmax(0,1fr)90px minmax(0,1fr)}.meeting-timing>.meeting-field:first-child{grid-column:auto}
 .gianna-expanded .meeting-timing,.agenda-cockpit[data-agenda-view=week] .meeting-timing{grid-template-columns:1fr 1fr}.gianna-expanded .meeting-timing>.meeting-field:first-child,.agenda-cockpit[data-agenda-view=week] .meeting-timing>.meeting-field:first-child{grid-column:1/-1}
 .meeting-composer__main{gap:6px}.meeting-composer__actions{padding-top:6px}.meeting-composer__header{gap:3px}
}

/* Left dock preserves the timeline by moving it to the opposite edge. */
@media(min-width:1280px){
 body:has(.agenda-cockpit){--dock-timeline:220px}
 body:has(.agenda-cockpit[data-agenda-view=week]){--dock-timeline:400px}
 body.gianna-expanded:has(.agenda-cockpit[data-agenda-view=week]){--dock-timeline:220px}
 body:has(>#meeting-action-composer[data-display-mode=DOCK_LEFT]) .agenda-cockpit{grid-template-columns:minmax(0,1fr) var(--dock-timeline)}
 body:has(>#meeting-action-composer[data-display-mode=DOCK_LEFT]) .agenda-timeline{grid-column:2}
 body:has(.agenda-cockpit)>#meeting-action-composer[data-display-mode=DOCK_LEFT]{left:calc(var(--cockpit-nav) + 12px);right:calc(24px + var(--dock-timeline) + var(--cockpit-gianna))}
 body.gianna-expanded:has(.gianna-operational[data-display-mode=DOCK_LEFT]):has(.agenda-cockpit)>#meeting-action-composer[data-display-mode=DOCK_LEFT]{left:calc(var(--cockpit-nav) + 304px);right:calc(24px + var(--dock-timeline))}
 body:not(:has(.agenda-cockpit))>#meeting-action-composer[data-display-mode=DOCK_LEFT]{left:270px;right:auto;width:min(800px,calc(100vw - 580px))}
}
@media(min-width:768px) and (max-width:1279px){.meeting-composer[data-display-mode=DOCK_LEFT]{left:12px;right:auto}}

/* SCREEN159 integration: let GLOBAL context occupy its own measured header rows. */
body:has(.agenda-cockpit) .topbar{height:auto;min-height:56px;position:relative;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
body:has(.agenda-cockpit) .topbar>.context-header{grid-column:1/-1;grid-row:2;min-width:0}
body:has(.agenda-cockpit) .topbar .operational-context-switcher{grid-column:1/-1;grid-row:3;min-width:0;flex-wrap:wrap}
body:has(.agenda-cockpit) .topbar>.topbar__actions{grid-column:3;grid-row:1;min-width:0}
body:has(.agenda-cockpit) .operational-context-switcher label{min-width:0;flex:1}
body:has(.agenda-cockpit) .operational-context-switcher select{width:100%;max-width:100%;min-width:0}
body:has(.agenda-cockpit) .agenda-cockpit{height:calc(100dvh - var(--screen159-header-height,180px) - 20px)}
@media(max-width:1279px){body:has(.agenda-cockpit) .agenda-cockpit{height:auto}}

@media(min-width:1280px){body:has(.agenda-cockpit)>#meeting-action-composer:not([data-display-mode=MINIMIZED]){top:calc(var(--screen159-header-height,180px) + 64px)}body:has(.agenda-cockpit) .gianna-operational{top:calc(var(--screen159-header-height,180px) + 10px);max-height:calc(100dvh - var(--screen159-header-height,180px) - 80px)}}

body:has(.agenda-cockpit) .topbar>.topbar__actions{display:contents}
body:has(.agenda-cockpit) .topbar #theme-toggle{grid-column:2;grid-row:1;justify-self:end}
body:has(.agenda-cockpit) .topbar #user-menu{grid-column:3;grid-row:1}

.customer360-identity-resolution{display:grid;gap:.7rem;min-width:0;padding:.9rem;border:1px solid var(--border);border-radius:.85rem}.identity-resolution-process-list{display:grid;gap:.4rem;padding:0;list-style:none}.identity-resolution-process-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem;padding:.55rem;border:1px solid var(--border);border-radius:.55rem;overflow-wrap:anywhere}.identity-resolution-state{font-weight:700}.identity-resolution-blocked{padding:.75rem;border-inline-start:4px solid var(--warning,#e6a23c);background:color-mix(in srgb,var(--surface,#132235) 92%,var(--warning,#e6a23c));overflow-wrap:anywhere}.identity-resolution-boundary{font-size:.9rem;color:var(--muted);overflow-wrap:anywhere}
.identity-resolution-review{display:grid;gap:.65rem;min-width:0;padding:.8rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface,#132235)}.identity-resolution-review h3,.identity-resolution-review p{margin:.1rem 0}.identity-resolution-comparison{display:grid;min-width:0;border:1px solid var(--border);border-radius:.55rem;overflow:hidden}.identity-resolution-comparison-head,.identity-resolution-comparison-row{display:grid;grid-template-columns:minmax(7rem,.7fr) repeat(2,minmax(0,1fr));gap:.5rem;padding:.55rem;border-bottom:1px solid var(--border);align-items:start}.identity-resolution-comparison-head{background:color-mix(in srgb,var(--surface,#132235) 78%,var(--accent,#19c7d2));font-size:.9rem}.identity-resolution-comparison-row:last-child{border-bottom:0}.identity-resolution-comparison-row strong,.identity-resolution-comparison-head strong{overflow-wrap:anywhere}.identity-resolution-no-evidence{color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}.identity-resolution-review-actions{display:flex;gap:.45rem;flex-wrap:wrap}.identity-resolution-review-actions button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:600px){.identity-resolution-comparison-head,.identity-resolution-comparison-row{grid-template-columns:minmax(5.5rem,.6fr) repeat(2,minmax(0,1fr));gap:.3rem;padding:.45rem;font-size:.82rem}}
.identity-resolution-candidate-list{display:grid;gap:.6rem;margin:0;padding-inline-start:1.4rem}.identity-resolution-candidate{display:grid;gap:.4rem;min-width:0;padding:.7rem;border:1px solid var(--border);border-radius:.6rem;background:var(--surface,#132235);overflow-wrap:anywhere}.identity-resolution-pair-comparison{display:grid;grid-template-columns:minmax(5rem,.4fr) minmax(0,1fr);gap:.25rem .55rem;margin:0}.identity-resolution-pair-comparison dt{color:var(--muted)}.identity-resolution-pair-comparison dd{margin:0;min-width:0;overflow-wrap:anywhere}
.customer360-integrity,.customer360-relationship-intelligence{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.75rem;min-width:0}.customer360-integrity>h2,.customer360-integrity>p,.customer360-relationship-intelligence>h2,.customer360-relationship-intelligence>p{grid-column:1/-1;margin:.15rem 0}.customer360-integrity-card{display:grid;align-content:start;gap:.4rem;min-width:0;padding:.8rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface,#132235)}.customer360-integrity-card h3,.customer360-integrity-card p{margin:.1rem 0}.customer360-integrity-timeline,.customer360-relationship-list{display:grid;gap:.4rem;grid-column:1/-1;padding:0;list-style:none}.customer360-integrity-timeline li,.customer360-relationship-list li{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.35rem;min-width:0;padding:.6rem;border:1px solid var(--border);border-radius:.55rem;overflow-wrap:anywhere}.customer360-integrity-timeline small,.customer360-relationship-list small{grid-column:1/-1}.customer360-integrity-timeline span,.customer360-relationship-list span,.customer360-integrity-timeline small,.customer360-relationship-list small{color:var(--muted)}
.customer360-super-agenda,.customer360-gianna-context{display:grid;gap:.8rem;min-width:0}.customer360-super-agenda-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.65rem;min-width:0}.customer360-process-posture{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.customer360-process-posture li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:.6rem;align-items:center;min-width:0;padding:.6rem;border:1px solid var(--border);border-radius:.55rem;overflow-wrap:anywhere}.customer360-process-posture code{overflow-wrap:anywhere}.customer360-gianna-context textarea{width:100%;min-height:8rem;resize:vertical}@media(max-width:600px){.customer360-process-posture li{grid-template-columns:1fr}.customer360-super-agenda-grid{grid-template-columns:minmax(0,1fr)}}
.customer360-operational-intelligence{display:grid;gap:.8rem;min-width:0}.customer360-operational-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.65rem;min-width:0}.customer360-operational-card{display:grid;align-content:start;gap:.45rem;min-width:0;padding:.8rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface,#132235);overflow-wrap:anywhere}.customer360-operational-card p,.customer360-operational-card small{margin:.1rem 0}.customer360-operational-source,.customer360-operational-evidence{color:var(--muted)}.customer360-operational-evidence{display:grid;gap:.25rem;margin:0;padding-inline-start:1.2rem;overflow-wrap:anywhere}
.regional-product { display: grid; gap: 14px; padding: 18px; }
.regional-product__hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; font-size: 1.35rem; font-weight: 700; }
.regional-product__context { display: grid; grid-template-columns: max-content minmax(0,1fr); gap: 5px 12px; margin: 0; padding: 12px 14px; border: 1px solid var(--border, #26384d); border-radius: 12px; background: var(--surface, #0e1a29); }
.regional-product__context dt { color: var(--muted, #95a7bb); }
.regional-product__context dd { margin: 0; overflow-wrap: anywhere; }
.regional-product__status { margin: 0; color: var(--muted, #95a7bb); font-size: .9rem; }
.regional-product__tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.regional-product__tabs button[aria-pressed="true"] { outline: 2px solid var(--accent, #18b6d2); }
.regional-product__panel { display: grid; gap: 12px; min-height: 240px; padding: 16px; border: 1px solid var(--border, #26384d); border-radius: 12px; background: var(--surface, #0e1a29); }
.regional-product__panel h2 { margin: 0; }
.regional-product__note, .regional-product__state { margin: 0; color: var(--muted, #95a7bb); line-height: 1.55; }
.regional-product__list { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,250px),1fr)); gap: 9px; }
.regional-product__list article { padding: 12px; border: 1px solid var(--border, #26384d); border-radius: 9px; overflow-wrap: anywhere; }
@media (max-width: 640px) { .regional-product { padding: 12px; } .regional-product__context { grid-template-columns: 1fr; } .regional-product__context dd { margin-bottom: 7px; } }

.commerce-native{display:grid;gap:14px;padding:18px;min-width:0}
.commerce-native__hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.commerce-native__hero h2,.commerce-native__hero p{margin:.2rem 0}
.commerce-native__hero p{max-width:78ch}
.commerce-native__status{margin:0;color:var(--muted,#95a7bb)}
.commerce-native__authority{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.commerce-native__truth,.commerce-native__card,.commerce-native__detail{min-width:0;border:1px solid var(--border,#26384d);border-radius:10px;background:var(--surface,#0e1a29);padding:12px}
.commerce-native__truth{display:grid;gap:4px}
.commerce-native__truth small,.commerce-native__card small{color:var(--muted,#95a7bb)}
.commerce-native__truth strong,.commerce-native__card strong{overflow-wrap:anywhere}
.commerce-native__tabs{display:flex;gap:8px;flex-wrap:wrap}
.commerce-native__tabs button[aria-pressed="true"]{outline:2px solid var(--accent,#18b6d2)}
.commerce-native__panel{display:grid;gap:12px;min-width:0}
.commerce-native__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.commerce-native__card{display:grid;gap:5px}
.commerce-native__card strong{font-size:1.45rem}
.commerce-native__boundaries{display:flex;gap:7px;flex-wrap:wrap;padding:12px;border:1px solid var(--border,#26384d);border-radius:10px}
.commerce-native__boundaries strong{width:100%}
.commerce-native__boundaries span{padding:5px 8px;border:1px solid var(--border,#26384d);border-radius:999px}
.commerce-native__json{max-height:38rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem}
@media(max-width:1100px){.commerce-native__authority{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-native__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.commerce-native{padding:12px}.commerce-native__hero{display:grid}.commerce-native__authority,.commerce-native__grid{grid-template-columns:1fr}.commerce-native__tabs{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:390px){.commerce-native__tabs{grid-template-columns:1fr}}

.commerce-native__panel label{display:flex;flex-direction:column;gap:.35rem}.commerce-native__panel dl{display:grid;grid-template-columns:8rem 1fr;gap:.5rem}.commerce-native__panel dd{margin:0;overflow-wrap:anywhere}

/* SCREEN067 staged native surface: status gates remain authoritative. */
.ai-packs-native{display:grid;gap:14px;min-width:0;padding:18px}
.ai-packs-native h2,.ai-packs-native h3{margin:.2rem 0}
.ai-packs-tabs,.ai-packs-actions{display:flex;flex-wrap:wrap;gap:8px}
.ai-packs-tabs button:disabled,.ai-packs-actions button:disabled{opacity:.55;cursor:not-allowed}
.ai-packs-selectors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px}
.ai-packs-selectors label{display:grid;gap:6px;color:var(--muted)}
.ai-packs-selectors select,.ai-packs-native textarea,.ai-packs-author-form input{width:100%;min-width:0;padding:10px;border:1px solid var(--line-strong);border-radius:var(--radius-small);background:var(--panel-solid);color:var(--text)}
.ai-packs-native textarea{min-height:86px;resize:vertical}
.ai-packs-authoring{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ai-packs-author-form{display:grid;align-content:start;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--panel)}
.ai-packs-author-form label{display:grid;gap:6px;color:var(--muted)}
.ai-packs-author-form button:disabled{opacity:.55;cursor:not-allowed}
.ai-packs-authoring .ai-packs-receipt{grid-column:1/-1}
.ai-packs-panel,.ai-packs-receipt{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--panel)}
.ai-packs-panel{min-height:100px}
.ai-packs-card{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:var(--radius-small);overflow-wrap:anywhere}
.ai-packs-card small,.ai-packs-card span{color:var(--muted)}
.ai-packs-card summary{cursor:pointer;color:var(--cyan)}
.ai-packs-card pre{max-height:30rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-packs-status,.ai-packs-receipt{overflow-wrap:anywhere}
@media(max-width:640px){.ai-packs-native{padding:12px}.ai-packs-authoring{grid-template-columns:1fr}.ai-packs-tabs button,.ai-packs-actions button{flex:1 1 40%}}

/* SCREEN102 access panel carries the Administration Pro access design tokens and layout. */
.admin-pro{--admin-bg:rgba(8,17,31,.86);--admin-card:rgba(17,31,51,.82);--admin-card-strong:rgba(21,39,64,.96);--admin-line:rgba(148,174,210,.16);--admin-line-strong:rgba(148,174,210,.28);--admin-text:#e7effb;--admin-muted:#91a4bd;--admin-accent:#62d7ff;--admin-success:#66dfb2;--admin-warning:#f4c96b;--admin-danger:#ff7b8f;--admin-critical:#ff5d78;position:relative;display:grid;gap:18px;padding:22px;min-height:820px;color:var(--admin-text);background:radial-gradient(circle at 12% 0%,rgba(47,133,255,.16),transparent 36%),radial-gradient(circle at 92% 18%,rgba(117,75,255,.12),transparent 34%),linear-gradient(180deg,rgba(5,12,24,.98),rgba(7,16,29,.96));border:1px solid var(--admin-line);border-radius:24px;overflow:hidden}
.admin-pro *{box-sizing:border-box}.admin-pro button,.admin-pro input,.admin-pro select,.admin-pro textarea{font:inherit}.admin-pro button{cursor:pointer}
.admin-panel{display:grid;gap:16px}.admin-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid var(--admin-line);border-radius:18px;background:rgba(11,23,40,.76)}.admin-panel__header h3{margin:4px 0 6px;font-size:24px}.admin-panel__header p{margin:0;color:var(--admin-muted);line-height:1.5}.admin-panel__actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-section-block{display:grid;gap:14px;padding:18px;border:1px solid var(--admin-line);border-radius:18px;background:rgba(9,21,37,.72)}.admin-section-block>header{display:flex;justify-content:space-between;gap:14px}.admin-section-block h4{margin:0 0 5px;font-size:18px}.admin-section-block p{margin:0;color:var(--admin-muted)}
.admin-split{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.8fr);gap:14px}.admin-inspector{min-width:0;display:grid;align-content:start;gap:12px;padding:18px;border:1px solid var(--admin-line);border-radius:18px;background:var(--admin-card-strong)}.admin-inspector h4{margin:0}.admin-note{font-size:12px;color:var(--admin-muted);line-height:1.5}
.admin-table-wrap{width:100%;overflow:auto}.admin-table{width:100%;min-width:720px;border-collapse:collapse}.admin-table th,.admin-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--admin-line);vertical-align:top}.admin-table th{color:var(--admin-muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{margin-top:3px;color:var(--admin-muted)}.admin-table tbody tr{transition:.15s ease}.admin-table tbody tr:hover{background:rgba(98,215,255,.035)}
.admin-level-grid{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(9rem,.7fr) minmax(12rem,1.4fr) auto;gap:10px;align-items:end}.admin-level-grid label,.acl-access-request-form label{display:grid;gap:6px;color:var(--admin-muted)}.admin-level-grid input,.admin-level-grid select,.acl-access-request-form input,.acl-access-request-form textarea{width:100%;min-width:0;padding:10px;border:1px solid var(--admin-line-strong);border-radius:8px;background:rgba(3,10,20,.75);color:var(--admin-text)}.acl-access-request-form{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(16rem,2fr) auto;gap:10px;align-items:end}.acl-access-panel .account-admin-status{color:var(--admin-muted);overflow-wrap:anywhere}
@media(max-width:900px){.admin-split{grid-template-columns:1fr}.admin-level-grid,.acl-access-request-form{grid-template-columns:1fr}.admin-panel__header{display:grid}}

/* Voice Capture: preserve the original component layout in the native shell. */
.voice-capture-shell{display:grid;gap:1rem;padding:1rem}.voice-capture-shell .hero,.voice-capture-shell .choice,.voice-capture-shell .capture-card,.voice-capture-shell .grid,.voice-capture-shell .evidence-grid{display:flex;gap:1rem;align-items:flex-start}.voice-capture-shell .hero{justify-content:space-between}.voice-capture-shell .hero aside,.voice-capture-shell .capture-card,.voice-capture-shell .evidence-grid article{border:1px solid rgba(128,128,128,.35);border-radius:.8rem;padding:1rem}.voice-capture-shell .choice{align-items:center;flex-wrap:wrap}.voice-capture-shell .choice button.active{font-weight:700;outline:2px solid currentColor}.voice-capture-shell .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.voice-capture-shell .grid label{display:grid;gap:.35rem}.voice-capture-shell .grid input{width:100%}.voice-capture-shell .capture-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.voice-capture-shell .actions{display:flex;gap:.5rem}.voice-capture-shell .upload-progress{display:grid;gap:.35rem}.voice-capture-shell .evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.voice-capture-shell .evidence-grid article{display:grid;gap:.35rem}.voice-capture-shell .eyebrow{font-size:.75rem;text-transform:uppercase;opacity:.7}.voice-capture-shell .notice{padding:.75rem;border-radius:.5rem;background:rgba(128,128,128,.15)}.voice-capture-shell .notice.danger{font-weight:700}.voice-capture-shell small{opacity:.75}
.voice-capture-shell [hidden]{display:none!important}
.voice-capture-shell .hero{flex-wrap:wrap}.voice-capture-shell .hero>div{flex:2 1 22rem;min-width:0}.voice-capture-shell .hero aside{flex:1 1 14rem;min-width:0;display:grid;gap:.35rem}.voice-capture-shell .capture-card>div:not(.actions){display:grid;gap:.35rem}.voice-capture-shell .evidence-grid article{min-width:0;overflow-wrap:anywhere}.voice-capture-shell .hero aside,.voice-capture-shell .capture-card{overflow-wrap:anywhere}@media(max-width:600px){.voice-capture-shell .hero{flex-direction:column}.voice-capture-shell .hero>div,.voice-capture-shell .hero aside{flex:auto;width:100%}}

/* Conserved integration access: source pointers remain readable and recoverable. */
.conserved-integration{display:grid;gap:12px;min-width:0}
.conserved-integration>section{display:grid;gap:12px}
.conserved-integration article,.conserved-integration p{overflow-wrap:anywhere;min-width:0}
.leads-preserved-filters{display:grid;gap:10px;margin-block:12px}
.leads-preserved-filters .panel-gradient{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.12)}
.leads-preserved-filters .inputbar{padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-items:end}
.leads-preserved-filters .inputbar>h2,.leads-preserved-filters .inputbar>p{grid-column:1/-1}
.leads-preserved-filters .field{display:grid;gap:4px}
.leads-preserved-filters .field label{font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:800}
.leads-preserved-filters .field select{width:100%;border:1px solid var(--line);background:#081522;color:#fff;border-radius:8px;padding:8px;outline:none}
.leads-preserved-filters .field select:focus{border-color:#4b8fb8}

/* Leads Sources: selectors preserved from the original component SCSS. */
#leads-sources-view{
display:block;
--bg:#07111f;
--panel:#0d1b2e;
--card:#12243c;
--line:#213955;
--text:#e9f2ff;
--muted:#8fa6c2;
--accent:#62d7ff;
--ok:#66dfb2;
--warn:#f1c967;
--danger:#ff758c;
--purple:#b990ff;
color:var(--text)}

#leads-sources-view{
min-height:100%;
padding:20px;
background:radial-gradient(circle at 10% 0,#12345a 0,transparent 30%),var(--bg);
display:grid;
gap:12px;
font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}

#leads-sources-view .panel-gradient,#leads-sources-view .panel{
border:1px solid var(--line);
background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));
border-radius:16px;
box-shadow:0 16px 40px rgba(0,0,0,.12)}

#leads-sources-view .eyebrow{
color:var(--accent);
font-size:9px;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase}

#leads-sources-view .workspace{
display:grid;
grid-template-columns:1.25fr .75fr;
gap:12px}

#leads-sources-view .panel{
padding:15px;
min-width:0}

#leads-sources-view .panel>header{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
margin-bottom:12px}

#leads-sources-view .panel h2{
font-size:15px;
margin:2px 0}

#leads-sources-view .bar-chart{
display:grid;
gap:7px}

#leads-sources-view .bar-chart.large{
gap:10px}

#leads-sources-view .bar-row{
display:grid;
grid-template-columns:120px 1fr 50px;
gap:8px;
align-items:center;
border:0;
background:transparent;
color:#fff;
text-align:left;
cursor:pointer}

#leads-sources-view .bar-row span{
color:var(--muted);
font-size:9px;
overflow:hidden;
text-overflow:ellipsis}

#leads-sources-view .bar-row b{
text-align:right;
font-size:9px}

#leads-sources-view .bar{
height:9px;
background:#081422;
border-radius:99px;
overflow:hidden}

#leads-sources-view .bar i{
display:block;
height:100%;
background:linear-gradient(90deg,#2d7199,var(--accent));
border-radius:99px}

#leads-sources-view .geo-map{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:7px;
min-height:250px;
align-content:start;
background:radial-gradient(circle at 50% 50%,rgba(98,215,255,.12),transparent 40%),#081523;
border:1px solid var(--line);
border-radius:12px;
padding:10px}

#leads-sources-view .geo-map button{
--weight:20;
border:1px solid rgba(98,215,255,.35);
background:rgba(19,46,75,calc(.18 + var(--weight)/180));
color:#fff;
border-radius:9px;
padding:9px;
text-align:left;
cursor:pointer;
display:flex;
justify-content:space-between;
gap:8px}

#leads-sources-view .geo-map span{
font-size:8px;
color:#c7ddf3}

#leads-sources-view .geo-map b{
color:var(--accent)}

#leads-sources-view .inspector-box{
margin-top:8px;
padding:9px;
border:1px solid var(--line);
border-radius:8px;
background:#091827;
color:var(--muted);
font-size:8px}

@media(max-width:1400px){

#leads-sources-view .workspace{
grid-template-columns:1fr 1fr}

}

@media(max-width:1000px){
#leads-sources-view{
padding:12px}

#leads-sources-view .workspace{
grid-template-columns:1fr}

#leads-sources-view .geo-map{
grid-template-columns:1fr}

}

@media(max-width:620px){
#leads-sources-view{
padding:8px}

#leads-sources-view .panel{
padding:11px}

}
#leads-sources-view[hidden]{display:none}

/* Qualification: original Leads Pro rules scoped to the retained renderer. */
#leads-qualification-view{
display:block;
--bg:#07111f;
--panel:#0d1b2e;
--card:#12243c;
--line:#213955;
--text:#e9f2ff;
--muted:#8fa6c2;
--accent:#62d7ff;
--ok:#66dfb2;
--warn:#f1c967;
--danger:#ff758c;
--purple:#b990ff;
color:var(--text)}


#leads-qualification-view *{
box-sizing:border-box}


#leads-qualification-view{
min-height:100%;
padding:20px;
background:radial-gradient(circle at 10% 0,#12345a 0,transparent 30%),var(--bg);
display:grid;
gap:12px;
font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}


#leads-qualification-view .panel-gradient,#leads-qualification-view .panel{
border:1px solid var(--line);
background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));
border-radius:16px;
box-shadow:0 16px 40px rgba(0,0,0,.12)}


#leads-qualification-view .eyebrow{
color:var(--accent);
font-size:9px;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase}


#leads-qualification-view .actions,#leads-qualification-view .action-stack{
display:flex;
gap:8px;
align-items:flex-start;
flex-wrap:wrap}


#leads-qualification-view .btn{
border:1px solid #355672;
background:#12243c;
color:#e8f2ff;
border-radius:9px;
padding:8px 11px;
cursor:pointer}


#leads-qualification-view .btn.primary{
background:linear-gradient(135deg,#64d7ff,#88efd2);
border-color:#72deef;
color:#06121b;
font-weight:900}


#leads-qualification-view .btn.danger{
background:#351821;
border-color:#713548;
color:#ffd9df}


#leads-qualification-view .btn:disabled{
opacity:.45}


#leads-qualification-view .close{
border:1px solid var(--line);
background:#0b1829;
color:#fff;
border-radius:8px;
width:32px;
height:32px;
font-size:18px;
cursor:pointer}


#leads-qualification-view .field{
display:grid;
gap:4px}


#leads-qualification-view .field.grow{
min-width:0}


#leads-qualification-view .field label{
font-size:8px;
text-transform:uppercase;
color:var(--muted);
font-weight:800}


#leads-qualification-view .field input,#leads-qualification-view .field select,#leads-qualification-view .field textarea{
width:100%;
border:1px solid var(--line);
background:#081522;
color:#fff;
border-radius:8px;
padding:8px;
outline:none}


#leads-qualification-view .field input:focus,#leads-qualification-view .field select:focus,#leads-qualification-view .field textarea:focus{
border-color:#4b8fb8}


#leads-qualification-view .empty{
padding:18px;
border:1px dashed var(--line);
border-radius:12px;
color:var(--muted);
background:#081522}


#leads-qualification-view .workspace{
display:grid;
grid-template-columns:1.25fr .75fr;
gap:12px}


#leads-qualification-view .workspace.wide{
grid-template-columns:1fr}


#leads-qualification-view .panel{
padding:15px;
min-width:0}


#leads-qualification-view .panel>header{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
margin-bottom:12px}


#leads-qualification-view .panel h2{
font-size:15px;
margin:2px 0}


#leads-qualification-view .panel h3{
font-size:11px;
margin:12px 0 6px;
color:#d5e8ff}


#leads-qualification-view .panel header>strong{
font-size:20px}


#leads-qualification-view .status-dot{
width:7px;
height:7px;
background:var(--accent);
border-radius:50%;
display:inline-block}


#leads-qualification-view .legend{
display:flex;
gap:6px;
flex-wrap:wrap}


#leads-qualification-view .legend span{
border:1px solid var(--line);
padding:4px 6px;
border-radius:99px;
font-size:8px;
color:var(--muted)}


#leads-qualification-view .lead-table{
overflow:auto;
border:1px solid var(--line);
border-radius:11px}


#leads-qualification-view .lead-table__head,#leads-qualification-view .lead-table__row{
min-width:980px;
display:grid;
grid-template-columns:1.4fr 1fr .8fr .55fr .45fr .7fr .55fr .7fr;
gap:8px;
align-items:center}


#leads-qualification-view .lead-table__head{
padding:8px 10px;
background:#081522;
color:var(--muted);
font-size:8px;
text-transform:uppercase}


#leads-qualification-view .lead-table__row{
width:100%;
border:0;
border-top:1px solid #172a3f;
background:#0a1727;
color:#fff;
padding:9px 10px;
text-align:left;
cursor:pointer}


#leads-qualification-view .lead-table__row:hover,#leads-qualification-view .lead-table__row.selected{
background:#102844}


#leads-qualification-view .lead-table__row strong,#leads-qualification-view .lead-table__row small{
display:block}


#leads-qualification-view .lead-table__row small{
font-size:8px;
color:var(--muted);
margin-top:2px}


#leads-qualification-view .lead-table__row i{
font-size:8px;
color:var(--accent)}


#leads-qualification-view .score{
display:inline-grid;
place-items:center;
min-width:36px;
height:28px;
border-radius:8px;
background:#12243c}


#leads-qualification-view .score[data-tone=success]{
color:var(--ok);
border:1px solid #2f6f5a}


#leads-qualification-view .score[data-tone=accent]{
color:var(--accent);
border:1px solid #346986}


#leads-qualification-view .score[data-tone=warning]{
color:var(--warn);
border:1px solid #6d5a2c}


#leads-qualification-view .score[data-tone=danger]{
color:var(--danger);
border:1px solid #713548}


#leads-qualification-view .grade{
font-size:14px}


#leads-qualification-view .sla{
font-size:8px;
text-transform:uppercase}


#leads-qualification-view .sla[data-state=within]{
color:var(--ok)}


#leads-qualification-view .sla[data-state=warning]{
color:var(--warn)}


#leads-qualification-view .sla[data-state=breached]{
color:var(--danger)}


#leads-qualification-view .sla[data-state=closed]{
color:var(--muted)}


#leads-qualification-view .inspector{
background:linear-gradient(150deg,#0e1f34,#091522)}


#leads-qualification-view .score-hero{
display:flex;
align-items:end;
gap:10px;
border-bottom:1px solid var(--line);
padding-bottom:12px}


#leads-qualification-view .score-hero strong{
font-size:48px;
letter-spacing:-.07em;
color:var(--accent)}


#leads-qualification-view .score-hero span{
color:var(--muted);
padding-bottom:7px}


#leads-qualification-view .key-values{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:6px;
margin-top:10px}


#leads-qualification-view .key-values div{
padding:8px;
border:1px solid var(--line);
background:#091827;
border-radius:8px}


#leads-qualification-view .key-values span{
display:block;
font-size:7px;
color:var(--muted);
text-transform:uppercase}


#leads-qualification-view .key-values b{
font-size:9px;
word-break:break-word}


#leads-qualification-view .inspector ul{
padding-left:18px;
color:var(--muted);
font-size:9px}


#leads-qualification-view .action-stack{
margin-top:10px}


#leads-qualification-view .inspector-box{
margin-top:8px;
padding:9px;
border:1px solid var(--line);
border-radius:8px;
background:#091827;
color:var(--muted);
font-size:8px}


#leads-qualification-view .callout{
margin-top:12px;
padding:10px;
border:1px solid #3b5f7c;
background:#0c2035;
border-radius:9px;
color:#bcd7f2;
font-size:8px}


#leads-qualification-view .callout.warn{
border-color:#6d5a2c;
background:#2a2416;
color:#f5dda8}


#leads-qualification-view .callout.danger{
border-color:#6c2f42;
background:#2b151d;
color:#ffc6cf}


#leads-qualification-view .action-drawer{
position:fixed;
top:0;
right:0;
height:100vh;
width:min(460px,92vw);
background:#07111f;
border-left:1px solid var(--line);
z-index:120;
transform:translateX(105%);
transition:transform .22s ease;
box-shadow:-25px 0 60px rgba(0,0,0,.35);
display:grid;
grid-template-rows:auto 1fr}


#leads-qualification-view .action-drawer.open{
transform:translateX(0)}


#leads-qualification-view .action-drawer header{
padding:14px;
border-bottom:1px solid var(--line);
display:flex;
justify-content:space-between}


#leads-qualification-view .action-body{
overflow:auto;
padding:12px}


#leads-qualification-view .action-drawer{
z-index:130}


#leads-qualification-view .action-body{
display:grid;
gap:10px;
align-content:start}


#leads-qualification-view .request-preview{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:6px}


#leads-qualification-view .request-preview div{
padding:8px;
border:1px solid var(--line);
border-radius:8px;
background:#091827}


#leads-qualification-view .request-preview span{
display:block;
color:var(--muted);
font-size:7px}


#leads-qualification-view .request-preview b{
font-size:8px}


@media(max-width:1400px){

#leads-qualification-view .workspace{
grid-template-columns:1fr 1fr}

}


@media(max-width:1000px){
#leads-qualification-view{
padding:12px}

#leads-qualification-view .workspace{
grid-template-columns:1fr}

#leads-qualification-view .request-preview{
grid-template-columns:1fr}

}


@media(max-width:620px){
#leads-qualification-view{
padding:8px}

#leads-qualification-view .hero-actions .btn{
flex:1}

#leads-qualification-view .key-values{
grid-template-columns:1fr}

#leads-qualification-view .panel{
padding:11px}

}
#leads-qualification-view[hidden],#leads-qualification-view [hidden]{display:none}

/* Executive and SLA: original scoped Leads Pro styles. */
#leads-executive-view,#leads-sla-view{
display:block;
--bg:#07111f;
--panel:#0d1b2e;
--card:#12243c;
--line:#213955;
--text:#e9f2ff;
--muted:#8fa6c2;
--accent:#62d7ff;
--ok:#66dfb2;
--warn:#f1c967;
--danger:#ff758c;
--purple:#b990ff;
color:var(--text)}


#leads-executive-view *,#leads-sla-view *{
box-sizing:border-box}


#leads-executive-view,#leads-sla-view{
min-height:100%;
padding:20px;
background:radial-gradient(circle at 10% 0,#12345a 0,transparent 30%),var(--bg);
display:grid;
gap:12px;
font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}


#leads-executive-view .panel-gradient,#leads-sla-view .panel-gradient,#leads-executive-view .panel,#leads-sla-view .panel{
border:1px solid var(--line);
background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));
border-radius:16px;
box-shadow:0 16px 40px rgba(0,0,0,.12)}


#leads-executive-view .eyebrow,#leads-sla-view .eyebrow{
color:var(--accent);
font-size:9px;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase}


#leads-executive-view .link,#leads-sla-view .link{
border:0;
background:transparent;
color:var(--accent);
cursor:pointer}


#leads-executive-view .close,#leads-sla-view .close{
border:1px solid var(--line);
background:#0b1829;
color:#fff;
border-radius:8px;
width:32px;
height:32px;
font-size:18px;
cursor:pointer}


#leads-executive-view .loading,#leads-sla-view .loading,#leads-executive-view .empty,#leads-sla-view .empty{
padding:18px;
border:1px dashed var(--line);
border-radius:12px;
color:var(--muted);
background:#081522}


#leads-executive-view .progress,#leads-sla-view .progress{
height:5px;
border-radius:99px;
background:#081522;
display:block;
overflow:hidden;
margin-top:9px}


#leads-executive-view .progress b,#leads-sla-view .progress b{
height:100%;
display:block;
background:linear-gradient(90deg,#2c789d,var(--accent));
border-radius:inherit}


#leads-executive-view .workspace,#leads-sla-view .workspace{
display:grid;
grid-template-columns:1.25fr .75fr;
gap:12px}


#leads-executive-view .workspace.wide,#leads-sla-view .workspace.wide{
grid-template-columns:1fr}


#leads-executive-view .panel,#leads-sla-view .panel{
padding:15px;
min-width:0}


#leads-executive-view .panel>header,#leads-sla-view .panel>header{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
margin-bottom:12px}


#leads-executive-view .panel h2,#leads-sla-view .panel h2{
font-size:15px;
margin:2px 0}


#leads-executive-view .panel h3,#leads-sla-view .panel h3{
font-size:11px;
margin:12px 0 6px;
color:#d5e8ff}


#leads-executive-view .panel header>strong,#leads-sla-view .panel header>strong{
font-size:20px}


#leads-executive-view .executive-grid,#leads-sla-view .executive-grid{
display:grid;
grid-template-columns:220px 1fr;
gap:16px;
align-items:center}


#leads-executive-view .donut-card,#leads-sla-view .donut-card{
text-align:center}


#leads-executive-view .donut,#leads-sla-view .donut{
--value:0;
width:150px;
height:150px;
margin:auto;
border-radius:50%;
background:conic-gradient(var(--ok) calc(var(--value)*1%),#17283c 0);
display:grid;
place-items:center}


#leads-executive-view .donut>div,#leads-sla-view .donut>div{
width:112px;
height:112px;
border-radius:50%;
background:#091624;
display:grid;
place-items:center;
align-content:center}


#leads-executive-view .donut strong,#leads-sla-view .donut strong{
font-size:22px}


#leads-executive-view .donut span,#leads-sla-view .donut span,#leads-executive-view .donut-card small,#leads-sla-view .donut-card small{
color:var(--muted);
font-size:8px}


#leads-executive-view .bar-chart,#leads-sla-view .bar-chart{
display:grid;
gap:7px}


#leads-executive-view .bar-chart.large,#leads-sla-view .bar-chart.large{
gap:10px}


#leads-executive-view .bar-row,#leads-sla-view .bar-row{
display:grid;
grid-template-columns:120px 1fr 50px;
gap:8px;
align-items:center;
border:0;
background:transparent;
color:#fff;
text-align:left;
cursor:pointer}


#leads-executive-view .bar-row span,#leads-sla-view .bar-row span{
color:var(--muted);
font-size:9px;
overflow:hidden;
text-overflow:ellipsis}


#leads-executive-view .bar-row b,#leads-sla-view .bar-row b{
text-align:right;
font-size:9px}


#leads-executive-view .bar,#leads-sla-view .bar{
height:9px;
background:#081422;
border-radius:99px;
overflow:hidden}


#leads-executive-view .bar i,#leads-sla-view .bar i{
display:block;
height:100%;
background:linear-gradient(90deg,#2d7199,var(--accent));
border-radius:99px}


#leads-executive-view .bar.danger i,#leads-sla-view .bar.danger i{
background:linear-gradient(90deg,#6c2941,var(--danger))}


#leads-executive-view .insight-list,#leads-sla-view .insight-list{
display:grid;
gap:7px}


#leads-executive-view .insight,#leads-sla-view .insight{
border:1px solid var(--line);
background:#091827;
color:#fff;
border-radius:10px;
padding:10px;
display:grid;
grid-template-columns:10px 1fr;
gap:8px;
text-align:left;
cursor:pointer}


#leads-executive-view .status-dot,#leads-sla-view .status-dot{
width:7px;
height:7px;
background:var(--accent);
border-radius:50%;
display:inline-block}


#leads-executive-view .insight strong,#leads-sla-view .insight strong,#leads-executive-view .insight small,#leads-sla-view .insight small,#leads-executive-view .insight em,#leads-sla-view .insight em{
display:block}


#leads-executive-view .insight small,#leads-sla-view .insight small{
color:var(--muted);
font-size:8px;
margin-top:3px}


#leads-executive-view .insight em,#leads-sla-view .insight em{
color:#6885a6;
font-size:7px;
margin-top:4px}


#leads-executive-view .score-grid,#leads-sla-view .score-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px}


#leads-executive-view .score-grid button,#leads-sla-view .score-grid button{
border:1px solid var(--line);
background:#091827;
color:#fff;
border-radius:10px;
padding:12px;
text-align:left}


#leads-executive-view .score-grid strong,#leads-sla-view .score-grid strong{
font-size:22px;
display:block}


#leads-executive-view .score-grid span,#leads-sla-view .score-grid span{
font-size:8px;
color:var(--muted)}


#leads-executive-view .callout,#leads-sla-view .callout{
margin-top:12px;
padding:10px;
border:1px solid #3b5f7c;
background:#0c2035;
border-radius:9px;
color:#bcd7f2;
font-size:8px}


#leads-executive-view .callout.warn,#leads-sla-view .callout.warn{
border-color:#6d5a2c;
background:#2a2416;
color:#f5dda8}


#leads-executive-view .callout.danger,#leads-sla-view .callout.danger{
border-color:#6c2f42;
background:#2b151d;
color:#ffc6cf}


#leads-executive-view .vertical-bars,#leads-sla-view .vertical-bars{
height:260px;
display:flex;
gap:8px;
align-items:end;
border-bottom:1px solid var(--line);
padding:12px}


#leads-executive-view .vertical-bars button,#leads-sla-view .vertical-bars button{
flex:1;
height:100%;
border:0;
background:transparent;
color:#fff;
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:center;
gap:4px}


#leads-executive-view .vertical-bars i,#leads-sla-view .vertical-bars i{
width:min(36px,70%);
background:linear-gradient(#62d7ff,#245f83);
border-radius:6px 6px 0 0;
min-height:4px}


#leads-executive-view .vertical-bars b,#leads-sla-view .vertical-bars b{
font-size:9px}


#leads-executive-view .vertical-bars span,#leads-sla-view .vertical-bars span{
font-size:7px;
color:var(--muted)}


#leads-executive-view .drawer,#leads-sla-view .drawer{
position:fixed;
top:0;
right:0;
height:100vh;
width:min(460px,92vw);
background:#07111f;
border-left:1px solid var(--line);
z-index:120;
transform:translateX(105%);
transition:transform .22s ease;
box-shadow:-25px 0 60px rgba(0,0,0,.35);
display:grid;
grid-template-rows:auto 1fr}


#leads-executive-view .drawer.open,#leads-sla-view .drawer.open{
transform:translateX(0)}


#leads-executive-view .drawer header,#leads-sla-view .drawer header{
padding:14px;
border-bottom:1px solid var(--line);
display:flex;
justify-content:space-between}


#leads-executive-view .drawer-body,#leads-sla-view .drawer-body{
overflow:auto;
padding:12px}


#leads-executive-view .drawer-row,#leads-sla-view .drawer-row{
width:100%;
border:1px solid var(--line);
background:#091827;
color:#fff;
border-radius:9px;
padding:9px;
text-align:left;
margin-bottom:7px}


#leads-executive-view .drawer-row strong,#leads-sla-view .drawer-row strong,#leads-executive-view .drawer-row span,#leads-sla-view .drawer-row span,#leads-executive-view .drawer-row small,#leads-sla-view .drawer-row small{
display:block}


#leads-executive-view .drawer-row span,#leads-sla-view .drawer-row span,#leads-executive-view .drawer-row small,#leads-sla-view .drawer-row small{
font-size:8px;
color:var(--muted)}


#leads-executive-view .drawer-backdrop,#leads-sla-view .drawer-backdrop{
position:fixed;
inset:0;
background:rgba(0,0,0,.48);
z-index:110}


#leads-executive-view .loading,#leads-sla-view .loading{
color:var(--accent)}


#leads-executive-view code,#leads-sla-view code{
color:#d5ebff}


@media(max-width:1400px){

#leads-executive-view .workspace,#leads-sla-view .workspace{
grid-template-columns:1fr 1fr}

}


@media(max-width:1000px){
#leads-executive-view,#leads-sla-view{
padding:12px}

#leads-executive-view .workspace,#leads-sla-view .workspace{
grid-template-columns:1fr}

#leads-executive-view .executive-grid,#leads-sla-view .executive-grid{
grid-template-columns:1fr}

#leads-executive-view .score-grid,#leads-sla-view .score-grid{
grid-template-columns:repeat(2,1fr)}

}


@media(max-width:620px){
#leads-executive-view,#leads-sla-view{
padding:8px}

#leads-executive-view .score-grid,#leads-sla-view .score-grid{
grid-template-columns:1fr}

#leads-executive-view .vertical-bars,#leads-sla-view .vertical-bars{
height:210px}

#leads-executive-view .panel,#leads-sla-view .panel{
padding:11px}

}
#leads-executive-view[hidden],#leads-sla-view[hidden]{display:none}

/* Original Leads Scoring/Aging fragment; scoped to preserved roots. */
#leads-scoring-view,#leads-aging-view{
display:block;
--bg:#07111f;
--panel:#0d1b2e;
--card:#12243c;
--line:#213955;
--text:#e9f2ff;
--muted:#8fa6c2;
--accent:#62d7ff;
--ok:#66dfb2;
--warn:#f1c967;
--danger:#ff758c;
--purple:#b990ff;
color:var(--text)}
#leads-scoring-view *,#leads-aging-view *{
box-sizing:border-box}
#leads-scoring-view,#leads-aging-view{
min-height:100%;
padding:20px;
background:radial-gradient(circle at 10% 0,#12345a 0,transparent 30%),var(--bg);
display:grid;
gap:12px;
font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}
#leads-scoring-view .panel-gradient,#leads-scoring-view .panel,#leads-aging-view .panel-gradient,#leads-aging-view .panel{
border:1px solid var(--line);
background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));
border-radius:16px;
box-shadow:0 16px 40px rgba(0,0,0,.12)}
#leads-scoring-view .eyebrow,#leads-aging-view .eyebrow{
color:var(--accent);
font-size:9px;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase}
#leads-scoring-view .progress,#leads-aging-view .progress{
height:5px;
border-radius:99px;
background:#081522;
display:block;
overflow:hidden;
margin-top:9px}
#leads-scoring-view .progress b,#leads-aging-view .progress b{
height:100%;
display:block;
background:linear-gradient(90deg,#2c789d,var(--accent));
border-radius:inherit}
#leads-scoring-view .workspace,#leads-aging-view .workspace{
display:grid;
grid-template-columns:1.25fr .75fr;
gap:12px}
#leads-scoring-view .workspace.wide,#leads-aging-view .workspace.wide{
grid-template-columns:1fr}
#leads-scoring-view .panel,#leads-aging-view .panel{
padding:15px;
min-width:0}
#leads-scoring-view .panel>header,#leads-aging-view .panel>header{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
margin-bottom:12px}
#leads-scoring-view .panel h2,#leads-aging-view .panel h2{
font-size:15px;
margin:2px 0}
#leads-scoring-view .panel h3,#leads-aging-view .panel h3{
font-size:11px;
margin:12px 0 6px;
color:#d5e8ff}
#leads-scoring-view .panel header>strong,#leads-aging-view .panel header>strong{
font-size:20px}
#leads-scoring-view .bar-chart,#leads-aging-view .bar-chart{
display:grid;
gap:7px}
#leads-scoring-view .bar-chart.large,#leads-aging-view .bar-chart.large{
gap:10px}
#leads-scoring-view .bar-row,#leads-aging-view .bar-row{
display:grid;
grid-template-columns:120px 1fr 50px;
gap:8px;
align-items:center;
border:0;
background:transparent;
color:#fff;
text-align:left;
cursor:pointer}
#leads-scoring-view .bar-row span,#leads-aging-view .bar-row span{
color:var(--muted);
font-size:9px;
overflow:hidden;
text-overflow:ellipsis}
#leads-scoring-view .bar-row b,#leads-aging-view .bar-row b{
text-align:right;
font-size:9px}
#leads-scoring-view .bar,#leads-aging-view .bar{
height:9px;
background:#081422;
border-radius:99px;
overflow:hidden}
#leads-scoring-view .bar i,#leads-aging-view .bar i{
display:block;
height:100%;
background:linear-gradient(90deg,#2d7199,var(--accent));
border-radius:99px}
#leads-scoring-view .inspector-box,#leads-aging-view .inspector-box{
margin-top:8px;
padding:9px;
border:1px solid var(--line);
border-radius:8px;
background:#091827;
color:var(--muted);
font-size:8px}
#leads-scoring-view .score-grid,#leads-aging-view .score-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px}
#leads-scoring-view .score-grid button,#leads-aging-view .score-grid button{
border:1px solid var(--line);
background:#091827;
color:#fff;
border-radius:10px;
padding:12px;
text-align:left}
#leads-scoring-view .score-grid strong,#leads-aging-view .score-grid strong{
font-size:22px;
display:block}
#leads-scoring-view .score-grid span,#leads-aging-view .score-grid span{
font-size:8px;
color:var(--muted)}
#leads-scoring-view .methodology,#leads-aging-view .methodology{
display:flex;
gap:6px;
flex-wrap:wrap;
margin-top:12px}
#leads-scoring-view .methodology>*,#leads-aging-view .methodology>*{
padding:5px 7px;
border:1px solid var(--line);
border-radius:99px;
font-size:8px}
#leads-scoring-view .methodology span,#leads-aging-view .methodology span{
color:var(--muted)}
#leads-scoring-view .heatmap,#leads-aging-view .heatmap{
display:grid;
gap:4px;
overflow:auto}
#leads-scoring-view .heat-row,#leads-aging-view .heat-row{
display:grid;
grid-template-columns:130px repeat(4,minmax(48px,1fr));
gap:4px;
min-width:380px}
#leads-scoring-view .heat-row span,#leads-scoring-view .heat-row b,#leads-aging-view .heat-row span,#leads-aging-view .heat-row b{
padding:6px;
font-size:8px}
#leads-scoring-view .heat-row button,#leads-aging-view .heat-row button{
border:1px solid #3977a0;
background:#1a6190;
color:#fff;
border-radius:6px;
cursor:pointer}
#leads-scoring-view .heat-row.header,#leads-aging-view .heat-row.header{
color:var(--muted)}
#leads-scoring-view .rule-list,#leads-aging-view .rule-list{
display:grid;
gap:7px}
#leads-scoring-view .rule-list div,#leads-aging-view .rule-list div{
display:flex;
justify-content:space-between;
gap:10px;
padding:9px;
border:1px solid var(--line);
border-radius:9px;
background:#091827}
#leads-scoring-view .rule-list span,#leads-aging-view .rule-list span{
color:var(--muted);
font-size:8px}
@media (max-width:1400px){#leads-scoring-view .workspace,#leads-aging-view .workspace{
grid-template-columns:1fr 1fr}}
@media (max-width:1000px){#leads-scoring-view,#leads-aging-view{
padding:12px}}
@media (max-width:1000px){#leads-scoring-view .workspace,#leads-aging-view .workspace{
grid-template-columns:1fr}}
@media (max-width:1000px){#leads-scoring-view .score-grid,#leads-aging-view .score-grid{
grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){#leads-scoring-view,#leads-aging-view{
padding:8px}}
@media (max-width:620px){#leads-scoring-view .score-grid,#leads-aging-view .score-grid{
grid-template-columns:1fr}}
@media (max-width:620px){#leads-scoring-view .panel,#leads-aging-view .panel{
padding:11px}}
#leads-scoring-view[hidden],#leads-aging-view[hidden]{display:none}

/* Leads Conversion / Enrichment: original scoped design, preserved declarations. */
#leads-conversion-view,#leads-enrichment-view{
display:block;
--bg:#07111f;
--panel:#0d1b2e;
--card:#12243c;
--line:#213955;
--text:#e9f2ff;
--muted:#8fa6c2;
--accent:#62d7ff;
--ok:#66dfb2;
--warn:#f1c967;
--danger:#ff758c;
--purple:#b990ff;
color:var(--text)}


#leads-conversion-view *,#leads-enrichment-view *{
box-sizing:border-box}


#leads-conversion-view,#leads-enrichment-view{
min-height:100%;
padding:20px;
background:radial-gradient(circle at 10% 0,#12345a 0,transparent 30%),var(--bg);
display:grid;
gap:12px;
font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}


#leads-conversion-view .panel,#leads-enrichment-view .panel{
border:1px solid var(--line);
background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));
border-radius:16px;
box-shadow:0 16px 40px rgba(0,0,0,.12)}


#leads-conversion-view .eyebrow,#leads-enrichment-view .eyebrow{
color:var(--accent);
font-size:9px;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase}


#leads-conversion-view .actions,#leads-enrichment-view .actions{
display:flex;
gap:8px;
align-items:flex-start;
flex-wrap:wrap}


#leads-conversion-view .btn,#leads-enrichment-view .btn{
border:1px solid #355672;
background:#12243c;
color:#e8f2ff;
border-radius:9px;
padding:8px 11px;
cursor:pointer}


#leads-conversion-view .btn.primary,#leads-enrichment-view .btn.primary{
background:linear-gradient(135deg,#64d7ff,#88efd2);
border-color:#72deef;
color:#06121b;
font-weight:900}


#leads-conversion-view .btn.danger,#leads-enrichment-view .btn.danger{
background:#351821;
border-color:#713548;
color:#ffd9df}


#leads-conversion-view .btn:disabled,#leads-enrichment-view .btn:disabled{
opacity:.45}


#leads-conversion-view .link,#leads-enrichment-view .link{
border:0;
background:transparent;
color:var(--accent);
cursor:pointer}


#leads-conversion-view .close,#leads-enrichment-view .close{
border:1px solid var(--line);
background:#0b1829;
color:#fff;
border-radius:8px;
width:32px;
height:32px;
font-size:18px;
cursor:pointer}


#leads-conversion-view .field,#leads-enrichment-view .field{
display:grid;
gap:4px}


#leads-conversion-view .field.grow,#leads-enrichment-view .field.grow{
min-width:0}


#leads-conversion-view .field label,#leads-enrichment-view .field label{
font-size:8px;
text-transform:uppercase;
color:var(--muted);
font-weight:800}


#leads-conversion-view .field input,#leads-conversion-view .field select,#leads-conversion-view .field textarea,#leads-enrichment-view .field input,#leads-enrichment-view .field select,#leads-enrichment-view .field textarea{
width:100%;
border:1px solid var(--line);
background:#081522;
color:#fff;
border-radius:8px;
padding:8px;
outline:none}


#leads-conversion-view .field input:focus,#leads-conversion-view .field select:focus,#leads-conversion-view .field textarea:focus,#leads-enrichment-view .field input:focus,#leads-enrichment-view .field select:focus,#leads-enrichment-view .field textarea:focus{
border-color:#4b8fb8}


#leads-conversion-view .loading,#leads-conversion-view .empty,#leads-enrichment-view .loading,#leads-enrichment-view .empty{
padding:18px;
border:1px dashed var(--line);
border-radius:12px;
color:var(--muted);
background:#081522}


#leads-conversion-view .workspace,#leads-enrichment-view .workspace{
display:grid;
grid-template-columns:1.25fr .75fr;
gap:12px}


#leads-conversion-view .workspace.wide,#leads-enrichment-view .workspace.wide{
grid-template-columns:1fr}


#leads-conversion-view .panel,#leads-enrichment-view .panel{
padding:15px;
min-width:0}


#leads-conversion-view .panel>header,#leads-enrichment-view .panel>header{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
margin-bottom:12px}


#leads-conversion-view .panel h2,#leads-enrichment-view .panel h2{
font-size:15px;
margin:2px 0}


#leads-conversion-view .panel h3,#leads-enrichment-view .panel h3{
font-size:11px;
margin:12px 0 6px;
color:#d5e8ff}


#leads-conversion-view .panel header>strong,#leads-enrichment-view .panel header>strong{
font-size:20px}


#leads-conversion-view .bar-chart,#leads-enrichment-view .bar-chart{
display:grid;
gap:7px}


#leads-conversion-view .bar-chart.large,#leads-enrichment-view .bar-chart.large{
gap:10px}


#leads-conversion-view .bar-row,#leads-enrichment-view .bar-row{
display:grid;
grid-template-columns:120px 1fr 50px;
gap:8px;
align-items:center;
border:0;
background:transparent;
color:#fff;
text-align:left;
cursor:pointer}


#leads-conversion-view .bar-row span,#leads-enrichment-view .bar-row span{
color:var(--muted);
font-size:9px;
overflow:hidden;
text-overflow:ellipsis}


#leads-conversion-view .bar-row b,#leads-enrichment-view .bar-row b{
text-align:right;
font-size:9px}


#leads-conversion-view .bar,#leads-enrichment-view .bar{
height:9px;
background:#081422;
border-radius:99px;
overflow:hidden}


#leads-conversion-view .bar i,#leads-enrichment-view .bar i{
display:block;
height:100%;
background:linear-gradient(90deg,#2d7199,var(--accent));
border-radius:99px}


#leads-conversion-view .bar.danger i,#leads-enrichment-view .bar.danger i{
background:linear-gradient(90deg,#6c2941,var(--danger))}


#leads-conversion-view .callout,#leads-enrichment-view .callout{
margin-top:12px;
padding:10px;
border:1px solid #3b5f7c;
background:#0c2035;
border-radius:9px;
color:#bcd7f2;
font-size:8px}


#leads-conversion-view .callout.warn,#leads-enrichment-view .callout.warn{
border-color:#6d5a2c;
background:#2a2416;
color:#f5dda8}


#leads-conversion-view .callout.danger,#leads-enrichment-view .callout.danger{
border-color:#6c2f42;
background:#2b151d;
color:#ffc6cf}


#leads-conversion-view .funnel,#leads-enrichment-view .funnel{
display:grid;
gap:6px;
align-items:center;
padding:8px 0}


#leads-conversion-view .funnel button,#leads-enrichment-view .funnel button{
margin:auto;
border:1px solid #2e5f80;
background:linear-gradient(90deg,#1b5377,#17344f);
color:#fff;
padding:10px;
border-radius:8px;
display:flex;
justify-content:space-between;
cursor:pointer}


#leads-conversion-view .trend-chart,#leads-enrichment-view .trend-chart{
border:1px solid var(--line);
background:#081523;
border-radius:11px;
padding:10px}


#leads-conversion-view .trend-chart svg,#leads-enrichment-view .trend-chart svg{
width:100%;
height:150px}


#leads-conversion-view .trend-chart polyline,#leads-enrichment-view .trend-chart polyline{
fill:none;
stroke:var(--accent);
stroke-width:4}


#leads-conversion-view .axis-labels,#leads-enrichment-view .axis-labels{
display:flex;
justify-content:space-between;
gap:4px;
color:var(--muted);
font-size:7px;
overflow:hidden}


#leads-conversion-view .duplicate-list,#leads-enrichment-view .duplicate-list{
display:grid;
gap:7px}


#leads-conversion-view .duplicate-list button,#leads-enrichment-view .duplicate-list button{
border:1px solid var(--line);
background:#091827;
color:#fff;
border-radius:9px;
padding:9px;
text-align:left;
cursor:pointer}


#leads-conversion-view .duplicate-list b,#leads-conversion-view .duplicate-list span,#leads-conversion-view .duplicate-list small,#leads-enrichment-view .duplicate-list b,#leads-enrichment-view .duplicate-list span,#leads-enrichment-view .duplicate-list small{
display:block}


#leads-conversion-view .duplicate-list span,#leads-conversion-view .duplicate-list small,#leads-enrichment-view .duplicate-list span,#leads-enrichment-view .duplicate-list small{
color:var(--muted);
font-size:8px}


#leads-conversion-view .drawer,#leads-conversion-view .action-drawer,#leads-enrichment-view .drawer,#leads-enrichment-view .action-drawer{
position:fixed;
top:0;
right:0;
height:100vh;
width:min(460px,92vw);
background:#07111f;
border-left:1px solid var(--line);
z-index:120;
transform:translateX(105%);
transition:transform .22s ease;
box-shadow:-25px 0 60px rgba(0,0,0,.35);
display:grid;
grid-template-rows:auto 1fr}


#leads-conversion-view .drawer.open,#leads-conversion-view .action-drawer.open,#leads-enrichment-view .drawer.open,#leads-enrichment-view .action-drawer.open{
transform:translateX(0)}


#leads-conversion-view .drawer header,#leads-conversion-view .action-drawer header,#leads-enrichment-view .drawer header,#leads-enrichment-view .action-drawer header{
padding:14px;
border-bottom:1px solid var(--line);
display:flex;
justify-content:space-between}


#leads-conversion-view .drawer-body,#leads-conversion-view .action-body,#leads-enrichment-view .drawer-body,#leads-enrichment-view .action-body{
overflow:auto;
padding:12px}


#leads-conversion-view .drawer-row,#leads-enrichment-view .drawer-row{
width:100%;
border:1px solid var(--line);
background:#091827;
color:#fff;
border-radius:9px;
padding:9px;
text-align:left;
margin-bottom:7px}


#leads-conversion-view .drawer-row strong,#leads-conversion-view .drawer-row span,#leads-conversion-view .drawer-row small,#leads-enrichment-view .drawer-row strong,#leads-enrichment-view .drawer-row span,#leads-enrichment-view .drawer-row small{
display:block}


#leads-conversion-view .drawer-row span,#leads-conversion-view .drawer-row small,#leads-enrichment-view .drawer-row span,#leads-enrichment-view .drawer-row small{
font-size:8px;
color:var(--muted)}


#leads-conversion-view .drawer-backdrop,#leads-enrichment-view .drawer-backdrop{
position:fixed;
inset:0;
background:rgba(0,0,0,.48);
z-index:110}


#leads-conversion-view .action-drawer,#leads-enrichment-view .action-drawer{
z-index:130}


#leads-conversion-view .action-body,#leads-enrichment-view .action-body{
display:grid;
gap:10px;
align-content:start}


#leads-conversion-view .request-preview,#leads-enrichment-view .request-preview{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:6px}


#leads-conversion-view .request-preview div,#leads-enrichment-view .request-preview div{
padding:8px;
border:1px solid var(--line);
border-radius:8px;
background:#091827}


#leads-conversion-view .request-preview span,#leads-enrichment-view .request-preview span{
display:block;
color:var(--muted);
font-size:7px}


#leads-conversion-view .request-preview b,#leads-enrichment-view .request-preview b{
font-size:8px}


#leads-conversion-view .loading,#leads-enrichment-view .loading{
color:var(--accent)}


@media(max-width:1400px){

#leads-conversion-view .workspace,#leads-enrichment-view .workspace{
grid-template-columns:1fr 1fr}

}


@media(max-width:1000px){
#leads-conversion-view,#leads-enrichment-view{
padding:12px}

}


@media(max-width:1000px){

#leads-conversion-view .workspace,#leads-enrichment-view .workspace{
grid-template-columns:1fr}

}


@media(max-width:1000px){

#leads-conversion-view .request-preview,#leads-enrichment-view .request-preview{
grid-template-columns:1fr}

}


@media(max-width:620px){
#leads-conversion-view,#leads-enrichment-view{
padding:8px}

}


@media(max-width:620px){

#leads-conversion-view .panel,#leads-enrichment-view .panel{
padding:11px}

}


#leads-conversion-view[hidden], #leads-enrichment-view[hidden]{
display:none}

/* Leads Statistical Control / Data Quality: original scoped declarations. */
#leads-control-view,#leads-quality-view{
display:block;
--bg:#07111f;
--panel:#0d1b2e;
--card:#12243c;
--line:#213955;
--text:#e9f2ff;
--muted:#8fa6c2;
--accent:#62d7ff;
--ok:#66dfb2;
--warn:#f1c967;
--danger:#ff758c;
--purple:#b990ff;
color:var(--text)}


#leads-control-view *,#leads-quality-view *{
box-sizing:border-box}


#leads-control-view,#leads-quality-view{
min-height:100%;
padding:20px;
background:radial-gradient(circle at 10% 0,#12345a 0,transparent 30%),var(--bg);
display:grid;
gap:12px;
font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}


#leads-control-view .panel,#leads-quality-view .panel{
border:1px solid var(--line);
background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));
border-radius:16px;
box-shadow:0 16px 40px rgba(0,0,0,.12)}


#leads-control-view .eyebrow,#leads-quality-view .eyebrow{
color:var(--accent);
font-size:9px;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase}


#leads-control-view .empty,#leads-quality-view .empty{
padding:18px;
border:1px dashed var(--line);
border-radius:12px;
color:var(--muted);
background:#081522}


#leads-control-view .workspace,#leads-quality-view .workspace{
display:grid;
grid-template-columns:1.25fr .75fr;
gap:12px}


#leads-control-view .workspace.wide,#leads-quality-view .workspace.wide{
grid-template-columns:1fr}


#leads-control-view .panel,#leads-quality-view .panel{
padding:15px;
min-width:0}


#leads-control-view .panel>header,#leads-quality-view .panel>header{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
margin-bottom:12px}


#leads-control-view .panel h2,#leads-quality-view .panel h2{
font-size:15px;
margin:2px 0}


#leads-control-view .panel h3,#leads-quality-view .panel h3{
font-size:11px;
margin:12px 0 6px;
color:#d5e8ff}


#leads-control-view .panel header>strong,#leads-quality-view .panel header>strong{
font-size:20px}


#leads-control-view .bar-chart,#leads-quality-view .bar-chart{
display:grid;
gap:7px}


#leads-control-view .bar-chart.large,#leads-quality-view .bar-chart.large{
gap:10px}


#leads-control-view .bar-row,#leads-quality-view .bar-row{
display:grid;
grid-template-columns:120px 1fr 50px;
gap:8px;
align-items:center;
border:0;
background:transparent;
color:#fff;
text-align:left;
cursor:pointer}


#leads-control-view .bar-row span,#leads-quality-view .bar-row span{
color:var(--muted);
font-size:9px;
overflow:hidden;
text-overflow:ellipsis}


#leads-control-view .bar-row b,#leads-quality-view .bar-row b{
text-align:right;
font-size:9px}


#leads-control-view .bar,#leads-quality-view .bar{
height:9px;
background:#081422;
border-radius:99px;
overflow:hidden}


#leads-control-view .bar i,#leads-quality-view .bar i{
display:block;
height:100%;
background:linear-gradient(90deg,#2d7199,var(--accent));
border-radius:99px}


#leads-control-view .bar.danger i,#leads-quality-view .bar.danger i{
background:linear-gradient(90deg,#6c2941,var(--danger))}


#leads-control-view .provenance div,#leads-quality-view .provenance div{
padding:8px;
border:1px solid var(--line);
background:#091827;
border-radius:8px}


#leads-control-view .provenance span,#leads-quality-view .provenance span{
display:block;
font-size:7px;
color:var(--muted);
text-transform:uppercase}


#leads-control-view .provenance b,#leads-quality-view .provenance b{
font-size:9px;
word-break:break-word}


#leads-control-view .inspector-box,#leads-quality-view .inspector-box{
margin-top:8px;
padding:9px;
border:1px solid var(--line);
border-radius:8px;
background:#091827;
color:var(--muted);
font-size:8px}


#leads-control-view .spc-stats,#leads-quality-view .spc-stats{
display:flex;
gap:6px;
flex-wrap:wrap}


#leads-control-view .spc-stats span,#leads-quality-view .spc-stats span{
border:1px solid var(--line);
border-radius:7px;
padding:5px 7px;
font-size:8px;
color:var(--muted)}


#leads-control-view .spc-stats b,#leads-quality-view .spc-stats b{
color:#fff}


#leads-control-view .control-chart,#leads-quality-view .control-chart{
height:300px;
border:1px solid var(--line);
border-radius:12px;
background:#081523;
padding:12px}


#leads-control-view .control-chart svg,#leads-quality-view .control-chart svg{
width:100%;
height:250px}


#leads-control-view .control-chart .trend,#leads-quality-view .control-chart .trend{
fill:none;
stroke:var(--accent);
stroke-width:4}


#leads-control-view .control-chart .limit,#leads-quality-view .control-chart .limit{
stroke-width:1.5;
stroke-dasharray:8 6}


#leads-control-view .control-chart .ucl,#leads-quality-view .control-chart .ucl{
stroke:var(--danger)}


#leads-control-view .control-chart .cl,#leads-quality-view .control-chart .cl{
stroke:var(--warn)}


#leads-control-view .control-chart .lcl,#leads-quality-view .control-chart .lcl{
stroke:var(--ok)}


#leads-control-view .control-chart .point,#leads-quality-view .control-chart .point{
fill:#173653;
stroke:var(--accent);
stroke-width:3;
cursor:pointer}


#leads-control-view .control-chart .point:hover,#leads-quality-view .control-chart .point:hover{
r:10}


#leads-control-view .control-empty,#leads-quality-view .control-empty{
min-height:220px;
display:grid;
place-items:center}


#leads-control-view .provenance,#leads-quality-view .provenance{
display:grid;
gap:7px}


@media(max-width:1400px){

#leads-control-view .workspace,#leads-quality-view .workspace{
grid-template-columns:1fr 1fr}

}


@media(max-width:1000px){
#leads-control-view,#leads-quality-view{
padding:12px}

}


@media(max-width:1000px){

#leads-control-view .workspace,#leads-quality-view .workspace{
grid-template-columns:1fr}

}


@media(max-width:620px){
#leads-control-view,#leads-quality-view{
padding:8px}

}


@media(max-width:620px){

#leads-control-view .panel,#leads-quality-view .panel{
padding:11px}

}


#leads-control-view[hidden], #leads-quality-view[hidden]{
display:none}

#leads-quality-view .callout{
margin-top:12px;
padding:10px;
border:1px solid #3b5f7c;
background:#0c2035;
border-radius:9px;
color:#bcd7f2;
font-size:8px}

/* Contactos Pro original profile-grid: contacts-view.component.html:7 and original SCSS. */
.contacts-original-profile{--bg:#07111f;--panel:#0d1b2e;--card:#12243c;--line:#213955;--text:#e9f2ff;--muted:#8fa6c2;--accent:#62d7ff;--ok:#66dfb2;--warn:#f1c967;--danger:#ff758c;color:var(--text);font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}
.contacts-original-profile .profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.contacts-original-profile .profile-grid div{border:1px solid var(--line);background:#091827;padding:10px;border-radius:10px}
.contacts-original-profile .profile-grid span{display:block;color:var(--muted);font-size:8px}
@media(max-width:700px){.contacts-original-profile .profile-grid{grid-template-columns:1fr}}

/* Original Contacts inputbar fragment; existing actions retained. */
.contacts-filters.contacts-original-controls{display:block;--line:#213955;--muted:#8fa6c2;--text:#e9f2ff;font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}
.contacts-original-controls .inputbar{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px;display:grid;grid-template-columns:1.6fr repeat(4,1fr) auto;gap:8px;padding:10px;margin-top:12px}
.contacts-original-controls .inputbar label{min-width:initial;display:grid;gap:4px;color:var(--muted);font-size:9px}
.contacts-original-controls .inputbar input,.contacts-original-controls .inputbar select{background:#081523;border:1px solid var(--line);color:#fff;border-radius:8px;padding:8px}
.contacts-original-controls .inputbar button{border:1px solid var(--line);background:#12243c;color:#fff;border-radius:9px;padding:8px 10px}
.contacts-original-controls .inputbar .primary{background:linear-gradient(135deg,#62d7ff,#7fe6c4)!important;color:#06121b!important;font-weight:800}
@media(max-width:1200px){.contacts-original-controls .inputbar{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.contacts-original-controls .inputbar{grid-template-columns:1fr}}

/* Original Contactos Pro Consentimiento fragment; facts do not imply authorization. */
.contacts-original-consent{--line:#213955;--text:#e9f2ff;--muted:#8fa6c2;--accent:#62d7ff;color:var(--text);font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}
.contacts-original-consent.workspace{display:grid;grid-template-columns:1.5fr .7fr;gap:12px;margin-top:12px}
.contacts-original-consent .panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px;padding:14px;min-width:0}
.contacts-original-consent .wide{min-height:390px}
.contacts-original-consent .panel p{color:var(--muted)}
.contacts-original-consent .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
:is(.contacts-original-consent,.contacts-consent-detail) .consent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}
:is(.contacts-original-consent,.contacts-consent-detail) .consent-grid div{border:1px solid var(--line);background:#091827;padding:10px;border-radius:10px}
:is(.contacts-original-consent,.contacts-consent-detail) .consent-grid span{display:block;color:var(--muted);font-size:8px}
:is(.contacts-original-consent,.contacts-consent-detail) .notice{margin-top:12px;padding:10px;border:1px solid #6b5122;background:#2b220f;color:#ffe8ad;border-radius:10px;font-size:9px}
@media(max-width:1200px){.contacts-original-consent.workspace{grid-template-columns:1fr}}
@media(max-width:700px){:is(.contacts-original-consent,.contacts-consent-detail) .consent-grid{grid-template-columns:1fr}}

/* Contactos Pro: original relationship controls and contextual drawer. */
.contacts-original-graph,.contacts-original-graph-drawer{--line:#213955;--text:#e9f2ff;--muted:#8fa6c2;--accent:#62d7ff;color:var(--text);font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}
.contacts-original-graph .relationship-graph{height:300px;margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#081523}
.contacts-original-graph svg{width:100%;height:100%}.contacts-original-graph line{stroke:#34516e}.contacts-original-graph circle{fill:#132e4b;stroke:var(--accent);stroke-width:2;cursor:pointer}.contacts-original-graph circle[aria-disabled=true]{opacity:.4;cursor:default}.contacts-original-graph text{fill:#fff;text-anchor:middle;font-size:10px;pointer-events:none}
.contacts-original-graph-drawer.drawer{position:fixed;right:16px;top:16px;bottom:16px;width:390px;padding:20px;z-index:20;box-shadow:0 20px 60px #0008;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px;overflow:auto}
.contacts-original-graph-drawer .close{float:right}.contacts-original-graph-drawer button{border:1px solid var(--line);background:#12243c;color:#fff;border-radius:9px;padding:8px 10px}.contacts-original-graph-drawer p,.contacts-original-graph p{color:var(--muted)}.contacts-original-graph .eyebrow,.contacts-original-graph-drawer .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
@media(max-width:700px){.contacts-original-graph-drawer.drawer{left:10px;right:10px;width:auto}}

/* Contacts Activity: original workspace/timeline/bars, source values only. */
.contacts-original-activity{--line:#213955;--muted:#8fa6c2;--accent:#62d7ff;display:grid;grid-template-columns:1.5fr .7fr;gap:12px;margin-top:12px;color:#e9f2ff}
.contacts-original-activity .panel{padding:14px;min-width:0;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px}
.contacts-original-activity .wide{min-height:390px}.contacts-original-activity .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.contacts-original-activity .panel p{color:var(--muted)}
:is(.contacts-original-activity,.contacts-activity-detail) .timeline{display:grid;gap:9px}:is(.contacts-original-activity,.contacts-activity-detail) .timeline div{display:grid;grid-template-columns:34px 1fr;gap:10px;border-bottom:1px solid var(--line);padding:8px}:is(.contacts-original-activity,.contacts-activity-detail) .timeline>div>span{min-width:0;overflow-wrap:anywhere}:is(.contacts-original-activity,.contacts-activity-detail) .timeline b{width:30px;height:30px;border-radius:50%;background:#173653;display:grid;place-items:center}:is(.contacts-original-activity,.contacts-activity-detail) .timeline small{display:block;color:var(--muted)}
.contacts-original-activity .bars{display:grid;gap:9px}.contacts-original-activity .bars>div{display:grid;grid-template-columns:100px 1fr 42px;gap:8px;align-items:center}.contacts-original-activity .bars span,.contacts-original-activity .bars em{font-size:9px;color:var(--muted);font-style:normal}.contacts-original-activity .bars i{height:8px;background:#081523;border-radius:99px;overflow:hidden}.contacts-original-activity .bars i b{display:block;height:100%;background:linear-gradient(90deg,#2b789d,var(--accent));border-radius:99px;visibility:hidden}
@media(max-width:1200px){.contacts-original-activity{grid-template-columns:1fr}}

/* Contacts Account: conserved corporate context with verified references only. */
.contacts-original-account{--line:#213955;--muted:#8fa6c2;--accent:#62d7ff;display:grid;grid-template-columns:1.5fr .7fr;gap:12px;margin-top:12px;color:#e9f2ff}
.contacts-original-account .panel{padding:14px;min-width:0;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px}
.contacts-original-account .wide{min-height:390px}.contacts-original-account .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.contacts-original-account .panel p{color:var(--muted)}
:is(.contacts-original-account,.contacts-account-detail) .tree{display:grid;gap:10px;max-width:600px;margin:40px auto}:is(.contacts-original-account,.contacts-account-detail) .tree div{border:1px solid var(--line);padding:15px;text-align:center;border-radius:12px;background:#091827;min-width:0;overflow-wrap:anywhere}:is(.contacts-original-account,.contacts-account-detail) .tree .active{border-color:var(--accent);box-shadow:0 0 20px rgba(98,215,255,.15)}:is(.contacts-original-account,.contacts-account-detail) .tree strong,:is(.contacts-original-account,.contacts-account-detail) .tree span,:is(.contacts-original-account,.contacts-account-detail) .tree small{display:block}:is(.contacts-original-account,.contacts-account-detail) .tree small{color:var(--muted)}
.contacts-original-account .bars{display:grid;gap:9px}.contacts-original-account .bars>div{display:grid;grid-template-columns:100px 1fr 42px;gap:8px;align-items:center}.contacts-original-account .bars span,.contacts-original-account .bars em{font-size:9px;color:var(--muted);font-style:normal}.contacts-original-account .bars i{height:8px;background:#081523;border-radius:99px;overflow:hidden}.contacts-original-account .bars i b{display:block;height:100%;background:linear-gradient(90deg,#2b789d,var(--accent));border-radius:99px;visibility:hidden}
@media(max-width:1200px){.contacts-original-account{grid-template-columns:1fr}}

/* Contacts Summary: original portfolio and selected-contact engagement signals. */
.contacts-original-summary{--line:#213955;--muted:#8fa6c2;--accent:#62d7ff;display:grid;grid-template-columns:1.5fr .7fr;gap:12px;margin-top:12px;color:#e9f2ff}
.contacts-original-summary .panel{padding:14px;min-width:0;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px}.contacts-original-summary .panel header{display:flex;justify-content:space-between;align-items:center}.contacts-original-summary .wide{min-height:390px}.contacts-original-summary .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.contacts-original-summary .panel p{color:var(--muted);overflow-wrap:anywhere}
.contacts-original-summary .contact-list{display:grid;gap:7px}.contacts-original-summary .contact-list button{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;background:#091827;border:1px solid var(--line);color:#fff;border-radius:9px;padding:8px 10px}.contacts-original-summary .contact-list button>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.contacts-original-summary .contact-list small{display:block;color:var(--muted)}.contacts-original-summary .avatar{width:34px;height:34px;border-radius:10px;background:#173653;display:grid;place-items:center;color:var(--accent);font-weight:900}.contacts-original-summary .empty{padding:30px;text-align:center;color:var(--muted)}
.contacts-original-summary .donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;margin:20px auto;background:#15283f}.contacts-original-summary .donut div{width:112px;height:112px;background:#081523;border-radius:50%;display:grid;place-items:center;align-content:center}.contacts-original-summary .donut b{font-size:28px}.contacts-original-summary .donut small{color:var(--muted)}
.contacts-original-summary .bars{display:grid;gap:9px}.contacts-original-summary .bars>div{display:grid;grid-template-columns:100px 1fr 42px;gap:8px;align-items:center}.contacts-original-summary .bars span,.contacts-original-summary .bars em{font-size:9px;color:var(--muted);font-style:normal}.contacts-original-summary .bars i{height:8px;background:#081523;border-radius:99px;overflow:hidden}.contacts-original-summary .bars i b{display:block;height:100%;background:linear-gradient(90deg,#2b789d,var(--accent));border-radius:99px}
@media(max-width:1200px){.contacts-original-summary{grid-template-columns:1fr}}

/* Contacts Opportunities: original stage panels, literal records and currencies. */
.contacts-original-opportunities{--line:#213955;--muted:#8fa6c2;--accent:#62d7ff;display:grid;grid-template-columns:1.5fr .7fr;gap:12px;margin-top:12px;color:#e9f2ff}
.contacts-original-opportunities .panel{padding:14px;min-width:0;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px}.contacts-original-opportunities .wide{min-height:390px}.contacts-original-opportunities .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.contacts-original-opportunities .panel p{color:var(--muted);overflow-wrap:anywhere}
:is(.contacts-original-opportunities,.contacts-opportunities-detail) .funnel{display:grid;gap:7px;margin-top:20px}:is(.contacts-original-opportunities,.contacts-opportunities-detail) .funnel>div{padding:11px;border:1px solid #2e5c80;background:linear-gradient(90deg,#1b5377,#183657);border-radius:9px;display:flex;justify-content:space-between;gap:8px}:is(.contacts-original-opportunities,.contacts-opportunities-detail) .funnel>div:nth-child(2){width:84%;margin-left:8%}:is(.contacts-original-opportunities,.contacts-opportunities-detail) .funnel>div:nth-child(3){width:68%;margin-left:16%}:is(.contacts-original-opportunities,.contacts-opportunities-detail) .funnel>div:nth-child(4){width:52%;margin-left:24%}:is(.contacts-original-opportunities,.contacts-opportunities-detail) .funnel>div>b{min-width:0;overflow-wrap:anywhere}
:is(.contacts-original-opportunities,.contacts-opportunities-detail) .opportunity-record{display:block;overflow-wrap:anywhere;margin-bottom:10px}:is(.contacts-original-opportunities,.contacts-opportunities-detail) .opportunity-record small{display:block;color:var(--muted)}:is(.contacts-original-opportunities,.contacts-opportunities-detail) .additional-opportunities{margin-top:12px;min-width:0}
.contacts-original-opportunities .bars{display:grid;gap:9px}.contacts-original-opportunities .bars>div{display:grid;grid-template-columns:100px 1fr 42px;gap:8px;align-items:center}.contacts-original-opportunities .bars span,.contacts-original-opportunities .bars em{font-size:9px;color:var(--muted);font-style:normal}.contacts-original-opportunities .bars i{height:8px;background:#081523;border-radius:99px;overflow:hidden}.contacts-original-opportunities .bars i b{display:block;height:100%;background:linear-gradient(90deg,#2b789d,var(--accent));border-radius:99px;visibility:hidden}
@media(max-width:1200px){.contacts-original-opportunities{grid-template-columns:1fr}}

/* Contacts Quality: original categories, selected-contact completeness only. */
.contacts-original-quality{--line:#213955;--muted:#8fa6c2;--accent:#62d7ff;display:grid;grid-template-columns:1.5fr .7fr;gap:12px;margin-top:12px;color:#e9f2ff}
.contacts-original-quality .panel{padding:14px;min-width:0;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px}
.contacts-original-quality .wide{min-height:390px}.contacts-original-quality .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.contacts-original-quality .panel p{color:var(--muted)}
.contacts-original-quality .bars{display:grid;gap:9px}.contacts-original-quality .bars>div{display:grid;grid-template-columns:100px 1fr 42px;gap:8px;align-items:center}.contacts-original-quality .bars span,.contacts-original-quality .bars em{font-size:9px;color:var(--muted);font-style:normal}.contacts-original-quality .bars i{height:8px;background:#081523;border-radius:99px;overflow:hidden}.contacts-original-quality .bars i b{display:block;height:100%;background:linear-gradient(90deg,#2b789d,var(--accent));border-radius:99px;visibility:hidden}
@media(max-width:1200px){.contacts-original-quality{grid-template-columns:1fr}}


.contacts-original-quality .panel p,.contacts-original-quality li{overflow-wrap:anywhere}

/* Contacts Engagement: original spark, verified saved scores only. */
.contacts-original-engagement{--line:#213955;--muted:#8fa6c2;--accent:#62d7ff;display:grid;grid-template-columns:1.5fr .7fr;gap:12px;margin-top:12px;color:#e9f2ff}
.contacts-original-engagement .panel{padding:14px;min-width:0;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px}
.contacts-original-engagement .wide{min-height:390px}.contacts-original-engagement .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.contacts-original-engagement .panel p{color:var(--muted)}
.contacts-original-engagement .bars{display:grid;gap:9px}.contacts-original-engagement .bars>div{display:grid;grid-template-columns:100px 1fr 42px;gap:8px;align-items:center}.contacts-original-engagement .bars span,.contacts-original-engagement .bars em{font-size:9px;color:var(--muted);font-style:normal}.contacts-original-engagement .bars i{height:8px;background:#081523;border-radius:99px;overflow:hidden}.contacts-original-engagement .bars i b{display:block;height:100%;background:linear-gradient(90deg,#2b789d,var(--accent));border-radius:99px;visibility:hidden}
@media(max-width:1200px){.contacts-original-engagement{grid-template-columns:1fr}}


.contacts-original-engagement .panel p,.contacts-original-engagement li{overflow-wrap:anywhere}

.contacts-original-engagement .spark{height:220px;display:flex;gap:10px;align-items:end;padding:20px;overflow-x:auto;box-sizing:content-box}.contacts-original-engagement .spark i{flex:1 0 6px;background:linear-gradient(#62d7ff,#275a80);border-radius:8px 8px 0 0;min-height:0}.contacts-original-engagement .snapshot-records>div{border-bottom:1px solid var(--line);padding:8px;overflow-wrap:anywhere}

/* Contactos Control: original geometry; unknown limits stay unplotted. */
.contacts-original-control{--line:#213955;--accent:#62d7ff;--muted:#8fa6c2;display:grid;grid-template-columns:1.5fr .7fr;gap:12px;margin-top:12px}.contacts-original-control .panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px;padding:14px;min-width:0;overflow-wrap:anywhere}.contacts-original-control .wide{min-height:390px}.contacts-original-control .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.contacts-original-control p{color:var(--muted)}.contacts-original-control .control-chart{height:270px;border:1px solid var(--line);background:#081523;border-radius:12px}.contacts-original-control svg{width:100%;height:100%}.contacts-original-control polyline{fill:none;stroke:var(--accent);stroke-width:3}.contacts-original-control circle{fill:#173653;stroke:var(--accent);stroke-width:2;cursor:pointer}.contacts-original-control circle[aria-pressed=true],.contacts-original-control circle:focus{fill:#62d7ff;stroke:#fff;outline:none}.contacts-original-control .limits{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.contacts-original-control .limits span{border:1px solid var(--line);padding:5px 8px;border-radius:99px;color:var(--muted);font-size:9px}.contacts-original-control pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1200px){.contacts-original-control{grid-template-columns:1fr}}

/* Contactos Influencia: preserved4x5 map without fabricated intensity. */
.contacts-original-influence{--line:#213955;--accent:#62d7ff;--muted:#8fa6c2;display:grid;grid-template-columns:1.5fr .7fr;gap:12px;margin-top:12px}.contacts-original-influence .panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px;padding:14px;min-width:0;overflow-wrap:anywhere}.contacts-original-influence .wide{min-height:390px}.contacts-original-influence .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.contacts-original-influence p{color:var(--muted)}.contacts-original-influence .heatmap{display:grid;gap:6px;margin-top:25px}.contacts-original-influence .heatmap button{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;background:transparent;border:0;padding:8px 10px;color:#fff;opacity:1}.contacts-original-influence .heatmap i{height:48px;border:1px solid var(--line);background:#081523;border-radius:8px;display:grid;place-items:center;font-style:normal;color:var(--muted)}.contacts-influence-insights li{margin-bottom:12px}.contacts-original-influence pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1200px){.contacts-original-influence{grid-template-columns:1fr}}

/* Original profile fields within the390px detail drawer. */
.contacts-profile-detail{min-width:0;overflow-wrap:anywhere}.contacts-profile-detail .profile-grid>div{min-width:0;overflow-wrap:anywhere}.contacts-profile-detail pre{white-space:pre-wrap;overflow-wrap:anywhere}

.contacts-account-detail{--line:#213955;--muted:#8fa6c2;--accent:#62d7ff;min-width:0;overflow-wrap:anywhere}.contacts-account-detail .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.contacts-account-detail pre{white-space:pre-wrap;overflow-wrap:anywhere}

.contacts-activity-detail{--line:#213955;--muted:#8fa6c2;--accent:#62d7ff;min-width:0;overflow-wrap:anywhere}.contacts-activity-detail .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.contacts-activity-detail pre{white-space:pre-wrap;overflow-wrap:anywhere}

.contacts-opportunities-detail{--line:#213955;--muted:#8fa6c2;--accent:#62d7ff;min-width:0;overflow-wrap:anywhere}.contacts-opportunities-detail .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.contacts-opportunities-detail pre{white-space:pre-wrap;overflow-wrap:anywhere}

.contacts-consent-detail{--line:#213955;--text:#e9f2ff;--muted:#8fa6c2;--accent:#62d7ff;min-width:0;overflow-wrap:anywhere}.contacts-consent-detail .eyebrow{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.contacts-consent-detail .consent-grid>div{min-width:0;overflow-wrap:anywhere}.contacts-consent-detail pre{white-space:pre-wrap;overflow-wrap:anywhere}

.contacts-activity-unclassified{min-width:0;overflow-wrap:anywhere}

/* Leads Executive: apply the original <=1000px single-column layout to the
   component's available width inside the standalone navigation shell. */
#leads-executive-view{container:leads-executive / inline-size}
@container leads-executive (max-width:1000px){
#leads-executive-view .workspace,#leads-executive-view .executive-grid{grid-template-columns:1fr}
}

/* Original .15.4.9 Public Acquisition design, scoped to its native renderer. */
.wtp-public-acquisition-landing-studio{display:grid;gap:1rem;padding:1.25rem}
.wtp-public-acquisition-landing-studio > header .eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.wtp-public-acquisition-landing-studio > .truth{padding:.75rem;border:1px solid currentColor;border-radius:.5rem}
.wtp-public-acquisition-landing-studio > nav{display:flex;gap:.5rem;flex-wrap:wrap}
.wtp-public-acquisition-landing-studio > nav button{padding:.55rem .8rem;border-radius:.5rem;border:1px solid currentColor;background:transparent}
.wtp-public-acquisition-landing-studio > nav button[aria-current=page]{font-weight:700}
.wtp-public-acquisition-landing-studio > .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.wtp-public-acquisition-landing-studio > .grid article{border:1px solid currentColor;border-radius:.75rem;padding:1rem;min-height:130px}
.wtp-public-acquisition-landing-studio > header h1,.wtp-public-acquisition-landing-studio > header p,.wtp-public-acquisition-landing-studio > .grid h2,.wtp-public-acquisition-landing-studio > .grid p{margin-top:0}

/* Original Integraciones Commercial / ERP fragment, 0.8.55.15.1; scoped. */
.integrations-commercial {
    --wtp-bg: #07111f;
    --wtp-panel: rgba(10, 24, 42, .92);
    --wtp-panel-soft: rgba(14, 31, 52, .76);
    --wtp-panel-strong: rgba(7, 18, 32, .98);
    --wtp-border: rgba(139, 178, 214, .19);
    --wtp-border-strong: rgba(139, 178, 214, .31);
    --wtp-text: #edf7ff;
    --wtp-text-soft: #9cb2c8;
    --wtp-text-muted: #71869b;
    --wtp-accent: #35d6b4;
    --wtp-accent-soft: rgba(53, 214, 180, .14);
    --wtp-info: #5da9ff;
    --wtp-info-soft: rgba(93, 169, 255, .13);
    --wtp-warning: #f5bd56;
    --wtp-warning-soft: rgba(245, 189, 86, .13);
    --wtp-danger: #ff718c;
    --wtp-danger-soft: rgba(255, 113, 140, .13);
    --wtp-shadow: 0 24px 70px rgba(0, 0, 0, .24);
    --wtp-radius-xl: 24px;
    --wtp-radius-lg: 18px;
    --wtp-radius-md: 14px;
    --wtp-radius-sm: 10px;
    color: var(--wtp-text);
    min-width: 0;
    position: relative;
}
.integrations-commercial .wtp-eyebrow {
    color: var(--wtp-accent);
    display: inline-flex;
    font-size: 11px;
    font-weight: 760;
    letter-spacing: .14em;
    line-height: 1.3;
    text-transform: uppercase;
}
.integrations-commercial .wtp-btn {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 11px;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 690;
    gap: 8px;
    justify-content: center;
    line-height: 1;
    min-height: 40px;
    padding: 0 15px;
    transition:
        border-color .18s ease,
        background .18s ease,
        transform .18s ease,
        opacity .18s ease;
}
.integrations-commercial .wtp-btn--ghost {
    background: rgba(255, 255, 255, .035);
    border-color: var(--wtp-border);
    color: var(--wtp-text);
}
.integrations-commercial .integration-boundary {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 16px;
}
.integrations-commercial .boundary-item {
    align-items: center;
    background: var(--wtp-panel-soft);
    border: 1px solid var(--wtp-border);
    border-radius: var(--wtp-radius-md);
    display: flex;
    gap: 12px;
    min-width: 0;
    padding: 13px 14px;
}
.integrations-commercial .boundary-item strong {
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
}
.integrations-commercial .boundary-item small {
    color: var(--wtp-text-muted);
    display: block;
    font-size: 10px;
    line-height: 1.45;
}
.integrations-commercial .workspace-panel {
    min-width: 0;
    padding: 20px;
}
.integrations-commercial .panel-heading,
.integrations-commercial .subheading {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 17px;
}
.integrations-commercial .panel-heading h3,
.integrations-commercial .subheading h4 {
    font-size: 17px;
    margin: 4px 0 5px;
}
.integrations-commercial .panel-heading p,
.integrations-commercial .subheading p {
    color: var(--wtp-text-muted);
    font-size: 10px;
    line-height: 1.55;
    margin: 0;
}
@media(max-width:1500px){.integrations-commercial .integration-boundary{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.integrations-commercial .integration-boundary{grid-template-columns:1fr;}.integrations-commercial .workspace-panel{padding:14px;}.integrations-commercial .panel-heading{align-items:stretch;flex-direction:column;}}
.integrations-commercial pre{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;}

/* Original Conexiones read profile fragment; scoped, no new editor. */
.integrations-connections .connection-profile-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1.6fr) minmax(260px, .8fr);
    margin-bottom: 16px;
}
.integrations-connections .profile-state-grid,
.integrations-connections .webhook-security-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 12px 0;
}
.integrations-connections .profile-state-grid > div,
.integrations-connections .webhook-security-grid > div {
    background: rgba(255, 255, 255, .025);
    border: 1px solid rgba(139, 178, 214, .1);
    border-radius: 9px;
    padding: 9px;
}
.integrations-connections .profile-state-grid span,
.integrations-connections .webhook-security-grid span {
    color: var(--wtp-text-muted);
    display: block;
    font-size: 7px;
    text-transform: uppercase;
}
.integrations-connections .profile-state-grid strong,
.integrations-connections .webhook-security-grid strong {
    display: block;
    font-size: 10px;
    margin-top: 4px;
}
.integrations-connections .reference-summary {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 12px 0;
}
.integrations-connections .reference-summary article {
    align-items: flex-start;
    background: rgba(255, 255, 255, .025);
    border: 1px solid rgba(139, 178, 214, .1);
    border-radius: 10px;
    display: flex;
    gap: 8px;
    padding: 10px;
}
.integrations-connections .reference-icon {
    align-items: center;
    background: var(--wtp-info-soft);
    border-radius: 8px;
    color: var(--wtp-info);
    display: inline-flex;
    flex: 0 0 28px;
    font-size: 10px;
    font-weight: 800;
    height: 28px;
    justify-content: center;
}
.integrations-connections .reference-summary strong {
    display: block;
    font-size: 9px;
}
.integrations-connections .reference-summary p {
    color: var(--wtp-text-muted);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 8px;
    margin: 4px 0 0;
    overflow-wrap: anywhere;
}
.integrations-connections .reference-examples {
    display: grid;
    gap: 5px;
    margin-top: 12px;
}
.integrations-connections .reference-examples > strong {
    color: var(--wtp-text-muted);
    font-size: 8px;
    text-transform: uppercase;
}
.integrations-connections .reference-examples code {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(139, 178, 214, .1);
    border-radius: 7px;
    color: #b8d5ef;
    font-size: 8px;
    overflow-wrap: anywhere;
    padding: 6px 7px;
}
.integrations-connections .deny-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 14px;
}
.integrations-connections .deny-list span {
    background: var(--wtp-danger-soft);
    border: 1px solid rgba(255, 113, 140, .18);
    border-radius: 999px;
    color: #ff9caf;
    font-size: 7px;
    padding: 4px 7px;
}
.integrations-connections .summary-list {
    display: grid;
    gap: 8px;
    margin: 0;
}
.integrations-connections .summary-list > div {
    align-items: baseline;
    border-bottom: 1px solid rgba(139, 178, 214, .1);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding-bottom: 7px;
}
.integrations-connections .summary-list dt {
    color: var(--wtp-text-muted);
    font-size: 9px;
}
.integrations-connections .summary-list dd {
    color: var(--wtp-text-soft);
    font-size: 10px;
    font-weight: 650;
    margin: 0;
    max-width: 65%;
    overflow-wrap: anywhere;
    text-align: right;
}
.integrations-connections .summary-list--columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.integrations-connections .catalog-table {
    border-collapse: collapse;
    min-width: 980px;
    width: 100%;
}
.integrations-connections .catalog-table th,
.integrations-connections .catalog-table td {
    border-bottom: 1px solid rgba(139, 178, 214, .11);
    font-size: 9px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}
.integrations-connections .catalog-table th {
    background: rgba(255, 255, 255, .025);
    color: var(--wtp-text-muted);
    font-size: 8px;
    letter-spacing: .055em;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 2;
}
.integrations-connections .catalog-table td > strong,
.integrations-connections .catalog-table td > small {
    display: block;
}
.integrations-connections .catalog-table td > small {
    display: block;
}
.integrations-connections .connections-table-wrap{border:1px solid var(--wtp-border);border-radius:13px;overflow:auto;max-width:100%;}.integrations-connections .connection-profile-card,.integrations-connections .connection-rule-card{background:var(--wtp-panel-soft);border:1px solid var(--wtp-border);border-radius:var(--wtp-radius-md);min-width:0;padding:15px;}.integrations-connections h4,.integrations-connections .truth-note{overflow-wrap:anywhere;}@media(max-width:1260px){.integrations-connections .connection-profile-grid{grid-template-columns:1fr;}}@media(max-width:760px){.integrations-connections .profile-state-grid,.integrations-connections .reference-summary,.integrations-connections .summary-list--columns{grid-template-columns:1fr;}}

.integrations-connections .wtp-btn--primary {
    background: linear-gradient(135deg, rgba(53, 214, 180, .94), rgba(57, 185, 207, .92));
    border-color: rgba(113, 235, 210, .28);
    color: #04131a;
}
.integrations-connections .wtp-btn:disabled {
    cursor: not-allowed;
    opacity: .42;
}
.integrations-connections .connection-profile-card > header {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 13px;
}
.integrations-connections .connection-rule-card p {
    color: var(--wtp-text-muted);
    font-size: 10px;
    line-height: 1.55;
}

/* Original Integrations Health facts card; scoped complementary selected-profile fragment. */
.integrations-connections .health-facts-card {
    background: var(--wtp-panel-soft);
    border: 1px solid var(--wtp-border);
    border-radius: var(--wtp-radius-md);
    min-width: 0;
    padding: 15px;
}

/* Original Integraciones SCSS scoped to the regional catalogue successor. */
.integrations-catalog {
    display: block;
    min-width: 0;
}

.integrations-pro.integrations-catalog {
    --wtp-bg: #07111f;
    --wtp-panel: rgba(10, 24, 42, .92);
    --wtp-panel-soft: rgba(14, 31, 52, .76);
    --wtp-panel-strong: rgba(7, 18, 32, .98);
    --wtp-border: rgba(139, 178, 214, .19);
    --wtp-border-strong: rgba(139, 178, 214, .31);
    --wtp-text: #edf7ff;
    --wtp-text-soft: #9cb2c8;
    --wtp-text-muted: #71869b;
    --wtp-accent: #35d6b4;
    --wtp-accent-soft: rgba(53, 214, 180, .14);
    --wtp-info: #5da9ff;
    --wtp-info-soft: rgba(93, 169, 255, .13);
    --wtp-warning: #f5bd56;
    --wtp-warning-soft: rgba(245, 189, 86, .13);
    --wtp-danger: #ff718c;
    --wtp-danger-soft: rgba(255, 113, 140, .13);
    --wtp-shadow: 0 24px 70px rgba(0, 0, 0, .24);
    --wtp-radius-xl: 24px;
    --wtp-radius-lg: 18px;
    --wtp-radius-md: 14px;
    --wtp-radius-sm: 10px;
    color: var(--wtp-text);
    min-width: 0;
    position: relative;
}

.integrations-pro.integrations-catalog *,
.integrations-pro.integrations-catalog *::before,
.integrations-pro.integrations-catalog *::after {
    box-sizing: border-box;
}

.integrations-pro.integrations-catalog button,
.integrations-pro.integrations-catalog input,
.integrations-pro.integrations-catalog select,
.integrations-pro.integrations-catalog textarea {
    font: inherit;
}

.integrations-pro.integrations-catalog button {
    color: inherit;
}

.integrations-catalog .integration-hero {
    align-items: flex-start;
    background:
        radial-gradient(circle at 8% 0%, rgba(53, 214, 180, .14), transparent 32%),
        radial-gradient(circle at 86% 12%, rgba(93, 169, 255, .13), transparent 28%),
        linear-gradient(135deg, rgba(8, 23, 39, .98), rgba(10, 26, 45, .92));
    border: 1px solid var(--wtp-border);
    border-radius: var(--wtp-radius-xl);
    box-shadow: var(--wtp-shadow);
    display: flex;
    gap: 28px;
    justify-content: space-between;
    margin-bottom: 18px;
    overflow: hidden;
    padding: 30px;
    position: relative;
}

.integrations-catalog .integration-hero::after {
    background: linear-gradient(90deg, transparent, rgba(53, 214, 180, .72), rgba(93, 169, 255, .68), transparent);
    bottom: 0;
    content: '';
    height: 1px;
    left: 7%;
    position: absolute;
    right: 7%;
}

.integrations-catalog .integration-hero__copy {
    max-width: 820px;
    min-width: 0;
}

.integrations-catalog .integration-hero__copy h2 {
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 760;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 8px 0 14px;
}

.integrations-catalog .integration-hero__copy p {
    color: var(--wtp-text-soft);
    font-size: 15px;
    line-height: 1.75;
    margin: 0;
    max-width: 760px;
}

.integrations-catalog .integration-hero__copy code {
    background: rgba(255, 255, 255, .06);
    border: 1px solid var(--wtp-border);
    border-radius: 7px;
    color: var(--wtp-warning);
    padding: 2px 6px;
}

.integrations-catalog .integration-hero__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.integrations-catalog .wtp-eyebrow {
    color: var(--wtp-accent);
    display: inline-flex;
    font-size: 11px;
    font-weight: 760;
    letter-spacing: .14em;
    line-height: 1.3;
    text-transform: uppercase;
}

.integrations-catalog .wtp-btn {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 11px;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 690;
    gap: 8px;
    justify-content: center;
    line-height: 1;
    min-height: 40px;
    padding: 0 15px;
    transition:
        border-color .18s ease,
        background .18s ease,
        transform .18s ease,
        opacity .18s ease;
}

.integrations-catalog .wtp-btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

.integrations-catalog .wtp-btn:disabled {
    cursor: not-allowed;
    opacity: .42;
}

.integrations-catalog .wtp-btn--primary {
    background: linear-gradient(135deg, rgba(53, 214, 180, .94), rgba(57, 185, 207, .92));
    border-color: rgba(113, 235, 210, .28);
    color: #04131a;
}

.integrations-catalog .wtp-btn--ghost {
    background: rgba(255, 255, 255, .035);
    border-color: var(--wtp-border);
    color: var(--wtp-text);
}

.integrations-catalog .wtp-btn--ghost:hover:not(:disabled) {
    background: rgba(255, 255, 255, .07);
    border-color: var(--wtp-border-strong);
}

.integrations-catalog .wtp-btn--small {
    font-size: 11px;
    min-height: 32px;
    padding: 0 10px;
}

.integrations-catalog .integration-boundary {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 16px;
}

.integrations-catalog .boundary-item {
    align-items: center;
    background: var(--wtp-panel-soft);
    border: 1px solid var(--wtp-border);
    border-radius: var(--wtp-radius-md);
    display: flex;
    gap: 12px;
    min-width: 0;
    padding: 13px 14px;
}

.integrations-catalog .boundary-item__icon {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 30px;
    font-size: 13px;
    font-weight: 800;
    height: 30px;
    justify-content: center;
}

.integrations-catalog .boundary-item strong {
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
}

.integrations-catalog .boundary-item small {
    color: var(--wtp-text-muted);
    display: block;
    font-size: 10px;
    line-height: 1.45;
}

.integrations-catalog .boundary-item--success .boundary-item__icon {
    background: var(--wtp-accent-soft);
    color: var(--wtp-accent);
}

.integrations-catalog .boundary-item--warning .boundary-item__icon {
    background: var(--wtp-warning-soft);
    color: var(--wtp-warning);
}

.integrations-catalog .integration-notices {
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
}

.integrations-catalog .integration-notice {
    align-items: center;
    border: 1px solid var(--wtp-border);
    border-radius: 12px;
    display: flex;
    gap: 12px;
    padding: 11px 14px;
}

.integrations-catalog .integration-notice strong {
    flex: 0 0 auto;
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.integrations-catalog .integration-notice span {
    color: var(--wtp-text-soft);
    font-size: 12px;
}

.integrations-catalog .integration-notice--danger {
    background: var(--wtp-danger-soft);
    border-color: rgba(255, 113, 140, .28);
}

.integrations-catalog .integration-notice--danger strong {
    color: var(--wtp-danger);
}

.integrations-catalog .integration-notice--success {
    background: var(--wtp-accent-soft);
    border-color: rgba(53, 214, 180, .28);
}

.integrations-catalog .integration-notice--success strong {
    color: var(--wtp-accent);
}

.integrations-catalog .integration-notice--warning {
    background: var(--wtp-warning-soft);
    border-color: rgba(245, 189, 86, .28);
}

.integrations-catalog .integration-notice--warning strong {
    color: var(--wtp-warning);
}

.integrations-catalog .integration-metrics {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 16px;
}

.integrations-catalog .metric-card {
    background: var(--wtp-panel);
    border: 1px solid var(--wtp-border);
    border-radius: var(--wtp-radius-md);
    display: flex;
    flex-direction: column;
    min-height: 108px;
    padding: 15px;
    position: relative;
}

.integrations-catalog .metric-card::before {
    border-radius: 4px;
    content: '';
    height: 4px;
    left: 15px;
    position: absolute;
    top: 0;
    width: 36px;
}

.integrations-catalog .metric-card[data-tone='success']::before {
    background: var(--wtp-accent);
}

.integrations-catalog .metric-card[data-tone='warning']::before {
    background: var(--wtp-warning);
}

.integrations-catalog .metric-card[data-tone='danger']::before {
    background: var(--wtp-danger);
}

.integrations-catalog .metric-card[data-tone='muted']::before {
    background: var(--wtp-text-muted);
}

.integrations-catalog .metric-card__label {
    color: var(--wtp-text-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    margin-top: 4px;
    text-transform: uppercase;
}

.integrations-catalog .metric-card__value {
    font-size: 28px;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 11px 0 7px;
}

.integrations-catalog .metric-card__hint {
    color: var(--wtp-text-soft);
    font-size: 10px;
    line-height: 1.45;
    margin-top: auto;
}

.integrations-catalog .integration-toolbar {
    align-items: stretch;
    background: var(--wtp-panel);
    border: 1px solid var(--wtp-border);
    border-radius: var(--wtp-radius-lg);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 14px;
    min-width: 0;
    overflow: hidden;
    padding: 8px;
}

.integrations-catalog .integration-tabs {
    display: flex;
    gap: 4px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.integrations-catalog .integration-tab {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 11px;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    min-height: 50px;
    padding: 7px 10px;
    text-align: left;
}

.integrations-catalog .integration-tab:hover {
    background: rgba(255, 255, 255, .035);
}

.integrations-catalog .integration-tab.is-active {
    background: var(--wtp-accent-soft);
    border-color: rgba(53, 214, 180, .22);
}

.integrations-catalog .integration-tab__icon {
    align-items: center;
    background: rgba(255, 255, 255, .04);
    border: 1px solid var(--wtp-border);
    border-radius: 9px;
    color: var(--wtp-text-soft);
    display: inline-flex;
    flex: 0 0 30px;
    height: 30px;
    justify-content: center;
}

.integrations-catalog .integration-tab.is-active .integration-tab__icon {
    background: rgba(53, 214, 180, .13);
    border-color: rgba(53, 214, 180, .28);
    color: var(--wtp-accent);
}

.integrations-catalog .integration-tab__text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.integrations-catalog .integration-tab__text strong {
    font-size: 11px;
    white-space: nowrap;
}

.integrations-catalog .integration-tab__text small {
    color: var(--wtp-text-muted);
    display: none;
    font-size: 9px;
    max-width: 180px;
}

.integrations-catalog .integration-refresh-control {
    align-items: center;
    border-left: 1px solid var(--wtp-border);
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    padding-left: 12px;
}

.integrations-catalog .switch-field {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 8px;
}

.integrations-catalog .switch-field input[type='checkbox'] {
    accent-color: var(--wtp-accent);
}

.integrations-catalog .switch-field span {
    color: var(--wtp-text-soft);
    font-size: 10px;
}

.integrations-catalog .compact-field {
    align-items: center;
    display: flex;
    gap: 6px;
}

.integrations-catalog .compact-field span,
.integrations-catalog .last-refresh {
    color: var(--wtp-text-muted);
    font-size: 9px;
}

.integrations-catalog .compact-field select {
    background: var(--wtp-panel-soft);
    border: 1px solid var(--wtp-border);
    border-radius: 8px;
    color: var(--wtp-text);
    font-size: 10px;
    min-height: 30px;
    padding: 0 8px;
}

.integrations-catalog .integration-layout {
    display: grid;
    gap: 14px;
    grid-template-columns: 310px minmax(0, 1fr);
    min-height: 760px;
}

.integrations-catalog .integration-sidebar {
    background: var(--wtp-panel);
    border: 1px solid var(--wtp-border);
    border-radius: var(--wtp-radius-lg);
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.integrations-catalog .sidebar-heading {
    align-items: center;
    border-bottom: 1px solid var(--wtp-border);
    display: flex;
    justify-content: space-between;
    padding: 16px;
}

.integrations-catalog .sidebar-heading h3 {
    font-size: 16px;
    margin: 4px 0 0;
}

.integrations-catalog .sidebar-count {
    align-items: center;
    background: var(--wtp-accent-soft);
    border: 1px solid rgba(53, 214, 180, .22);
    border-radius: 999px;
    color: var(--wtp-accent);
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    height: 28px;
    justify-content: center;
    min-width: 28px;
    padding: 0 8px;
}

.integrations-catalog .sidebar-search {
    padding: 12px 12px 4px;
}

.integrations-catalog .sidebar-search input,
.integrations-catalog .sidebar-filters input,
.integrations-catalog .sidebar-filters select,
.integrations-catalog .events-toolbar input,
.integrations-catalog .events-toolbar select,
.integrations-catalog .table-filters input,
.integrations-catalog .table-filters select,
.integrations-catalog .form-grid input,
.integrations-catalog .form-grid select,
.integrations-catalog .full-field input,
.integrations-catalog .full-field textarea,
.integrations-catalog .form-section input,
.integrations-catalog .form-section select,
.integrations-catalog .form-section textarea {
    background: rgba(255, 255, 255, .035);
    border: 1px solid var(--wtp-border);
    border-radius: 9px;
    color: var(--wtp-text);
    min-height: 38px;
    outline: none;
    padding: 8px 10px;
    transition: border-color .18s ease, background .18s ease;
    width: 100%;
}

.integrations-catalog .sidebar-search input:focus,
.integrations-catalog .sidebar-filters input:focus,
.integrations-catalog .sidebar-filters select:focus,
.integrations-catalog .events-toolbar input:focus,
.integrations-catalog .events-toolbar select:focus,
.integrations-catalog .table-filters input:focus,
.integrations-catalog .table-filters select:focus,
.integrations-catalog .form-grid input:focus,
.integrations-catalog .form-grid select:focus,
.integrations-catalog .full-field input:focus,
.integrations-catalog .full-field textarea:focus,
.integrations-catalog .form-section input:focus,
.integrations-catalog .form-section select:focus,
.integrations-catalog .form-section textarea:focus {
    background: rgba(255, 255, 255, .052);
    border-color: rgba(53, 214, 180, .42);
}

.integrations-catalog .sidebar-search input::placeholder,
.integrations-catalog .events-toolbar input::placeholder,
.integrations-catalog .table-filters input::placeholder,
.integrations-catalog .form-section input::placeholder {
    color: var(--wtp-text-muted);
}

.integrations-catalog .sidebar-filters {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px 12px;
}

.integrations-catalog .sidebar-filters label,
.integrations-catalog .form-grid label,
.integrations-catalog .full-field,
.integrations-catalog .form-section > label {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.integrations-catalog .sidebar-filters label > span,
.integrations-catalog .form-grid label > span,
.integrations-catalog .full-field > span,
.integrations-catalog .form-section > label > span {
    color: var(--wtp-text-muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.integrations-catalog .sidebar-filters select {
    min-height: 34px;
    padding: 5px 8px;
}

.integrations-catalog .sidebar-filter-actions {
    border-bottom: 1px solid var(--wtp-border);
    padding: 4px 12px 12px;
}

.integrations-catalog .connector-list {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 6px;
}

.integrations-catalog .connector-list-item {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    display: grid;
    gap: 9px;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    margin-bottom: 3px;
    padding: 10px;
    text-align: left;
    width: 100%;
}

.integrations-catalog .connector-list-item:hover {
    background: rgba(255, 255, 255, .035);
}

.integrations-catalog .connector-list-item.is-selected {
    background: var(--wtp-accent-soft);
    border-color: rgba(53, 214, 180, .21);
}

.integrations-catalog .connector-avatar {
    align-items: center;
    background: linear-gradient(145deg, rgba(53, 214, 180, .18), rgba(93, 169, 255, .16));
    border: 1px solid rgba(116, 196, 211, .23);
    border-radius: 11px;
    color: var(--wtp-text);
    display: inline-flex;
    flex: 0 0 38px;
    font-size: 10px;
    font-weight: 800;
    height: 38px;
    justify-content: center;
    letter-spacing: .03em;
}

.integrations-catalog .connector-avatar--small {
    border-radius: 8px;
    flex-basis: 30px;
    height: 30px;
}

.integrations-catalog .connector-list-item__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.integrations-catalog .connector-list-item__body strong {
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.integrations-catalog .connector-list-item__body small {
    color: var(--wtp-text-muted);
    font-size: 9px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.integrations-catalog .connector-list-item__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.integrations-catalog .connector-score {
    color: var(--wtp-text-soft);
    font-size: 10px;
    font-weight: 800;
}

.integrations-catalog .mini-pill,
.integrations-catalog .status-pill {
    align-items: center;
    border: 1px solid var(--wtp-border);
    border-radius: 999px;
    display: inline-flex;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .035em;
    min-height: 21px;
    padding: 0 7px;
    text-transform: uppercase;
    white-space: nowrap;
}

.integrations-catalog .status-pill {
    font-size: 9px;
    min-height: 26px;
    padding: 0 9px;
}

.integrations-catalog .mini-pill[data-tone='success'],
.integrations-catalog .status-pill[data-tone='success'] {
    background: var(--wtp-accent-soft);
    border-color: rgba(53, 214, 180, .24);
    color: var(--wtp-accent);
}

.integrations-catalog .mini-pill[data-tone='warning'],
.integrations-catalog .status-pill[data-tone='warning'] {
    background: var(--wtp-warning-soft);
    border-color: rgba(245, 189, 86, .24);
    color: var(--wtp-warning);
}

.integrations-catalog .mini-pill[data-tone='danger'],
.integrations-catalog .status-pill[data-tone='danger'] {
    background: var(--wtp-danger-soft);
    border-color: rgba(255, 113, 140, .24);
    color: var(--wtp-danger);
}

.integrations-catalog .mini-pill[data-tone='muted'],
.integrations-catalog .status-pill[data-tone='muted'] {
    background: rgba(255, 255, 255, .035);
    color: var(--wtp-text-muted);
}

.integrations-catalog .integration-workspace {
    background: var(--wtp-panel);
    border: 1px solid var(--wtp-border);
    border-radius: var(--wtp-radius-lg);
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.integrations-catalog .workspace-loading {
    align-items: center;
    background: rgba(7, 18, 32, .84);
    backdrop-filter: blur(5px);
    display: flex;
    gap: 9px;
    inset: 0;
    justify-content: center;
    position: absolute;
    z-index: 20;
}

.integrations-catalog .loader-dot {
    animation: wtpCatalogPulse 1s ease-in-out infinite;
    background: var(--wtp-accent);
    border-radius: 50%;
    box-shadow: 0 0 18px rgba(53, 214, 180, .5);
    height: 9px;
    width: 9px;
}

@keyframes wtpCatalogPulse {
    0%,
    100% {
        opacity: .35;
        transform: scale(.85);
    }

    50% {
        opacity: 1;
        transform: scale(1.15);
    }
}

.integrations-catalog .connector-header {
    align-items: center;
    border-bottom: 1px solid var(--wtp-border);
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding: 18px 20px;
}

.integrations-catalog .connector-header__identity {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
}

.integrations-catalog .connector-header__avatar {
    align-items: center;
    background: linear-gradient(145deg, rgba(53, 214, 180, .2), rgba(93, 169, 255, .18));
    border: 1px solid rgba(53, 214, 180, .24);
    border-radius: 14px;
    display: inline-flex;
    flex: 0 0 50px;
    font-size: 12px;
    font-weight: 850;
    height: 50px;
    justify-content: center;
}

.integrations-catalog .connector-header__identity h3 {
    font-size: 18px;
    margin: 4px 0 3px;
}

.integrations-catalog .connector-header__identity p {
    color: var(--wtp-text-muted);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 9px;
    margin: 0;
}

.integrations-catalog .connector-header__state,
.integrations-catalog .connector-header__actions {
    align-items: center;
    display: flex;
    gap: 8px;
}

.integrations-catalog .health-number {
    color: var(--wtp-text-soft);
    font-size: 11px;
}

.integrations-catalog .truth-banner {
    align-items: center;
    background: var(--wtp-info-soft);
    border-bottom: 1px solid rgba(93, 169, 255, .18);
    display: flex;
    gap: 10px;
    padding: 9px 20px;
}

.integrations-catalog .truth-banner strong {
    color: var(--wtp-info);
    font-size: 9px;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.integrations-catalog .truth-banner span {
    color: var(--wtp-text-soft);
    font-size: 10px;
}

.integrations-catalog .truth-banner--planned {
    background: var(--wtp-warning-soft);
    border-bottom-color: rgba(245, 189, 86, .18);
}

.integrations-catalog .truth-banner--planned strong {
    color: var(--wtp-warning);
}

.integrations-catalog .workspace-panel {
    min-width: 0;
    padding: 20px;
}

.integrations-catalog .panel-heading,
.integrations-catalog .subheading {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 17px;
}

.integrations-catalog .panel-heading h3,
.integrations-catalog .subheading h4 {
    font-size: 17px;
    margin: 4px 0 5px;
}

.integrations-catalog .subheading h4 {
    font-size: 14px;
}

.integrations-catalog .panel-heading p,
.integrations-catalog .subheading p {
    color: var(--wtp-text-muted);
    font-size: 10px;
    line-height: 1.55;
    margin: 0;
}

.integrations-catalog .panel-heading__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.integrations-catalog .overview-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.integrations-catalog .summary-card,
.integrations-catalog .timeline-card,
.integrations-catalog .connection-profile-card,
.integrations-catalog .connection-rule-card,
.integrations-catalog .health-score-card,
.integrations-catalog .health-facts-card,
.integrations-catalog .test-card,
.integrations-catalog .webhook-contract-card,
.integrations-catalog .webhook-flow-card,
.integrations-catalog .sync-builder__form,
.integrations-catalog .sync-builder__preview,
.integrations-catalog .governance-detail-card,
.integrations-catalog .governance-json-card {
    background: var(--wtp-panel-soft);
    border: 1px solid var(--wtp-border);
    border-radius: var(--wtp-radius-md);
    min-width: 0;
    padding: 15px;
}

.integrations-catalog .summary-card > header,
.integrations-catalog .connection-profile-card > header,
.integrations-catalog .test-card > header,
.integrations-catalog .webhook-contract-card > header,
.integrations-catalog .sync-builder__preview > header,
.integrations-catalog .webhook-mini-card > header {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 13px;
}

.integrations-catalog .summary-card > header span,
.integrations-catalog .connection-profile-card > header span,
.integrations-catalog .test-card > header span {
    color: var(--wtp-text-muted);
    font-size: 9px;
    text-transform: uppercase;
}

.integrations-catalog .summary-card > header strong,
.integrations-catalog .connection-profile-card > header strong,
.integrations-catalog .test-card > header strong {
    font-size: 11px;
}

.integrations-catalog .health-gauge {
    align-items: center;
    display: flex;
    gap: 10px;
    margin: 10px 0;
}

.integrations-catalog .health-gauge__track,
.integrations-catalog .tiny-health-track {
    background: rgba(255, 255, 255, .06);
    border-radius: 999px;
    flex: 1 1 auto;
    height: 6px;
    overflow: hidden;
}

.integrations-catalog .health-gauge__track span,
.integrations-catalog .tiny-health-track span {
    background: linear-gradient(90deg, var(--wtp-accent), var(--wtp-info));
    display: block;
    height: 100%;
}

.integrations-catalog .health-gauge strong {
    font-size: 10px;
}

.integrations-catalog .summary-card p,
.integrations-catalog .connection-rule-card p,
.integrations-catalog .webhook-flow-card p,
.integrations-catalog .test-card p,
.integrations-catalog .governance-card p {
    color: var(--wtp-text-muted);
    font-size: 10px;
    line-height: 1.55;
}

.integrations-catalog .summary-list {
    display: grid;
    gap: 8px;
    margin: 0;
}

.integrations-catalog .summary-list > div {
    align-items: baseline;
    border-bottom: 1px solid rgba(139, 178, 214, .1);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding-bottom: 7px;
}

.integrations-catalog .summary-list > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.integrations-catalog .summary-list dt {
    color: var(--wtp-text-muted);
    font-size: 9px;
}

.integrations-catalog .summary-list dd {
    color: var(--wtp-text-soft);
    font-size: 10px;
    font-weight: 650;
    margin: 0;
    max-width: 65%;
    overflow-wrap: anywhere;
    text-align: right;
}

.integrations-catalog .summary-list--columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.integrations-catalog .capability-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 10px 0 14px;
}

.integrations-catalog .capability-chip,
.integrations-catalog .capability-inline span {
    background: rgba(93, 169, 255, .09);
    border: 1px solid rgba(93, 169, 255, .16);
    border-radius: 999px;
    color: #9dccff;
    display: inline-flex;
    font-size: 8px;
    padding: 4px 7px;
}

.integrations-catalog .inline-link {
    background: transparent;
    border: 0;
    color: var(--wtp-accent);
    cursor: pointer;
    font-size: 9px;
    font-weight: 700;
    padding: 0;
}

.integrations-catalog .inline-link:hover {
    text-decoration: underline;
}

.integrations-catalog .overview-lower-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 12px;
}

.integrations-catalog .event-mini-list,
.integrations-catalog .job-mini-list {
    display: grid;
    gap: 7px;
}

.integrations-catalog .event-mini,
.integrations-catalog .job-mini {
    align-items: flex-start;
    background: rgba(255, 255, 255, .02);
    border: 1px solid rgba(139, 178, 214, .1);
    border-radius: 10px;
    display: flex;
    gap: 9px;
    padding: 9px;
}

.integrations-catalog .event-mini > div,
.integrations-catalog .job-mini > div {
    min-width: 0;
}

.integrations-catalog .event-mini strong,
.integrations-catalog .job-mini strong {
    display: block;
    font-size: 10px;
}

.integrations-catalog .event-mini p,
.integrations-catalog .job-mini p {
    color: var(--wtp-text-soft);
    font-size: 9px;
    margin: 3px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.integrations-catalog .event-mini small,
.integrations-catalog .job-mini small {
    color: var(--wtp-text-muted);
    font-size: 8px;
}

.integrations-catalog .event-dot {
    background: var(--wtp-text-muted);
    border-radius: 50%;
    flex: 0 0 8px;
    height: 8px;
    margin-top: 4px;
    width: 8px;
}

.integrations-catalog .event-dot[data-tone='success'] {
    background: var(--wtp-accent);
}

.integrations-catalog .event-dot[data-tone='warning'] {
    background: var(--wtp-warning);
}

.integrations-catalog .event-dot[data-tone='danger'] {
    background: var(--wtp-danger);
}

.integrations-catalog .event-dot--large {
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .025);
    height: 10px;
    width: 10px;
}

.integrations-catalog .catalog-table-wrap,
.integrations-catalog .connections-table-wrap,
.integrations-catalog .jobs-table-wrap {
    border: 1px solid var(--wtp-border);
    border-radius: 13px;
    overflow: auto;
}

.integrations-catalog .catalog-table {
    border-collapse: collapse;
    min-width: 980px;
    width: 100%;
}

.integrations-catalog .catalog-table th,
.integrations-catalog .catalog-table td {
    border-bottom: 1px solid rgba(139, 178, 214, .11);
    font-size: 9px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

.integrations-catalog .catalog-table th {
    background: rgba(255, 255, 255, .025);
    color: var(--wtp-text-muted);
    font-size: 8px;
    letter-spacing: .055em;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 2;
}

.integrations-catalog .catalog-table th button {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-weight: 750;
    padding: 0;
    text-transform: inherit;
}

.integrations-catalog .catalog-table tbody tr:hover {
    background: rgba(255, 255, 255, .025);
}

.integrations-catalog .catalog-table tbody tr.is-selected {
    background: var(--wtp-accent-soft);
}

.integrations-catalog .catalog-table td > strong,
.integrations-catalog .catalog-table td > small {
    display: block;
}

.integrations-catalog .catalog-table td > small {
    color: var(--wtp-text-muted);
    font-size: 8px;
    margin-top: 3px;
}

.integrations-catalog .table-connector {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 170px;
}

.integrations-catalog .table-connector > div {
    min-width: 0;
}

.integrations-catalog .table-connector strong {
    display: block;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.integrations-catalog .table-connector small {
    color: var(--wtp-text-muted);
    display: block;
    font-size: 8px;
    margin-top: 2px;
}

.integrations-catalog .connection-dot {
    background: var(--wtp-text-muted);
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    margin-right: 5px;
    width: 6px;
}

.integrations-catalog .connection-dot.is-on {
    background: var(--wtp-accent);
    box-shadow: 0 0 8px rgba(53, 214, 180, .4);
}

.integrations-catalog .table-health {
    display: grid;
    gap: 3px;
    grid-template-columns: 24px minmax(50px, 1fr);
    min-width: 110px;
}

.integrations-catalog .table-health > span {
    font-size: 9px;
    font-weight: 800;
}

.integrations-catalog .table-health small {
    color: var(--wtp-text-muted);
    font-size: 7px;
    grid-column: 1 / -1;
}

.integrations-catalog .tiny-health-track {
    height: 4px;
    margin-top: 3px;
}

.integrations-catalog .capability-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    min-width: 150px;
}

.integrations-catalog .capability-inline span {
    font-size: 7px;
    padding: 3px 5px;
}

.integrations-catalog .capability-inline small {
    color: var(--wtp-text-muted);
    font-size: 8px;
}

.integrations-catalog .catalog-regions {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    margin-top: 14px;
}

.integrations-catalog .region-card {
    background: var(--wtp-panel-soft);
    border: 1px solid var(--wtp-border);
    border-radius: 12px;
    padding: 12px;
}

.integrations-catalog .region-card > header {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
}

.integrations-catalog .region-card > header strong {
    font-size: 11px;
}

.integrations-catalog .region-card > header span {
    color: var(--wtp-text-muted);
    font-size: 8px;
}

.integrations-catalog .region-stats {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 10px;
}

.integrations-catalog .region-stats > div {
    background: rgba(255, 255, 255, .025);
    border-radius: 8px;
    padding: 8px;
}

.integrations-catalog .region-stats span,
.integrations-catalog .region-stats strong {
    display: block;
}

.integrations-catalog .region-stats span {
    color: var(--wtp-text-muted);
    font-size: 7px;
}

.integrations-catalog .region-stats strong {
    font-size: 14px;
    margin-top: 3px;
}

.integrations-catalog .connection-profile-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1.6fr) minmax(260px, .8fr);
    margin-bottom: 16px;
}

.integrations-catalog .profile-state-grid,
.integrations-catalog .webhook-security-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 12px 0;
}

.integrations-catalog .profile-state-grid > div,
.integrations-catalog .webhook-security-grid > div {
    background: rgba(255, 255, 255, .025);
    border: 1px solid rgba(139, 178, 214, .1);
    border-radius: 9px;
    padding: 9px;
}

.integrations-catalog .profile-state-grid span,
.integrations-catalog .webhook-security-grid span {
    color: var(--wtp-text-muted);
    display: block;
    font-size: 7px;
    text-transform: uppercase;
}

.integrations-catalog .profile-state-grid strong,
.integrations-catalog .webhook-security-grid strong {
    display: block;
    font-size: 10px;
    margin-top: 4px;
}

.integrations-catalog .reference-summary {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 12px 0;
}

.integrations-catalog .reference-summary article {
    align-items: flex-start;
    background: rgba(255, 255, 255, .025);
    border: 1px solid rgba(139, 178, 214, .1);
    border-radius: 10px;
    display: flex;
    gap: 8px;
    padding: 10px;
}

.integrations-catalog .reference-icon {
    align-items: center;
    background: var(--wtp-info-soft);
    border-radius: 8px;
    color: var(--wtp-info);
    display: inline-flex;
    flex: 0 0 28px;
    font-size: 10px;
    font-weight: 800;
    height: 28px;
    justify-content: center;
}

.integrations-catalog .reference-summary strong {
    display: block;
    font-size: 9px;
}

.integrations-catalog .reference-summary p {
    color: var(--wtp-text-muted);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 8px;
    margin: 4px 0 0;
    overflow-wrap: anywhere;
}

.integrations-catalog .reference-examples {
    display: grid;
    gap: 5px;
    margin-top: 12px;
}

.integrations-catalog .reference-examples > strong {
    color: var(--wtp-text-muted);
    font-size: 8px;
    text-transform: uppercase;
}

.integrations-catalog .reference-examples code {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(139, 178, 214, .1);
    border-radius: 7px;
    color: #b8d5ef;
    font-size: 8px;
    overflow-wrap: anywhere;
    padding: 6px 7px;
}

.integrations-catalog .deny-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 14px;
}

.integrations-catalog .deny-list span {
    background: var(--wtp-danger-soft);
    border: 1px solid rgba(255, 113, 140, .18);
    border-radius: 999px;
    color: #ff9caf;
    font-size: 7px;
    padding: 4px 7px;
}

.integrations-catalog .deny-list--large {
    display: grid;
    gap: 7px;
}

.integrations-catalog .deny-list--large span {
    border-radius: 8px;
    font-size: 9px;
    padding: 7px 8px;
}

.integrations-catalog .health-layout {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(280px, .9fr) minmax(0, 1.4fr);
}

.integrations-catalog .health-score-card {
    align-items: center;
    display: flex;
    gap: 18px;
}

.integrations-catalog .health-score-card__ring {
    align-items: baseline;
    border: 8px solid var(--wtp-border);
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 116px;
    height: 116px;
    justify-content: center;
    position: relative;
}

.integrations-catalog .health-score-card__ring[data-tone='success'] {
    border-color: rgba(53, 214, 180, .4);
    box-shadow: inset 0 0 20px rgba(53, 214, 180, .08);
}

.integrations-catalog .health-score-card__ring[data-tone='warning'] {
    border-color: rgba(245, 189, 86, .42);
}

.integrations-catalog .health-score-card__ring[data-tone='danger'] {
    border-color: rgba(255, 113, 140, .42);
}

.integrations-catalog .health-score-card__ring strong {
    font-size: 32px;
    line-height: 100px;
}

.integrations-catalog .health-score-card__ring span {
    color: var(--wtp-text-muted);
    font-size: 9px;
}

.integrations-catalog .health-score-card h4 {
    font-size: 18px;
    margin: 5px 0;
}

.integrations-catalog .test-preview-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 12px;
}

.integrations-catalog .test-boundary-list {
    display: grid;
    gap: 7px;
}

.integrations-catalog .test-boundary-list > div {
    align-items: center;
    background: rgba(255, 255, 255, .025);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 8px;
}

.integrations-catalog .test-boundary-list span {
    color: var(--wtp-text-muted);
    font-size: 8px;
}

.integrations-catalog .test-boundary-list strong {
    font-size: 9px;
}

.integrations-catalog .reason-list {
    color: var(--wtp-warning);
    font-size: 9px;
    line-height: 1.55;
    margin: 12px 0 0;
    padding-left: 18px;
}

.integrations-catalog .health-matrix {
    margin-top: 16px;
}

.integrations-catalog .health-matrix__grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
}

.integrations-catalog .health-tile {
    background: rgba(255, 255, 255, .025);
    border: 1px solid var(--wtp-border);
    border-radius: 11px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 95px;
    padding: 11px;
    text-align: left;
}

.integrations-catalog .health-tile:hover {
    border-color: var(--wtp-border-strong);
}

.integrations-catalog .health-tile[data-tone='success'] {
    background: linear-gradient(145deg, rgba(53, 214, 180, .08), rgba(255, 255, 255, .02));
}

.integrations-catalog .health-tile[data-tone='warning'] {
    background: linear-gradient(145deg, rgba(245, 189, 86, .08), rgba(255, 255, 255, .02));
}

.integrations-catalog .health-tile[data-tone='danger'] {
    background: linear-gradient(145deg, rgba(255, 113, 140, .08), rgba(255, 255, 255, .02));
}

.integrations-catalog .health-tile__score {
    color: var(--wtp-text-soft);
    font-size: 18px;
    font-weight: 800;
}

.integrations-catalog .health-tile strong {
    font-size: 9px;
    line-height: 1.3;
}

.integrations-catalog .health-tile small {
    color: var(--wtp-text-muted);
    font-size: 8px;
}

.integrations-catalog .webhook-layout {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
}

.integrations-catalog .webhook-events {
    margin-top: 14px;
}

.integrations-catalog .flow-steps {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
}

.integrations-catalog .flow-steps li {
    align-items: center;
    display: flex;
    gap: 9px;
    position: relative;
}

.integrations-catalog .flow-steps li > span {
    align-items: center;
    background: var(--wtp-accent-soft);
    border: 1px solid rgba(53, 214, 180, .22);
    border-radius: 50%;
    color: var(--wtp-accent);
    display: inline-flex;
    flex: 0 0 28px;
    font-size: 9px;
    font-weight: 800;
    height: 28px;
    justify-content: center;
}

.integrations-catalog .flow-steps strong,
.integrations-catalog .flow-steps small {
    display: block;
}

.integrations-catalog .flow-steps strong {
    font-size: 9px;
}

.integrations-catalog .flow-steps small {
    color: var(--wtp-text-muted);
    font-size: 8px;
    margin-top: 2px;
}

.integrations-catalog .webhook-catalog {
    margin-top: 16px;
}

.integrations-catalog .webhook-cards {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.integrations-catalog .webhook-mini-card {
    background: rgba(255, 255, 255, .022);
    border: 1px solid var(--wtp-border);
    border-radius: 11px;
    padding: 11px;
}

.integrations-catalog .webhook-mini-card strong {
    font-size: 10px;
}

.integrations-catalog .webhook-mini-card p {
    color: var(--wtp-text-muted);
    font-size: 8px;
    margin: 6px 0 9px;
}

.integrations-catalog .sync-builder {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, .6fr);
}

.integrations-catalog .form-grid {
    display: grid;
    gap: 9px;
}

.integrations-catalog .form-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.integrations-catalog .form-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.integrations-catalog .full-field {
    margin-top: 10px;
}

.integrations-catalog .full-field textarea,
.integrations-catalog .form-section textarea {
    min-height: 120px;
    resize: vertical;
}

.integrations-catalog .full-field small,
.integrations-catalog .form-section label small {
    color: var(--wtp-text-muted);
    font-size: 8px;
    line-height: 1.45;
}

.integrations-catalog .input-action-row {
    align-items: stretch;
    display: grid;
    gap: 7px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.integrations-catalog .sync-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 12px;
}

.integrations-catalog .jobs-section {
    margin-top: 18px;
}

.integrations-catalog .subheading--filters {
    align-items: flex-end;
}

.integrations-catalog .table-filters,
.integrations-catalog .events-toolbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.integrations-catalog .table-filters input,
.integrations-catalog .events-toolbar input {
    min-width: 210px;
}

.integrations-catalog .table-filters select,
.integrations-catalog .events-toolbar select {
    width: auto;
}

.integrations-catalog .events-toolbar {
    background: rgba(255, 255, 255, .022);
    border: 1px solid var(--wtp-border);
    border-radius: 11px;
    margin-bottom: 14px;
    padding: 9px;
}

.integrations-catalog .events-timeline {
    display: grid;
    gap: 0;
}

.integrations-catalog .event-row {
    display: grid;
    gap: 12px;
    grid-template-columns: 18px minmax(0, 1fr);
    min-width: 0;
}

.integrations-catalog .event-row__rail {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.integrations-catalog .event-line {
    background: rgba(139, 178, 214, .13);
    flex: 1 1 auto;
    margin-top: 5px;
    width: 1px;
}

.integrations-catalog .event-row:last-child .event-line {
    display: none;
}

.integrations-catalog .event-row__content {
    background: rgba(255, 255, 255, .022);
    border: 1px solid var(--wtp-border);
    border-radius: 11px;
    margin-bottom: 10px;
    min-width: 0;
    padding: 11px;
}

.integrations-catalog .event-row__content > header {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.integrations-catalog .event-row__content > header > div {
    align-items: center;
    display: flex;
    gap: 7px;
    min-width: 0;
}

.integrations-catalog .event-row__content > header strong {
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.integrations-catalog .event-row__content time {
    color: var(--wtp-text-muted);
    flex: 0 0 auto;
    font-size: 8px;
}

.integrations-catalog .event-row__content > p {
    color: var(--wtp-text-soft);
    font-size: 9px;
    line-height: 1.55;
    margin: 9px 0;
}

.integrations-catalog .event-meta-grid {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 9px 0;
}

.integrations-catalog .event-meta-grid > span {
    background: rgba(255, 255, 255, .022);
    border-radius: 8px;
    padding: 7px;
}

.integrations-catalog .event-meta-grid small,
.integrations-catalog .event-meta-grid strong {
    display: block;
}

.integrations-catalog .event-meta-grid small {
    color: var(--wtp-text-muted);
    font-size: 7px;
    text-transform: uppercase;
}

.integrations-catalog .event-meta-grid strong {
    font-size: 8px;
    margin-top: 3px;
    overflow-wrap: anywhere;
}

.integrations-catalog .governance-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.integrations-catalog .governance-card {
    align-items: flex-start;
    background: var(--wtp-panel-soft);
    border: 1px solid var(--wtp-border);
    border-radius: 13px;
    display: flex;
    gap: 10px;
    padding: 13px;
}

.integrations-catalog .governance-card__icon {
    align-items: center;
    background: rgba(255, 255, 255, .035);
    border-radius: 9px;
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
}

.integrations-catalog .governance-card h4 {
    font-size: 11px;
    margin: 0 0 5px;
}

.integrations-catalog .governance-card strong {
    color: var(--wtp-accent);
    display: block;
    font-size: 8px;
    margin-top: 8px;
    text-transform: uppercase;
}

.integrations-catalog .governance-card--warning strong {
    color: var(--wtp-warning);
}

.integrations-catalog .governance-detail-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 12px;
}

.integrations-catalog .governance-detail-card h4,
.integrations-catalog .governance-json-card h4 {
    font-size: 13px;
    margin: 4px 0 12px;
}

.integrations-catalog .governance-json-card {
    margin-top: 12px;
}

.integrations-catalog .governance-json-card pre,
.integrations-catalog .drawer-content--code pre {
    background: #04101d;
    border: 1px solid rgba(139, 178, 214, .12);
    border-radius: 10px;
    color: #a9c9e3;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 9px;
    line-height: 1.55;
    margin: 0;
    max-height: 420px;
    overflow: auto;
    padding: 12px;
    white-space: pre-wrap;
    word-break: break-word;
}

.integrations-catalog .wtp-empty {
    color: var(--wtp-text-muted);
    font-size: 10px;
    line-height: 1.55;
    padding: 14px;
    text-align: center;
}

.integrations-catalog .wtp-empty--large {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 420px;
}

.integrations-catalog .drawer {
    inset: 0;
    pointer-events: none;
    position: fixed;
    z-index: 1000;
}

.integrations-catalog .drawer.is-open {
    pointer-events: auto;
}

.integrations-catalog .drawer-backdrop {
    background: rgba(0, 6, 14, .68);
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .2s ease;
}

.integrations-catalog .drawer.is-open .drawer-backdrop {
    opacity: 1;
}

.integrations-catalog .drawer-panel {
    background: #081725;
    border-left: 1px solid var(--wtp-border-strong);
    box-shadow: -30px 0 70px rgba(0, 0, 0, .35);
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: calc(100vw - 24px);
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(105%);
    transition: transform .24s ease;
    width: 520px;
}

.integrations-catalog .drawer-panel--wide {
    width: 760px;
}

.integrations-catalog .drawer.is-open .drawer-panel {
    transform: translateX(0);
}

.integrations-catalog .drawer-header {
    align-items: flex-start;
    border-bottom: 1px solid var(--wtp-border);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 20px;
}

.integrations-catalog .drawer-header h3 {
    font-size: 18px;
    margin: 5px 0 4px;
}

.integrations-catalog .drawer-header p {
    color: var(--wtp-text-muted);
    font-size: 9px;
    margin: 0;
}

.integrations-catalog .drawer-close {
    align-items: center;
    background: rgba(255, 255, 255, .035);
    border: 1px solid var(--wtp-border);
    border-radius: 9px;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 34px;
    font-size: 20px;
    height: 34px;
    justify-content: center;
}

.integrations-catalog .drawer-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 18px 20px;
}

.integrations-catalog .drawer-content--code {
    padding: 14px;
}

.integrations-catalog .drawer-content--code pre {
    height: 100%;
    max-height: none;
}

.integrations-catalog .drawer-footer {
    align-items: center;
    border-top: 1px solid var(--wtp-border);
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding: 14px 20px;
}

.integrations-catalog .copy-confirm {
    color: var(--wtp-accent);
    font-size: 9px;
    margin-right: auto;
}

.integrations-catalog .form-section {
    border-bottom: 1px solid var(--wtp-border);
    display: grid;
    gap: 10px;
    padding: 0 0 16px;
    margin-bottom: 16px;
}

.integrations-catalog .form-section:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.integrations-catalog .form-section__label {
    color: var(--wtp-accent);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.integrations-catalog .switch-field--large {
    align-items: flex-start;
    background: rgba(255, 255, 255, .025);
    border: 1px solid var(--wtp-border);
    border-radius: 10px;
    padding: 10px;
}

.integrations-catalog .switch-field--large input {
    margin-top: 2px;
}

.integrations-catalog .switch-field--large span {
    display: flex;
    flex-direction: column;
}

.integrations-catalog .switch-field--large strong {
    color: var(--wtp-text);
    font-size: 10px;
}

.integrations-catalog .switch-field--large small {
    color: var(--wtp-text-muted);
    font-size: 8px;
    margin-top: 2px;
}

.integrations-catalog .quick-values {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.integrations-catalog .quick-values button {
    background: rgba(255, 255, 255, .025);
    border: 1px solid var(--wtp-border);
    border-radius: 7px;
    color: var(--wtp-text-soft);
    cursor: pointer;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 7px;
    padding: 5px 6px;
}

.integrations-catalog .quick-values button:hover {
    border-color: rgba(53, 214, 180, .26);
    color: var(--wtp-accent);
}

.integrations-catalog .is-invalid {
    border-color: rgba(255, 113, 140, .55) !important;
}

.integrations-catalog .field-error {
    color: var(--wtp-danger) !important;
}

.integrations-catalog .drawer-warning {
    background: var(--wtp-warning-soft);
    border: 1px solid rgba(245, 189, 86, .22);
    border-radius: 10px;
    padding: 10px;
}

.integrations-catalog .drawer-warning strong {
    color: var(--wtp-warning);
    display: block;
    font-size: 9px;
    text-transform: uppercase;
}

.integrations-catalog .drawer-warning p {
    color: var(--wtp-text-soft);
    font-size: 9px;
    line-height: 1.55;
    margin: 5px 0 0;
}

.integrations-catalog .is-compact .connector-list-item {
    padding-bottom: 7px;
    padding-top: 7px;
}

.integrations-catalog .is-compact .connector-avatar {
    flex-basis: 32px;
    height: 32px;
}

.integrations-catalog .is-compact .connector-list-item__badges {
    margin-top: 3px;
}

.integrations-catalog .is-compact .workspace-panel {
    padding: 15px;
}

.integrations-catalog .is-compact .summary-card,
.integrations-catalog .is-compact .timeline-card,
.integrations-catalog .is-compact .connection-profile-card,
.integrations-catalog .is-compact .connection-rule-card,
.integrations-catalog .is-compact .test-card,
.integrations-catalog .is-compact .webhook-contract-card,
.integrations-catalog .is-compact .webhook-flow-card,
.integrations-catalog .is-compact .sync-builder__form,
.integrations-catalog .is-compact .sync-builder__preview {
    padding: 11px;
}

@media (min-width: 1650px) {
    .integrations-catalog .integration-layout {
        grid-template-columns: 350px minmax(0, 1fr);
    }

    .integrations-catalog .integration-tab__text small {
        display: block;
    }

    .integrations-catalog .integration-tab {
        padding-left: 11px;
        padding-right: 11px;
    }

    .integrations-catalog .integration-metrics {
        gap: 14px;
    }

    .integrations-catalog .overview-grid {
        gap: 14px;
    }
}

@media (max-width: 1500px) {
    .integrations-catalog .integration-boundary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .integrations-catalog .integration-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .integrations-catalog .integration-refresh-control .last-refresh {
        display: none;
    }

    .integrations-catalog .overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .integrations-catalog .governance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.integrations-catalog .hc065-import {
    min-width: 0;
    overflow: hidden;
}

.integrations-catalog .hc065-import__heading,
.integrations-catalog .hc065-import-grid,
.integrations-catalog .hc065-import-card,
.integrations-catalog .hc065-import-commit {
    min-width: 0;
}

.integrations-catalog .hc065-import__truth {
    align-self: flex-start;
    background: var(--wtp-accent-soft);
    border: 1px solid rgba(53, 214, 180, .3);
    border-radius: 999px;
    color: var(--wtp-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    padding: 8px 11px;
    white-space: nowrap;
}

.integrations-catalog .hc065-import-rail {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    list-style: none;
    margin: 18px 0;
    padding: 0;
}

.integrations-catalog .hc065-import-rail li {
    background: rgba(255, 255, 255, .025);
    border: 1px solid var(--wtp-border);
    border-radius: 12px;
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 10px;
}

.integrations-catalog .hc065-import-rail li > span {
    align-items: center;
    background: rgba(113, 134, 155, .16);
    border-radius: 50%;
    color: var(--wtp-text-muted);
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    height: 22px;
    justify-content: center;
    width: 22px;
}

.integrations-catalog .hc065-import-rail strong,
.integrations-catalog .hc065-import-rail small,
.integrations-catalog .hc065-import-card,
.integrations-catalog .hc065-import-commit,
.integrations-catalog .hc065-import-hint {
    overflow-wrap: anywhere;
}

.integrations-catalog .hc065-import-rail strong { font-size: 11px; line-height: 1.25; }
.integrations-catalog .hc065-import-rail small { color: var(--wtp-text-muted); font-size: 9px; line-height: 1.35; }
.integrations-catalog .hc065-import-rail .is-ready { border-color: rgba(53, 214, 180, .3); }
.integrations-catalog .hc065-import-rail .is-ready > span { background: var(--wtp-accent-soft); color: var(--wtp-accent); }
.integrations-catalog .hc065-import-rail .is-hold { background: var(--wtp-warning-soft); border-color: rgba(245, 189, 86, .3); }
.integrations-catalog .hc065-import-rail .is-hold > span { background: rgba(245, 189, 86, .2); color: var(--wtp-warning); }

.integrations-catalog .hc065-import-boundaries {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 16px;
}

.integrations-catalog .hc065-import-boundaries article,
.integrations-catalog .hc065-import-card,
.integrations-catalog .hc065-import-commit {
    background: var(--wtp-panel-soft);
    border: 1px solid var(--wtp-border);
    border-radius: 14px;
    padding: 15px;
}

.integrations-catalog .hc065-import-boundaries article { display: grid; gap: 5px; }
.integrations-catalog .hc065-import-boundaries strong { font-size: 12px; }
.integrations-catalog .hc065-import-boundaries small,
.integrations-catalog .hc065-import-card p,
.integrations-catalog .hc065-import-commit small,
.integrations-catalog .hc065-import-commit > span { color: var(--wtp-text-muted); font-size: 10px; line-height: 1.5; }
.integrations-catalog .hc065-import-boundaries .is-hold { background: var(--wtp-warning-soft); border-color: rgba(245, 189, 86, .3); }

.integrations-catalog .hc065-import-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 12px;
}

.integrations-catalog .hc065-import-grid--results { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.integrations-catalog .hc065-import-card { display: grid; gap: 12px; }
.integrations-catalog .hc065-import-card h4,
.integrations-catalog .hc065-import-commit h4 { margin: 4px 0 0; }
.integrations-catalog .hc065-import-card code { color: var(--wtp-accent); }
.integrations-catalog .hc065-import-card details { min-width: 0; }
.integrations-catalog .hc065-import-card pre { max-height: 280px; overflow: auto; white-space: pre-wrap; word-break: break-word; }

.integrations-catalog .hc065-import-form {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.integrations-catalog .hc065-import-form label,
.integrations-catalog .hc065-import-card > label,
.integrations-catalog .hc065-import-mapping {
    color: var(--wtp-text-muted);
    display: grid;
    font-size: 10px;
    gap: 6px;
    min-width: 0;
}

.integrations-catalog .hc065-import-form .is-wide { grid-column: 1 / -1; }
.integrations-catalog .hc065-import-mapping textarea { min-height: 190px; resize: vertical; }
.integrations-catalog .hc065-import-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
.integrations-catalog .hc065-import-actions small { color: var(--wtp-text-muted); flex: 1 1 190px; font-size: 10px; }
.integrations-catalog .hc065-import-hint,
.integrations-catalog .hc065-import-empty { background: rgba(93, 169, 255, .08); border-radius: 9px; color: var(--wtp-text-muted); font-size: 10px; margin: 0; padding: 10px; }

.integrations-catalog .hc065-import-facts {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.integrations-catalog .hc065-import-facts div,
.integrations-catalog .hc065-import-job { background: rgba(255, 255, 255, .025); border: 1px solid var(--wtp-border); border-radius: 9px; display: grid; gap: 3px; min-width: 0; padding: 9px; }
.integrations-catalog .hc065-import-facts dt { color: var(--wtp-text-muted); font-size: 9px; text-transform: uppercase; }
.integrations-catalog .hc065-import-facts dd { font-size: 11px; margin: 0; overflow-wrap: anywhere; }
.integrations-catalog .hc065-import-job span { color: var(--wtp-text-muted); font-size: 10px; overflow-wrap: anywhere; }

.integrations-catalog .hc065-import-commit {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: 4px;
}

.integrations-catalog .hc065-import-commit p { color: var(--wtp-warning); margin: 6px 0; }
.integrations-catalog .hc065-import-commit > span { grid-column: 1 / -1; }

@media (max-width: 1024px) {
    .integrations-catalog .hc065-import-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .integrations-catalog .hc065-import-grid--results { grid-template-columns: 1fr; }
    .integrations-catalog .hc065-import { max-width: 100%; }
}

@media (max-width: 768px) {
    .integrations-catalog .hc065-import-rail,
.integrations-catalog .hc065-import-boundaries,
.integrations-catalog .hc065-import-grid,
.integrations-catalog .hc065-import-form,
.integrations-catalog .hc065-import-facts,
.integrations-catalog .hc065-import-commit { grid-template-columns: 1fr; }
    .integrations-catalog .hc065-import-rail li { grid-template-columns: auto minmax(0, 1fr); }
    .integrations-catalog .hc065-import-rail li small { grid-column: 2; }
    .integrations-catalog .hc065-import-form .is-wide,
.integrations-catalog .hc065-import-commit > span { grid-column: 1; }
    .integrations-catalog .hc065-import-actions,
.integrations-catalog .hc065-import-actions .wtp-btn,
.integrations-catalog .hc065-import-commit .wtp-btn { width: 100%; }
}

@media (max-width: 390px) {
    .integrations-catalog .hc065-import-card,
.integrations-catalog .hc065-import-boundaries article,
.integrations-catalog .hc065-import-commit { padding: 12px; }
    .integrations-catalog .hc065-import__truth { white-space: normal; }
}

@media (max-width: 320px) {
    .integrations-catalog .hc065-import-rail { gap: 5px; }
    .integrations-catalog .hc065-import-card input,
.integrations-catalog .hc065-import-card select,
.integrations-catalog .hc065-import-card textarea,
.integrations-catalog .hc065-import-card .wtp-btn { max-width: 100%; width: 100%; }
}

@media (max-width: 1260px) {
    .integrations-catalog .integration-layout {
        grid-template-columns: 270px minmax(0, 1fr);
    }

    .integrations-catalog .integration-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .integrations-catalog .integration-hero__actions {
        justify-content: flex-start;
    }

    .integrations-catalog .integration-refresh-control {
        display: none;
    }

    .integrations-catalog .connector-header {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .integrations-catalog .connector-header__actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .integrations-catalog .connection-profile-grid,
.integrations-catalog .health-layout,
.integrations-catalog .webhook-layout,
.integrations-catalog .sync-builder {
        grid-template-columns: 1fr;
    }

    .integrations-catalog .governance-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1020px) {
    .integrations-catalog .integration-layout {
        display: block;
    }

    .integrations-catalog .integration-sidebar {
        margin-bottom: 14px;
        max-height: 460px;
    }

    .integrations-catalog .sidebar-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .integrations-catalog .connector-list {
        display: grid;
        gap: 4px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .integrations-catalog .integration-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .integrations-catalog .profile-state-grid,
.integrations-catalog .webhook-security-grid,
.integrations-catalog .event-meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .integrations-catalog .overview-lower-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .integrations-catalog .integration-hero {
        border-radius: 16px;
        padding: 20px;
    }

    .integrations-catalog .integration-hero__copy h2 {
        font-size: 31px;
    }

    .integrations-catalog .integration-boundary,
.integrations-catalog .integration-metrics,
.integrations-catalog .overview-grid,
.integrations-catalog .governance-grid,
.integrations-catalog .governance-detail-grid,
.integrations-catalog .test-preview-grid,
.integrations-catalog .reference-summary,
.integrations-catalog .summary-list--columns {
        grid-template-columns: 1fr;
    }

    .integrations-catalog .integration-toolbar {
        border-radius: 13px;
    }

    .integrations-catalog .sidebar-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .integrations-catalog .connector-list {
        grid-template-columns: 1fr;
    }

    .integrations-catalog .connector-header {
        align-items: flex-start;
        grid-template-columns: 1fr;
    }

    .integrations-catalog .connector-header__state,
.integrations-catalog .connector-header__actions {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .integrations-catalog .workspace-panel {
        padding: 14px;
    }

    .integrations-catalog .panel-heading,
.integrations-catalog .subheading,
.integrations-catalog .subheading--filters {
        align-items: stretch;
        flex-direction: column;
    }

    .integrations-catalog .table-filters,
.integrations-catalog .events-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .integrations-catalog .table-filters input,
.integrations-catalog .table-filters select,
.integrations-catalog .events-toolbar input,
.integrations-catalog .events-toolbar select {
        min-width: 0;
        width: 100%;
    }

    .integrations-catalog .form-grid--two,
.integrations-catalog .form-grid--three,
.integrations-catalog .profile-state-grid,
.integrations-catalog .webhook-security-grid,
.integrations-catalog .event-meta-grid {
        grid-template-columns: 1fr;
    }

    .integrations-catalog .health-score-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .integrations-catalog .drawer-panel,
.integrations-catalog .drawer-panel--wide {
        max-width: 100vw;
        width: 100vw;
    }
}

@media (max-width: 520px) {
    .integrations-catalog .integration-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .integrations-catalog .integration-hero__actions .wtp-btn {
        width: 100%;
    }

    .integrations-catalog .sidebar-filters {
        grid-template-columns: 1fr;
    }

    .integrations-catalog .integration-tab__text {
        display: none;
    }

    .integrations-catalog .integration-tab {
        min-height: 42px;
        padding: 5px;
    }

    .integrations-catalog .integration-tab__icon {
        flex-basis: 30px;
    }

    .integrations-catalog .connector-header__identity {
        align-items: flex-start;
    }

    .integrations-catalog .connector-header__avatar {
        flex-basis: 42px;
        height: 42px;
    }

    .integrations-catalog .sync-actions,
.integrations-catalog .drawer-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .integrations-catalog .sync-actions .wtp-btn,
.integrations-catalog .drawer-footer .wtp-btn {
        width: 100%;
    }

    .integrations-catalog .input-action-row {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .integrations-catalog .wtp-btn,
.integrations-catalog .drawer-panel,
.integrations-catalog .drawer-backdrop,
.integrations-catalog .loader-dot {
        animation: none !important;
        transition: none !important;
    }
}

@media print {
    .integrations-catalog .integration-hero__actions,
.integrations-catalog .integration-toolbar,
.integrations-catalog .integration-sidebar,
.integrations-catalog .drawer,
.integrations-catalog .panel-heading__actions,
.integrations-catalog .inline-link,
.integrations-catalog button {
        display: none !important;
    }

    .integrations-catalog .integration-layout {
        display: block;
    }

    .integrations-catalog .integration-workspace,
.integrations-catalog .integration-hero,
.integrations-catalog .summary-card,
.integrations-catalog .timeline-card,
.integrations-catalog .workspace-panel {
        background: #fff !important;
        border-color: #bbb !important;
        box-shadow: none !important;
        color: #111 !important;
    }

    .integrations-pro.integrations-catalog,
.integrations-pro.integrations-catalog * {
        color: #111 !important;
    }
}

/* Original Learning Governance design; scoped, prior native extensions preserved. */
.learning-governance-original{display:grid;gap:1rem}.learning-governance-original>header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.learning-governance-original h2,.learning-governance-original p{margin:.2rem 0}.learning-governance-original__stages{display:flex;flex-wrap:wrap;gap:.4rem}.learning-governance-original__stages span{padding:.35rem .55rem;border-radius:999px;background:var(--wtp-surface-subtle,#f4f6f8);font-size:.78rem}.learning-governance-original table{width:100%;border-collapse:collapse}.learning-governance-original th,.learning-governance-original td{text-align:left;padding:.55rem;border-bottom:1px solid var(--wtp-border,#d7dce3)}.learning-governance-original__boundary{padding:.75rem;border-left:4px solid var(--wtp-accent,#526cff);background:var(--wtp-surface-subtle,#f4f6f8)}@media(max-width:760px){.learning-governance-original>header{display:grid}.learning-governance-original table{font-size:.84rem}}

.learning-original-table-viewport{max-width:100%;overflow:auto}

/* Original Learning Governance Context & Interaction Rail; labels are guidance, not grants. */
.learning-governance-original .wtp-interaction-rail{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--wtp-border,#d7dce3);border-radius:var(--wtp-radius-md,10px);background:var(--wtp-surface,#fff)}
.learning-governance-original .wtp-interaction-rail header{display:flex;justify-content:space-between;gap:1rem}.learning-governance-original .wtp-interaction-rail section{border-top:1px solid var(--wtp-border,#d7dce3);padding-top:.5rem}.learning-governance-original .wtp-interaction-rail h4,.learning-governance-original .wtp-interaction-rail p{margin:.15rem 0}.learning-governance-original .wtp-interaction-rail footer{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.75rem}.learning-governance-original .wtp-interaction-rail footer span{padding:.2rem .4rem;border-radius:999px;background:var(--wtp-surface-subtle,#f4f6f8)}
.learning-governance-original .wtp-interaction-rail__state[data-state="error"],.learning-governance-original .wtp-interaction-rail__state[data-state="restricted"]{font-weight:700}.learning-governance-original .wtp-interaction-rail__state[data-state="loading"]{opacity:.7}@media(max-width:900px){.learning-governance-original .wtp-interaction-rail{font-size:.92rem}}

/* Campañas Pro original SCREEN009; selectors scoped, original rule bodies preserved. */
.campaigns-native.campanas-pro{display:block;color:#e9f2ff}.campaigns-native.campanas-pro{--bg:#07111f;--panel:#0d1b2e;--card:#12243c;--line:#213955;--text:#e9f2ff;--muted:#8fa6c2;--accent:#62d7ff;--ok:#66dfb2;--warn:#f1c967;--danger:#ff758c;--purple:#b990ff;min-height:100%;background:radial-gradient(circle at 10% 0,#12345a 0,transparent 32%),var(--bg);padding:18px;display:grid;gap:12px}.campaigns-native.campanas-pro .hero,.campaigns-native.campanas-pro .inputbar,.campaigns-native.campanas-pro .metrics>article,.campaigns-native.campanas-pro .tabs,.campaigns-native.campanas-pro .panel,.campaigns-native.campanas-pro .detail-drawer,.campaigns-native.campanas-pro .action-drawer{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.95),rgba(12,24,42,.95));border-radius:16px}.campaigns-native.campanas-pro .hero{display:flex;justify-content:space-between;gap:20px;padding:20px}.campaigns-native.campanas-pro .hero h1{margin:4px 0;font-size:28px}.campaigns-native.campanas-pro .hero p{margin:0;color:var(--muted);max-width:900px}.campaigns-native.campanas-pro .eyebrow{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.campaigns-native.campanas-pro .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.campaigns-native.campanas-pro .chips span,.campaigns-native.campanas-pro .badge{border:1px solid #31577a;border-radius:999px;padding:4px 8px;font-size:8px;color:#bfeeff}.campaigns-native.campanas-pro .actions{display:flex;gap:7px;flex-wrap:wrap;align-items:flex-start}.campaigns-native.campanas-pro button{border:1px solid var(--line);background:#10233a;color:#eaf4ff;border-radius:9px;padding:8px 10px;cursor:pointer}.campaigns-native.campanas-pro button:hover{border-color:#4c8db8}.campaigns-native.campanas-pro .primary{background:linear-gradient(135deg,#62d7ff,#7de8c4);color:#07111f;font-weight:900}.campaigns-native.campanas-pro .inputbar{display:grid;grid-template-columns:1.4fr repeat(5,.75fr) auto;gap:7px;padding:10px}.campaigns-native.campanas-pro .inputbar label,.campaigns-native.campanas-pro .action-drawer label{display:grid;gap:4px;color:var(--muted);font-size:8px;text-transform:uppercase}.campaigns-native.campanas-pro .inputbar input,.campaigns-native.campanas-pro .inputbar select,.campaigns-native.campanas-pro .action-drawer input,.campaigns-native.campanas-pro .action-drawer select,.campaigns-native.campanas-pro .action-drawer textarea{border:1px solid var(--line);background:#081725;color:#fff;border-radius:8px;padding:8px;min-width:0}.campaigns-native.campanas-pro .metrics{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.campaigns-native.campanas-pro .metrics article{padding:11px;min-height:88px;display:grid;align-content:space-between}.campaigns-native.campanas-pro .metrics span{color:var(--muted);font-size:8px;text-transform:uppercase}.campaigns-native.campanas-pro .metrics strong{font-size:17px}.campaigns-native.campanas-pro .metrics small{font-size:8px;color:#7792ae}.campaigns-native.campanas-pro .tabs{display:grid;grid-template-columns:repeat(10,1fr);padding:5px;gap:4px}.campaigns-native.campanas-pro .tabs button{border-color:transparent;background:transparent;color:var(--muted);font-size:8px;text-align:left}.campaigns-native.campanas-pro .tabs button.active{background:#16314f;border-color:#3b84ad;color:#fff}.campaigns-native.campanas-pro .workspace{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.campaigns-native.campanas-pro .panel{padding:15px;min-width:0}.campaigns-native.campanas-pro .panel.wide{min-height:370px}.campaigns-native.campanas-pro .panel header{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.campaigns-native.campanas-pro .panel h2{font-size:14px;margin:2px 0}.campaigns-native.campanas-pro .panel p{color:var(--muted)}.campaigns-native.campanas-pro .campaign-table{display:grid}.campaigns-native.campanas-pro .campaign-row{display:grid;grid-template-columns:1.6fr .7fr .55fr .55fr .5fr;gap:8px;align-items:center;text-align:left;background:#091827;border-width:0 0 1px;border-radius:0;padding:10px}.campaigns-native.campanas-pro .campaign-row strong{display:block}.campaigns-native.campanas-pro .campaign-row small{display:block;color:var(--muted);margin-top:2px}.campaigns-native.campanas-pro .campaign-row em{color:var(--accent);font-style:normal}.campaigns-native.campanas-pro .donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;margin:10px auto 18px}.campaigns-native.campanas-pro .donut>div{width:112px;height:112px;border-radius:50%;background:#081725;display:grid;place-items:center;align-content:center}.campaigns-native.campanas-pro .donut strong{font-size:28px}.campaigns-native.campanas-pro .donut small{color:var(--muted)}.campaigns-native.campanas-pro .bar-chart{display:grid;gap:8px}.campaigns-native.campanas-pro .bar-chart.large{gap:12px}.campaigns-native.campanas-pro .bar-row{display:grid;grid-template-columns:100px 1fr 90px;gap:8px;align-items:center}.campaigns-native.campanas-pro .bar-row span{font-size:8px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaigns-native.campanas-pro .bar-row b{font-size:8px;text-align:right}.campaigns-native.campanas-pro .bar{height:9px;border-radius:99px;background:#081422;overflow:hidden}.campaigns-native.campanas-pro .bar i{display:block;height:100%;background:linear-gradient(90deg,#2d7397,var(--accent));border-radius:99px}.campaigns-native.campanas-pro .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.campaigns-native.campanas-pro .campaign-card{text-align:left;background:#091827;padding:12px}.campaigns-native.campanas-pro .campaign-card h3{margin:8px 0}.campaigns-native.campanas-pro .campaign-card p{color:var(--muted);font-size:9px}.campaigns-native.campanas-pro .mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.campaigns-native.campanas-pro .mini-grid span{font-size:8px;color:var(--muted)}.campaigns-native.campanas-pro .mini-grid b{display:block;color:#fff}.campaigns-native.campanas-pro .funnel{display:grid;gap:7px;padding:15px}.campaigns-native.campanas-pro .funnel div{padding:12px;border:1px solid #2d668e;background:linear-gradient(90deg,#153d5d,#112b44);border-radius:9px;display:flex;justify-content:space-between;gap:10px}.campaigns-native.campanas-pro .callout{border:1px solid #345d7b;background:#0b1d30;padding:12px;border-radius:10px;color:#ccecff}.campaigns-native.campanas-pro .callout.warn{border-color:#705d2d;background:#2a2415;color:#ffe8a7}.campaigns-native.campanas-pro .channel-grid,.campaigns-native.campanas-pro .attribution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.campaigns-native.campanas-pro .channel-grid button,.campaigns-native.campanas-pro .attribution-grid button{display:grid;text-align:left;gap:4px;background:#091827}.campaigns-native.campanas-pro .channel-grid span,.campaigns-native.campanas-pro .attribution-grid span{font-size:8px;color:var(--muted)}.campaigns-native.campanas-pro .budget-bars{display:grid;gap:10px}.campaigns-native.campanas-pro .budget-bars>div{display:grid;grid-template-columns:150px 1fr 60px;gap:8px;align-items:center}.campaigns-native.campanas-pro .budget-bars span{font-size:8px;color:var(--muted)}.campaigns-native.campanas-pro .dual{height:11px;background:#081422;border-radius:99px;position:relative;overflow:hidden}.campaigns-native.campanas-pro .dual i{display:block;height:100%;background:linear-gradient(90deg,var(--warn),var(--danger))}.campaigns-native.campanas-pro .dual em{position:absolute;top:0;width:2px;height:100%;background:#fff}.campaigns-native.campanas-pro .insight{border-bottom:1px solid var(--line);padding:9px 0}.campaigns-native.campanas-pro .insight p{font-size:9px;margin:4px 0}.campaigns-native.campanas-pro .insight small{color:#6c8aa8}.campaigns-native.campanas-pro .ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.campaigns-native.campanas-pro .ab-grid>div{border:1px solid var(--line);padding:14px;border-radius:12px;background:#091827}.campaigns-native.campanas-pro .ab-grid span,.campaigns-native.campanas-pro .ab-grid strong{display:block;margin-bottom:8px}.campaigns-native.campanas-pro .control-chart{border:1px solid var(--line);background:#081523;border-radius:12px;padding:12px}.campaigns-native.campanas-pro .control-chart svg{width:100%;height:240px}.campaigns-native.campanas-pro .trend{fill:none;stroke:var(--accent);stroke-width:4}.campaigns-native.campanas-pro .ucl{stroke:var(--danger);stroke-dasharray:8 6}.campaigns-native.campanas-pro .cl{stroke:var(--warn);stroke-dasharray:8 6}.campaigns-native.campanas-pro .lcl{stroke:var(--ok);stroke-dasharray:8 6}.campaigns-native.campanas-pro .point{fill:#173653;stroke:var(--accent);stroke-width:3;cursor:pointer}.campaigns-native.campanas-pro .point:hover{r:10}.campaigns-native.campanas-pro .control-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:8px;color:var(--muted)}.campaigns-native.campanas-pro .heatmap{display:grid;gap:4px}.campaigns-native.campanas-pro .heatmap>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.campaigns-native.campanas-pro .heatmap button{min-height:50px;background:#1f6e93}.campaigns-native.campanas-pro .source-list{display:grid;gap:8px}.campaigns-native.campanas-pro .source-list span{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0;color:var(--muted);font-size:9px}.campaigns-native.campanas-pro .source-list b{color:#fff}.campaigns-native.campanas-pro .empty{padding:18px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);text-align:center}.campaigns-native.campanas-pro .error{color:var(--danger)}.campaigns-native.campanas-pro .detail-drawer,.campaigns-native.campanas-pro .action-drawer{position:fixed;right:18px;top:88px;width:min(390px,calc(100vw - 36px));padding:16px;z-index:20;box-shadow:0 30px 80px #0009}.campaigns-native.campanas-pro .detail-drawer header,.campaigns-native.campanas-pro .action-drawer header{display:flex;justify-content:space-between;align-items:center}.campaigns-native.campanas-pro .action-drawer{display:grid;gap:10px}.campaigns-native.campanas-pro .boundary{font-size:8px;color:var(--ok);border:1px solid #28543f;background:#10251d;padding:9px;border-radius:8px}@media(max-width:1250px){.campaigns-native.campanas-pro .metrics{grid-template-columns:repeat(4,1fr)}.campaigns-native.campanas-pro .tabs{grid-template-columns:repeat(5,1fr)}.campaigns-native.campanas-pro .inputbar{grid-template-columns:repeat(3,1fr)}.campaigns-native.campanas-pro .cards,.campaigns-native.campanas-pro .channel-grid,.campaigns-native.campanas-pro .attribution-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.campaigns-native.campanas-pro{padding:10px}.campaigns-native.campanas-pro .hero{display:grid}.campaigns-native.campanas-pro .workspace{grid-template-columns:1fr}.campaigns-native.campanas-pro .metrics{grid-template-columns:repeat(2,1fr)}.campaigns-native.campanas-pro .tabs{display:flex;overflow:auto}.campaigns-native.campanas-pro .tabs button{min-width:150px}.campaigns-native.campanas-pro .inputbar{grid-template-columns:1fr 1fr}.campaigns-native.campanas-pro .campaign-row{grid-template-columns:1fr .6fr}.campaigns-native.campanas-pro .campaign-row span:nth-child(3),.campaigns-native.campanas-pro .campaign-row span:nth-child(4),.campaigns-native.campanas-pro .campaign-row em{display:none}}@media(max-width:560px){.campaigns-native.campanas-pro .inputbar,.campaigns-native.campanas-pro .cards,.campaigns-native.campanas-pro .channel-grid,.campaigns-native.campanas-pro .attribution-grid,.campaigns-native.campanas-pro .ab-grid{grid-template-columns:1fr}.campaigns-native.campanas-pro .budget-bars>div{grid-template-columns:100px 1fr}.campaigns-native.campanas-pro .budget-bars b{display:none}}

.campaigns-native.campanas-pro .campaigns-source-note{grid-column:1/-1;text-transform:none}.campaigns-native.campanas-pro .detail-drawer,.campaigns-native.campanas-pro .action-drawer{max-height:calc(100vh - 110px);overflow:auto;overflow-wrap:anywhere}

/* Products Pro CPQ original .14/.14.1/.14.2; selectors scoped, rule bodies preserved. */
.products-native{--line:#213955;--accent:#62d7ff;--muted:#8fa6c2}
.products-native .cpq-foundation{border:1px solid #315979;background:linear-gradient(145deg,rgba(12,31,52,.98),rgba(9,22,38,.98));border-radius:16px;padding:14px;margin:10px 0}.products-native .cpq-foundation>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.products-native .cpq-foundation h2{margin:3px 0}.products-native .cpq-foundation p{color:var(--muted);max-width:880px}.products-native .boundary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.products-native .boundary-grid span{border:1px solid #725f2a;background:#2a2515;color:#f7dc85;border-radius:9px;padding:8px;font-size:9px;font-weight:800;text-align:center}.products-native .cpq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.products-native .cpq-grid article{display:grid;gap:5px;min-height:92px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#091827}.products-native .cpq-grid strong{font-size:22px;color:var(--accent)}.products-native .cpq-grid small{color:var(--muted);font-size:8px}.products-native .cpq-actions button{padding:5px 7px}.products-native .cpq-request{display:grid;grid-template-columns:1fr 2fr auto;gap:8px;margin-top:10px;align-items:end}.products-native .cpq-request label{display:grid;gap:4px;color:var(--muted);font-size:8px;text-transform:uppercase}.products-native .cpq-request input,.products-native .cpq-request select{background:#081523;color:#fff;border:1px solid var(--line);border-radius:8px;padding:8px}.products-native .cpq-result{white-space:pre-wrap;max-height:220px;overflow:auto;background:#050d17;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:9px}@media(max-width:1050px){.products-native .cpq-grid,.products-native .boundary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.products-native .cpq-grid,.products-native .boundary-grid,.products-native .cpq-request{grid-template-columns:1fr}}.products-native .cpq-rules{margin-top:18px;padding:16px;border:1px solid rgba(127,127,127,.28);border-radius:14px}.products-native .cpq-rules>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.products-native .cpq-rules h3{margin:.2rem 0}.products-native .rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.products-native .rule-grid article{padding:12px;border:1px solid rgba(127,127,127,.2);border-radius:10px}.products-native .rule-grid strong,.products-native .rule-grid small{display:block;margin-top:5px}.products-native .rule-actions{display:grid;grid-template-columns:1fr auto 1fr 1.4fr auto;gap:10px;align-items:end}.products-native .rule-actions label{display:grid;gap:5px}.products-native .rule-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.products-native .rule-results pre{max-height:260px;overflow:auto;white-space:pre-wrap}@media(max-width:980px){.products-native .rule-grid{grid-template-columns:1fr 1fr}.products-native .rule-actions{grid-template-columns:1fr}.products-native .rule-results{grid-template-columns:1fr}}.products-native .pricing-governance{margin-top:18px;padding:16px;border:1px solid rgba(98,215,255,.32);border-radius:14px;background:rgba(8,21,35,.56)}.products-native .pricing-governance>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.products-native .pricing-governance h3{margin:.2rem 0}.products-native .pricing-boundaries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.products-native .pricing-boundaries span{padding:8px;border:1px solid #725f2a;border-radius:9px;background:#2a2515;color:#f7dc85;font-size:9px;font-weight:800;text-align:center}.products-native .pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.products-native .pricing-grid article,.products-native .pricing-result article{padding:12px;border:1px solid rgba(127,127,127,.22);border-radius:10px;background:#091827}.products-native .pricing-grid strong,.products-native .pricing-grid small{display:block;margin-top:5px}.products-native .pricing-state strong{color:var(--accent)}.products-native .pricing-form{display:grid;grid-template-columns:1fr 1fr 1fr 2fr auto auto;gap:9px;align-items:end;margin-top:12px}.products-native .pricing-form label{display:grid;gap:5px;color:var(--muted);font-size:8px;text-transform:uppercase}.products-native .pricing-form input{background:#081523;color:#fff;border:1px solid var(--line);border-radius:8px;padding:8px}.products-native .pricing-result{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px;margin-top:12px}.products-native .pricing-evidence pre{max-height:280px;overflow:auto;white-space:pre-wrap;font-size:9px}.products-native .pricing-evidence{min-width:0}@media(max-width:1050px){.products-native .pricing-boundaries,.products-native .pricing-grid{grid-template-columns:repeat(2,1fr)}.products-native .pricing-form{grid-template-columns:repeat(2,1fr)}.products-native .pricing-result{grid-template-columns:1fr}}@media(max-width:650px){.products-native .pricing-boundaries,.products-native .pricing-grid,.products-native .pricing-form{grid-template-columns:1fr}}

/* Conserved Activities detail-drawer: original SCSS rule bodies, scoped. */
.activities-native .detail-drawer{position:fixed;right:18px;top:18px;bottom:18px;width:min(390px,calc(100vw - 36px));z-index:30;border:1px solid #365f81;background:#091522;box-shadow:0 20px 60px #0008;border-radius:16px;padding:20px;color:#fff}
.activities-native .detail-drawer button{border:1px solid #31506e;background:#12243c;color:#fff;padding:8px 10px;border-radius:9px;cursor:pointer}
.activities-native .detail-drawer .close{float:right}
.activities-native .detail-drawer .eyebrow{color:var(--accent,#62d7ff);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.activities-native .detail-drawer{box-sizing:border-box;overflow:auto;overflow-wrap:anywhere}

/* Original Follow-up detail-grid / Handoff-SLA escalation fragment, scoped. */
.followup-native{--wtp-border:#29445d;--wtp-text:var(--text);--wtp-text-muted:var(--muted)}
.followup-native .eyebrow{font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;color:#78cdf5}
.followup-native .detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.followup-native .detail-grid>div{display:grid;gap:.2rem;padding:.7rem;border:1px solid var(--wtp-border);border-radius:9px;background:rgba(255,255,255,.015)}
.followup-native .detail-grid label{font-size:.63rem;color:var(--wtp-text-muted);text-transform:uppercase}
.followup-native .detail-grid small,.followup-native .detail-grid code{font-size:.68rem;color:var(--wtp-text-muted);overflow-wrap:anywhere}
.followup-native .action-block{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.78rem;border-top:1px solid var(--wtp-border)}
.followup-native .action-block h3{margin:.1rem 0}
.followup-native .action-block p{font-size:.7rem;color:var(--wtp-text-muted)}
.followup-native .escalation{border:1px solid rgba(251,191,36,.2);border-radius:10px;background:rgba(120,53,15,.08)}
@media(max-width:800px){.followup-native .detail-grid{grid-template-columns:1fr 1fr}.followup-native .action-block{align-items:flex-start;display:grid}}
@media(max-width:560px){.followup-native .detail-grid{grid-template-columns:1fr}}
.followup-native .detail-grid,.followup-native .escalation{min-width:0;overflow-wrap:anywhere;box-sizing:border-box}

/* Original Cases Control HTML261-269 and SCSS, scoped to this workspace. */
.cases-native .cases-original-control{--line:#213955;--text:#e9f2ff;--muted:#8fa6c2;--accent:#62d7ff;--ok:#66dfb2;--warn:#f1c967;--danger:#ff758c}
.cases-native .cases-original-control .panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(10,22,38,.96));box-shadow:0 18px 48px rgba(0,0,0,.16)}
.cases-native .cases-original-control .eyebrow{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.cases-native .cases-original-control.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.75fr);gap:12px;align-items:start}
.cases-native .cases-original-control .panel{min-width:0;padding:15px;border-radius:15px}
.cases-native .cases-original-control .panel--wide{min-width:0}
.cases-native .cases-original-control .panel header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:11px}
.cases-native .cases-original-control .panel h3{margin:3px 0 0;font-size:14px}
.cases-native .cases-original-control .inspector{margin-top:10px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#081523;display:flex;justify-content:space-between;gap:8px;font-size:8px}
.cases-native .cases-original-control .inspector span{color:var(--muted)}
.cases-native .cases-original-control .callout{margin-top:12px;padding:10px;border:1px solid #315474;border-radius:10px;background:#0a1c2e;color:#b8cde4;font-size:8px;line-height:1.55}
.cases-native .cases-original-control .control-stats{display:flex;gap:6px;flex-wrap:wrap}
.cases-native .cases-original-control .control-stats span{padding:5px 7px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:7px}
.cases-native .cases-original-control .control-stats b{color:#fff;margin-left:3px}
.cases-native .cases-original-control .control-chart{height:300px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#071522}
.cases-native .cases-original-control .control-chart svg{width:100%;height:250px;overflow:visible}
.cases-native .cases-original-control .control-chart .grid{stroke:#1b3045;stroke-width:1}
.cases-native .cases-original-control .control-chart .ucl{stroke:var(--danger);stroke-width:2;stroke-dasharray:8 6}
.cases-native .cases-original-control .control-chart .cl{stroke:var(--warn);stroke-width:2;stroke-dasharray:8 6}
.cases-native .cases-original-control .control-chart .lcl{stroke:var(--ok);stroke-width:2;stroke-dasharray:8 6}
.cases-native .cases-original-control .control-chart .trend{fill:none;stroke:var(--accent);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.cases-native .cases-original-control .control-chart .point{fill:#102a46;stroke:var(--accent);stroke-width:3;cursor:pointer}
.cases-native .cases-original-control .control-chart .point:hover{r:9}
.cases-native .cases-original-control .control-legend{display:grid;gap:8px}
.cases-native .cases-original-control .control-legend div{display:flex;align-items:center;gap:8px;font-size:8px;color:var(--muted)}
.cases-native .cases-original-control .control-legend i{width:28px;border-top:2px dashed}
.cases-native .cases-original-control .legend-ucl{border-color:var(--danger)!important}
.cases-native .cases-original-control .legend-cl{border-color:var(--warn)!important}
.cases-native .cases-original-control .legend-lcl{border-color:var(--ok)!important}
.cases-native .cases-original-control .empty{padding:18px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:8px;text-align:center}
@media(max-width:1280px){.cases-native .cases-original-control.workspace{grid-template-columns:1fr}}
@media(max-width:760px){.cases-native .cases-original-control .control-chart{height:250px}.cases-native .cases-original-control .control-chart svg{height:205px}}

/* Original Contracts Pro workspace, selector-only scope, original media bodies retained. */
.contracts-original{display:block;color:#e9f2ff}.contracts-original.pro-shell{--bg:#07111f;--panel:#0d1b2e;--card:#12243c;--line:#213955;--muted:#8fa6c2;--accent:#62d7ff;--ok:#66dfb2;--warn:#f1c967;--danger:#ff758c;min-height:100%;padding:18px;background:radial-gradient(circle at 10% 0,#12345a 0,transparent 32%),var(--bg);font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}.contracts-original .hero,.contracts-original .panel,.contracts-original .metrics article,.contracts-original .tabs,.contracts-original .inputbar{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px}.contracts-original .hero{display:flex;justify-content:space-between;gap:18px;padding:20px}.contracts-original .eyebrow{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.contracts-original .hero h1{font-size:28px;margin:5px 0}.contracts-original .hero p{color:var(--muted);max-width:850px}.contracts-original .chips,.contracts-original .hero-actions,.contracts-original .drawer-actions,.contracts-original .stats{display:flex;gap:7px;flex-wrap:wrap}.contracts-original .chips span,.contracts-original .output,.contracts-original .boundary{border:1px solid #28543f;background:#10251d;color:#88eac3;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.contracts-original .hero button,.contracts-original .inputbar button,.contracts-original .panel button,.contracts-original .drawer button{border:1px solid #3f718e;background:#12243c;color:#fff;border-radius:9px;padding:8px 10px;cursor:pointer}.contracts-original .inputbar{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:8px;padding:11px;margin-top:10px}.contracts-original .inputbar label,.contracts-original .drawer label{display:grid;gap:4px;color:var(--muted);font-size:8px;text-transform:uppercase}.contracts-original .inputbar input,.contracts-original .inputbar select,.contracts-original .toolbar input,.contracts-original .drawer input,.contracts-original .drawer select{background:#081523;color:#fff;border:1px solid var(--line);border-radius:8px;padding:8px}.contracts-original .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.contracts-original .metrics article{padding:12px;display:grid;gap:5px}.contracts-original .metrics span{color:var(--muted);font-size:8px;text-transform:uppercase}.contracts-original .metrics strong{font-size:22px}.contracts-original .metrics small{color:var(--muted)}.contracts-original .tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:5px;margin-bottom:10px}.contracts-original .tabs button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:9px;padding:9px;text-align:left}.contracts-original .tabs button.active,.contracts-original .tabs button:hover{background:#16314f;color:#fff;border-color:#3b84ad}.contracts-original .tabs strong,.contracts-original .tabs small{display:block}.contracts-original .tabs small{font-size:7px;margin-top:2px}.contracts-original .workspace{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-bottom:10px}.contracts-original .panel{padding:14px;min-width:0}.contracts-original .panel header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.contracts-original .panel h2{font-size:14px;margin:2px 0}.contracts-original .toolbar{display:flex;gap:8px;margin-bottom:9px}.contracts-original .toolbar input{flex:1}.contracts-original .record-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.contracts-original .record{display:grid;gap:5px;text-align:left;background:#091827!important}.contracts-original .record small,.contracts-original .mini span,.contracts-original .insight small{color:var(--muted);font-size:8px}.contracts-original .mini{display:flex;justify-content:space-between}.contracts-original .bar-chart{display:grid;gap:8px}.contracts-original .bar-row{display:grid;grid-template-columns:110px 1fr 35px;gap:7px;align-items:center}.contracts-original .bar-row span{color:var(--muted);font-size:8px}.contracts-original .bar{height:9px;border-radius:99px;background:#07111f;overflow:hidden}.contracts-original .bar i{display:block;height:100%;background:linear-gradient(90deg,#356990,var(--accent));border-radius:99px}.contracts-original .insight{display:grid;margin-top:10px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#091827}.contracts-original .heatmap{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.contracts-original .heatmap button{min-height:70px;background:#12628b!important;display:grid}.contracts-original .heatmap span{font-size:18px}.contracts-original .funnel{display:grid;gap:6px}.contracts-original .funnel div{padding:9px;border:1px solid #2e5c80;border-radius:8px;background:linear-gradient(90deg,#1b5377,#183657);display:flex;justify-content:space-between}.contracts-original .control-card{grid-column:span 1}.contracts-original .control-chart{height:240px;border:1px solid var(--line);border-radius:12px;background:#081523;padding:10px}.contracts-original .control-chart svg{width:100%;height:210px}.contracts-original .control-chart line{stroke-dasharray:7 5}.contracts-original .ucl{stroke:var(--danger)}.contracts-original .cl{stroke:var(--warn)}.contracts-original .lcl{stroke:var(--ok)}.contracts-original .trend{fill:none;stroke:var(--accent);stroke-width:3}.contracts-original .control-chart circle{fill:#173653;stroke:var(--accent);stroke-width:2;cursor:pointer}.contracts-original .stats span{font-size:8px;color:var(--muted)}.contracts-original .quality{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.contracts-original .quality div{padding:12px;border:1px solid var(--line);border-radius:10px;background:#091827}.contracts-original .quality span,.contracts-original .quality b{display:block}.contracts-original .quality span{color:var(--muted);font-size:8px}.contracts-original .quality b{font-size:20px}.contracts-original .empty,.contracts-original .point-read{padding:10px;color:var(--muted);font-size:9px}.contracts-original .drawer{position:fixed;right:16px;top:74px;width:min(430px,calc(100vw - 32px));max-height:82vh;overflow:auto;z-index:50;padding:15px;border:1px solid #3b668a;border-radius:14px;background:#071523;box-shadow:0 25px 80px #000b;display:grid;gap:9px}.contracts-original .drawer header{display:flex;justify-content:space-between}.contracts-original .drawer pre{white-space:pre-wrap;font-size:9px;background:#050d17;border:1px solid var(--line);border-radius:8px;padding:8px}.contracts-original .toast{position:fixed;right:14px;bottom:12px;padding:8px 10px;border:1px solid #3f718e;border-radius:8px;background:#0d2137}.contracts-original .toast.danger{border-color:#7b3140;color:#ffd4da}@media(max-width:1050px){.contracts-original .inputbar{grid-template-columns:repeat(2,1fr)}.contracts-original .tabs{grid-template-columns:repeat(2,1fr)}.contracts-original .workspace{grid-template-columns:1fr}}@media(max-width:650px){.contracts-original.pro-shell{padding:9px}.contracts-original .hero{display:grid}.contracts-original .metrics{grid-template-columns:repeat(2,1fr)}.contracts-original .inputbar,.contracts-original .record-grid{grid-template-columns:1fr}.contracts-original .tabs{display:flex;overflow:auto}.contracts-original .tabs button{min-width:150px}.contracts-original .heatmap{grid-template-columns:repeat(2,1fr)}}
.contracts-original .record,.contracts-original .panel,.contracts-original .quality,.contracts-original .bar-row{overflow-wrap:anywhere;min-width:0}.contracts-original .toolbar input{min-width:0}.contracts-original.drawer:empty{display:none}

/* Analytics original stylesheet; selector scope only, import replaced by local original variables. */
.analytics-alert-shell .drawer-backdrop{position:fixed;inset:0;background:#0009;z-index:69}
.analytics-alert-shell .drawer{position:fixed;right:0;top:0;bottom:0;z-index:70;width:min(440px,100vw);overflow:auto;padding:18px;background:#071523;border-left:1px solid #3b668a;box-shadow:-22px 0 65px #0009;color:#e9f2ff}
.analytics-alert-shell .drawer header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px}
.analytics-alert-shell .drawer h2{font-size:19px;margin:4px 0}
.analytics-alert-shell .drawer-body{display:grid;gap:12px}
.analytics-alert-shell .drawer .field{display:grid;gap:5px}
.analytics-alert-shell .drawer .field label{font-size:10px;color:#9db1c8;text-transform:uppercase}
.analytics-alert-shell .drawer input,.analytics-alert-shell .drawer select,.analytics-alert-shell .drawer textarea{width:100%;min-width:0;box-sizing:border-box;padding:9px;background:#081523;border:1px solid #32506c;border-radius:8px;color:#fff}
.analytics-alert-shell .drawer .actions{display:flex;gap:8px;flex-wrap:wrap}
.analytics-alert-shell .drawer button{border:1px solid #3f718e;border-radius:8px;padding:8px 10px;background:#12243c;color:#fff;cursor:pointer}
.analytics-alert-shell .drawer button:disabled{opacity:.45;cursor:not-allowed}
.analytics-alert-shell .drawer .callout,.analytics-alert-shell .drawer .message{font-size:11px;color:#a4c9dc;overflow-wrap:anywhere}
.analytics-alert-shell .drawer pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:#050d17;padding:10px;border:1px solid #29435d;border-radius:8px}
.analytics-original{
  display:block;
  color:#e9f2ff
}.analytics-original.analytics-screen{
  --bg:#07111f;
  --panel:#0d1b2e;
  --card:#12243c;
  --line:#213955;
  --text:#e9f2ff;
  --muted:#8fa6c2;
  --accent:#62d7ff;
  --ok:#66dfb2;
  --warn:#f1c967;
  --danger:#ff758c;
  --purple:#b990ff;
  min-height:100%;
  display:grid;
  gap:12px;
  padding:18px;
  background:radial-gradient(circle at 10% 0,#12345a 0,transparent 32%),var(--bg);
  color:var(--text)
}.analytics-original button,.analytics-original input,.analytics-original select,.analytics-original textarea{
  font:inherit
}.analytics-original .hero,.analytics-original .input-panel,.analytics-original .kpi,.analytics-original .output-strip,.analytics-original .tabs,.analytics-original .panel,.analytics-original .state-panel,.analytics-original .selection-inspector{
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));
  border-radius:16px
}.analytics-original .hero{
  padding:20px;
  display:flex;
  justify-content:space-between;
  gap:20px
}.analytics-original .eyebrow{
  color:var(--accent);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase
}.analytics-original .hero h1{
  font-size:30px;
  margin:5px 0
}.analytics-original .hero p{
  margin:0;
  max-width:900px;
  color:var(--muted)
}.analytics-original .chips,.analytics-original .hero-actions,.analytics-original .actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap
}.analytics-original .chips{
  margin-top:12px
}.analytics-original .chip{
  padding:4px 8px;
  border:1px solid var(--line);
  border-radius:99px;
  font-size:9px;
  font-weight:800
}.analytics-original .chip.ok{
  color:var(--ok)
}.analytics-original .chip.warn{
  color:var(--warn)
}.analytics-original .btn,.analytics-original .mini{
  border:1px solid #3f718e;
  background:linear-gradient(135deg,#64d7ff,#88efd2);
  color:#06121b;
  font-weight:800;
  border-radius:9px;
  padding:8px 11px;
  cursor:pointer
}.analytics-original .btn.ghost,.analytics-original .mini{
  background:#12243c;
  color:#fff;
  border-color:var(--line)
}.analytics-original .btn.warning{
  background:#33270f;
  color:#ffe7a6;
  border-color:#755d2d
}.analytics-original .btn:disabled{
  opacity:.45;
  cursor:not-allowed
}.analytics-original .input-panel{
  display:grid;
  grid-template-columns:repeat(6,minmax(100px,1fr)) minmax(180px,1.5fr) auto;
  gap:8px;
  padding:11px;
  align-items:end
}.analytics-original .field{
  display:grid;
  gap:5px
}.analytics-original .field label{
  font-size:8px;
  text-transform:uppercase;
  color:var(--muted)
}.analytics-original .field input,.analytics-original .field select,.analytics-original .field textarea{
  width:100%;
  min-height:35px;
  padding:7px 9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#081523;
  color:#fff
}.analytics-original .field.grow{
  min-width:180px
}.analytics-original .state-panel{
  padding:18px;
  color:var(--muted)
}.analytics-original .state-panel.danger{
  color:#ffd0d7;
  border-color:#663040
}.analytics-original .kpi-grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:7px
}.analytics-original .kpi{
  padding:11px;
  min-height:95px;
  text-align:left;
  color:var(--text);
  display:grid;
  align-content:space-between;
  cursor:pointer
}.analytics-original .kpi:hover{
  border-color:#3b84ad;
  transform:translateY(-1px)
}.analytics-original .kpi span,.analytics-original .kpi small{
  color:var(--muted);
  font-size:8px
}.analytics-original .kpi strong{
  font-size:17px
}.analytics-original .kpi i{
  height:5px;
  background:#081523;
  border-radius:99px;
  overflow:hidden
}.analytics-original .kpi i b{
  display:block;
  height:100%;
  background:linear-gradient(90deg,var(--accent),var(--purple))
}.analytics-original .output-strip{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  padding:8px 10px
}.analytics-original .output-strip span{
  color:var(--muted);
  font-size:8px;
  text-transform:uppercase
}.analytics-original .output-strip b{
  font-size:9px;
  margin-right:10px
}.analytics-original .tabs{
  display:grid;
  grid-template-columns:repeat(11,1fr);
  gap:4px;
  padding:5px
}.analytics-original .tab{
  min-width:0;
  border:1px solid transparent;
  background:transparent;
  color:var(--muted);
  padding:8px 6px;
  border-radius:9px;
  text-align:left;
  cursor:pointer
}.analytics-original .tab.active{
  background:#16314f;
  border-color:#3b84ad;
  color:#fff
}.analytics-original .tab>span{
  float:left;
  margin-right:5px;
  color:var(--accent)
}.analytics-original .tab strong{
  display:block;
  font-size:8px
}.analytics-original .tab small{
  display:block;
  font-size:6.5px;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}.analytics-original .workspace{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px
}.analytics-original .panel{
  padding:14px;
  min-width:0;
  overflow:hidden
}.analytics-original .panel.wide{
  grid-column:span 1
}.analytics-original .panel header{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  margin-bottom:10px
}.analytics-original .panel h2{
  font-size:13px;
  margin:3px 0
}.analytics-original .panel header>strong{
  font-size:16px
}.analytics-original .muted{
  color:var(--muted);
  font-size:9px
}.analytics-original .big-number{
  font-size:42px;
  font-weight:900;
  letter-spacing:-.04em;
  color:var(--accent)
}.analytics-original .line-chart,.analytics-original .forecast-chart,.analytics-original .control-chart{
  border:1px solid var(--line);
  background:#081523;
  border-radius:12px;
  padding:8px;
  min-height:140px;
  position:relative
}.analytics-original .line-chart.large,.analytics-original .forecast-chart,.analytics-original .control-chart{
  min-height:240px
}.analytics-original .line-chart svg,.analytics-original .forecast-chart svg,.analytics-original .control-chart svg{
  width:100%;
  height:100%;
  min-height:110px
}.analytics-original .line-chart.large svg,.analytics-original .forecast-chart svg,.analytics-original .control-chart svg{
  min-height:210px
}.analytics-original .sparkline,.analytics-original .trend,.analytics-original .control-trend,.analytics-original .forecast-main{
  fill:none;
  stroke:var(--accent);
  stroke-width:4
}.analytics-original .danger-trend{
  fill:none;
  stroke:var(--danger);
  stroke-width:4
}.analytics-original .point,.analytics-original .control-point{
  fill:#173653;
  stroke:var(--accent);
  stroke-width:3;
  cursor:pointer
}.analytics-original .point:hover,.analytics-original .control-point:hover{
  stroke-width:5
}.analytics-original .control-point.outside{
  fill:#4b1824;
  stroke:var(--danger)
}.analytics-original .axis-labels{
  display:flex;
  justify-content:space-between;
  color:var(--muted);
  font-size:7px;
  gap:3px
}.analytics-original .forecast-high,.analytics-original .forecast-low{
  fill:none;
  stroke:var(--purple);
  stroke-width:2;
  stroke-dasharray:7 5;
  opacity:.8
}.analytics-original .ucl,.analytics-original .cl,.analytics-original .lcl{
  stroke-width:2;
  stroke-dasharray:8 6
}.analytics-original .ucl{
  stroke:var(--danger)
}.analytics-original .cl{
  stroke:var(--warn)
}.analytics-original .lcl{
  stroke:var(--ok)
}.analytics-original .control-outputs{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:6px;
  margin-bottom:8px
}.analytics-original .control-outputs span{
  padding:7px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--muted);
  font-size:8px
}.analytics-original .control-outputs b{
  display:block;
  color:#fff;
  font-size:11px;
  margin-top:3px
}.analytics-original .bar-chart{
  display:grid;
  gap:7px
}.analytics-original .bar-row{
  display:grid;
  grid-template-columns:110px 1fr minmax(55px,auto);
  gap:8px;
  align-items:center;
  width:100%;
  border:0;
  background:transparent;
  color:var(--text);
  padding:4px;
  text-align:left;
  cursor:pointer
}.analytics-original .bar-row.static{
  cursor:default
}.analytics-original .bar-row span{
  color:var(--muted);
  font-size:8px
}.analytics-original .bar-row i,.analytics-original .progress-list i{
  height:9px;
  background:#081523;
  border-radius:99px;
  overflow:hidden
}.analytics-original .bar-row i b,.analytics-original .progress-list i b{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#2b789d,var(--accent));
  border-radius:99px
}.analytics-original .bar-row strong{
  font-size:8px;
  text-align:right
}.analytics-original .vertical-chart{
  height:220px;
  display:flex;
  align-items:flex-end;
  gap:8px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#081523
}.analytics-original .vertical-chart.tall{
  height:300px
}.analytics-original .vertical-chart button{
  height:100%;
  flex:1;
  border:0;
  background:transparent;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:5px;
  cursor:pointer
}.analytics-original .vertical-chart button i{
  width:min(38px,80%);
  min-height:3px;
  background:linear-gradient(180deg,var(--accent),#214b74);
  border-radius:5px 5px 2px 2px
}.analytics-original .vertical-chart button b{
  font-size:9px
}.analytics-original .vertical-chart button span{
  font-size:7px;
  color:var(--muted);
  max-width:75px;
  overflow:hidden;
  text-overflow:ellipsis
}.analytics-original .donut{
  width:150px;
  height:150px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin:8px auto
}.analytics-original .donut>div{
  width:108px;
  height:108px;
  border-radius:50%;
  background:#091827;
  display:grid;
  place-items:center;
  align-content:center
}.analytics-original .donut strong{
  font-size:23px
}.analytics-original .donut small{
  font-size:8px;
  color:var(--muted)
}.analytics-original .legend{
  display:grid;
  gap:5px
}.analytics-original .legend span{
  display:grid;
  grid-template-columns:8px 1fr auto;
  gap:6px;
  align-items:center;
  font-size:8px;
  color:var(--muted)
}.analytics-original .legend i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--accent)
}.analytics-original .funnel{
  display:grid;
  justify-items:center;
  gap:6px;
  padding:10px
}.analytics-original .funnel button{
  min-width:28%;
  border:1px solid #315c7a;
  background:linear-gradient(90deg,#1b5377,#183657);
  color:#fff;
  padding:10px 14px;
  border-radius:9px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  cursor:pointer
}.analytics-original .funnel button:hover{
  border-color:var(--accent)
}.analytics-original .progress-list{
  display:grid;
  gap:12px
}.analytics-original .progress-list>div{
  display:grid;
  grid-template-columns:90px 1fr 48px;
  gap:7px;
  align-items:center
}.analytics-original .progress-list span{
  font-size:8px;
  color:var(--muted)
}.analytics-original .progress-list strong{
  font-size:9px;
  text-align:right
}.analytics-original .waterfall{
  height:290px;
  display:flex;
  align-items:flex-end;
  gap:8px;
  padding:10px
}.analytics-original .waterfall button{
  flex:1;
  min-height:40px;
  border:1px solid #315c7a;
  border-radius:8px 8px 3px 3px;
  background:linear-gradient(180deg,var(--purple),#2a3061);
  color:#fff;
  padding:8px 4px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  cursor:pointer
}.analytics-original .waterfall b{
  font-size:8px
}.analytics-original .waterfall span{
  font-size:7px
}.analytics-original .heatmap{
  display:grid;
  gap:4px;
  overflow:auto
}.analytics-original .heat-head,.analytics-original .heat-row{
  display:grid;
  grid-template-columns:minmax(120px,1.2fr) repeat(4,minmax(70px,1fr));
  gap:4px
}.analytics-original .heat-head b{
  font-size:7px;
  color:var(--muted);
  text-align:center
}.analytics-original .heat-row strong{
  font-size:8px;
  color:var(--muted);
  padding:8px
}.analytics-original .heat-row button{
  border:1px solid #39708d;
  background:var(--accent);
  color:#04101b;
  border-radius:6px;
  padding:10px;
  cursor:pointer;
  font-weight:900
}.analytics-original .heat-row button:hover{
  outline:2px solid #fff
}.analytics-original .source-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px
}.analytics-original .source-grid div{
  border:1px solid var(--line);
  border-radius:9px;
  background:#091827;
  padding:10px
}.analytics-original .source-grid b,.analytics-original .source-grid span{
  display:block
}.analytics-original .source-grid span{
  font-size:8px;
  color:var(--muted);
  margin-top:4px
}.analytics-original .empty{
  padding:12px;
  text-align:center;
  color:var(--muted);
  font-size:9px
}.analytics-original .selection-inspector{
  position:fixed;
  right:16px;
  bottom:16px;
  width:min(420px,calc(100vw - 32px));
  max-height:260px;
  overflow:auto;
  padding:12px;
  z-index:20;
  box-shadow:0 18px 50px rgba(0,0,0,.35)
}.analytics-original .selection-inspector header{
  display:flex;
  justify-content:space-between
}.analytics-original .selection-inspector button,.analytics-original .drawer header button{
  border:0;
  background:transparent;
  color:#fff;
  font-size:22px;
  cursor:pointer
}.analytics-original pre{
  white-space:pre-wrap;
  word-break:break-word;
  color:#b9d6ff;
  background:#081523;
  border:1px solid var(--line);
  border-radius:8px;
  padding:9px;
  font-size:8px
}.analytics-original .drawer-backdrop{
  position:fixed;
  inset:0;
  background:rgba(2,8,14,.68);
  z-index:30
}.analytics-original .drawer{
  position:fixed;
  z-index:31;
  right:0;
  top:0;
  height:100vh;
  width:min(620px,94vw);
  background:#07111f;
  border-left:1px solid var(--line);
  transform:translateX(105%);
  transition:transform .2s ease;
  box-shadow:-20px 0 60px rgba(0,0,0,.45)
}.analytics-original .drawer.open{
  transform:translateX(0)
}.analytics-original .drawer header{
  padding:16px;
  border-bottom:1px solid var(--line);
  display:flex;
  justify-content:space-between
}.analytics-original .drawer h2{
  margin:3px 0
}.analytics-original .drawer-body{
  padding:14px;
  overflow:auto;
  height:calc(100vh - 74px)
}.analytics-original .form-stack{
  display:grid;
  gap:10px
}.analytics-original .callout{
  padding:10px;
  border:1px solid #6b5122;
  background:#2b220f;
  color:#ffe8ad;
  border-radius:10px;
  font-size:9px
}.analytics-original .message{
  font-size:9px;
  color:var(--muted)
}.analytics-original .table-wrap{
  overflow:auto
}.analytics-original table{
  width:100%;
  border-collapse:collapse;
  font-size:8px
}.analytics-original th,.analytics-original td{
  padding:8px;
  border-bottom:1px solid var(--line);
  text-align:left
}.analytics-original th{
  color:var(--muted);
  text-transform:uppercase
}
@media(max-width:1450px) {.analytics-original .kpi-grid{
    grid-template-columns:repeat(4,1fr)
  }.analytics-original .tabs{
    grid-template-columns:repeat(6,1fr)
  }.analytics-original .input-panel{
    grid-template-columns:repeat(4,1fr)
  }
}
@media(max-width:1050px) {.analytics-original.analytics-screen{
    padding:12px
  }.analytics-original .hero{
    display:grid
  }.analytics-original .workspace{
    grid-template-columns:1fr
  }.analytics-original .panel.wide{
    grid-column:auto
  }.analytics-original .tabs{
    grid-template-columns:repeat(4,1fr)
  }.analytics-original .input-panel{
    grid-template-columns:repeat(3,1fr)
  }
}
@media(max-width:700px) {.analytics-original .kpi-grid{
    grid-template-columns:repeat(2,1fr)
  }.analytics-original .tabs{
    display:flex;
    overflow:auto
  }.analytics-original .tab{
    min-width:135px
  }.analytics-original .input-panel{
    grid-template-columns:1fr
  }.analytics-original .control-outputs{
    grid-template-columns:repeat(2,1fr)
  }.analytics-original .heat-head,.analytics-original .heat-row{
    grid-template-columns:110px repeat(4,70px)
  }.analytics-original .source-grid{
    grid-template-columns:1fr
  }
}.analytics-original /* WTP CRM360 0.8.55.12 — Social Analytics / Conversation Intelligence */
.social-intelligence-workspace .social-kpis{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:14px 0 18px; }.analytics-original .social-intelligence-workspace .social-kpis > div,.analytics-original .social-intelligence-workspace .metric-stack > div{ padding:14px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.025); display:flex; flex-direction:column; gap:5px; }.analytics-original .social-intelligence-workspace .social-kpis strong{ font-size:26px; }.analytics-original .social-intelligence-workspace .social-kpis small{ color:var(--muted); }.analytics-original .social-intelligence-workspace .split-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.analytics-original .social-intelligence-workspace .split-grid.three{ grid-template-columns:repeat(3,minmax(0,1fr)); }.analytics-original .social-intelligence-workspace .metric-stack{ display:grid; gap:10px; }.analytics-original .social-intelligence-workspace code{ display:block; padding:12px; border-radius:10px; overflow-wrap:anywhere; background:rgba(0,0,0,.22); color:var(--accent); }
@media (max-width: 1100px){.analytics-original .social-intelligence-workspace .social-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}.analytics-original .social-intelligence-workspace .split-grid.three{grid-template-columns:1fr;} }
@media (max-width: 720px){.analytics-original .social-intelligence-workspace .social-kpis,.analytics-original .social-intelligence-workspace .split-grid{grid-template-columns:1fr;} }

.analytics-original .control-chart{min-width:0}.analytics-original .panel{overflow-wrap:anywhere}

/* Conserved Documents Pro original stylesheet: selector scope only. */
.documents-original{display:block;color:#e9f2ff}.documents-original.pro-shell{--bg:#07111f;--panel:#0d1b2e;--card:#12243c;--line:#213955;--muted:#8fa6c2;--accent:#62d7ff;--ok:#66dfb2;--warn:#f1c967;--danger:#ff758c;min-height:100%;padding:18px;background:radial-gradient(circle at 10% 0,#12345a 0,transparent 32%),var(--bg);font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}.documents-original .hero,.documents-original .panel,.documents-original .metrics article,.documents-original .tabs,.documents-original .inputbar{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px}.documents-original .hero{display:flex;justify-content:space-between;gap:18px;padding:20px}.documents-original .eyebrow{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.documents-original .hero h1{font-size:28px;margin:5px 0}.documents-original .hero p{color:var(--muted);max-width:850px}.documents-original .chips,.documents-original .hero-actions,.documents-original .drawer-actions,.documents-original .stats{display:flex;gap:7px;flex-wrap:wrap}.documents-original .chips span,.documents-original .output,.documents-original .boundary{border:1px solid #28543f;background:#10251d;color:#88eac3;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.documents-original .hero button,.documents-original .inputbar button,.documents-original .panel button,.documents-original .drawer button{border:1px solid #3f718e;background:#12243c;color:#fff;border-radius:9px;padding:8px 10px;cursor:pointer}.documents-original .inputbar{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:8px;padding:11px;margin-top:10px}.documents-original .inputbar label,.documents-original .drawer label{display:grid;gap:4px;color:var(--muted);font-size:8px;text-transform:uppercase}.documents-original .inputbar input,.documents-original .inputbar select,.documents-original .toolbar input,.documents-original .drawer input,.documents-original .drawer select{background:#081523;color:#fff;border:1px solid var(--line);border-radius:8px;padding:8px}.documents-original .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.documents-original .metrics article{padding:12px;display:grid;gap:5px}.documents-original .metrics span{color:var(--muted);font-size:8px;text-transform:uppercase}.documents-original .metrics strong{font-size:22px}.documents-original .metrics small{color:var(--muted)}.documents-original .tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:5px;margin-bottom:10px}.documents-original .tabs button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:9px;padding:9px;text-align:left}.documents-original .tabs button.active,.documents-original .tabs button:hover{background:#16314f;color:#fff;border-color:#3b84ad}.documents-original .tabs strong,.documents-original .tabs small{display:block}.documents-original .tabs small{font-size:7px;margin-top:2px}.documents-original .workspace{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-bottom:10px}.documents-original .panel{padding:14px;min-width:0}.documents-original .panel header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.documents-original .panel h2{font-size:14px;margin:2px 0}.documents-original .toolbar{display:flex;gap:8px;margin-bottom:9px}.documents-original .toolbar input{flex:1}.documents-original .record-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.documents-original .record{display:grid;gap:5px;text-align:left;background:#091827!important}.documents-original .record small,.documents-original .mini span,.documents-original .insight small{color:var(--muted);font-size:8px}.documents-original .mini{display:flex;justify-content:space-between}.documents-original .bar-chart{display:grid;gap:8px}.documents-original .bar-row{display:grid;grid-template-columns:110px 1fr 35px;gap:7px;align-items:center}.documents-original .bar-row span{color:var(--muted);font-size:8px}.documents-original .bar{height:9px;border-radius:99px;background:#07111f;overflow:hidden}.documents-original .bar i{display:block;height:100%;background:linear-gradient(90deg,#356990,var(--accent));border-radius:99px}.documents-original .insight{display:grid;margin-top:10px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#091827}.documents-original .heatmap{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.documents-original .heatmap button{min-height:70px;background:#12628b!important;display:grid}.documents-original .heatmap span{font-size:18px}.documents-original .funnel{display:grid;gap:6px}.documents-original .funnel div{padding:9px;border:1px solid #2e5c80;border-radius:8px;background:linear-gradient(90deg,#1b5377,#183657);display:flex;justify-content:space-between}.documents-original .control-card{grid-column:span 1}.documents-original .control-chart{height:240px;border:1px solid var(--line);border-radius:12px;background:#081523;padding:10px}.documents-original .control-chart svg{width:100%;height:210px}.documents-original .control-chart line{stroke-dasharray:7 5}.documents-original .ucl{stroke:var(--danger)}.documents-original .cl{stroke:var(--warn)}.documents-original .lcl{stroke:var(--ok)}.documents-original .trend{fill:none;stroke:var(--accent);stroke-width:3}.documents-original .control-chart circle{fill:#173653;stroke:var(--accent);stroke-width:2;cursor:pointer}.documents-original .stats span{font-size:8px;color:var(--muted)}.documents-original .quality{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.documents-original .quality div{padding:12px;border:1px solid var(--line);border-radius:10px;background:#091827}.documents-original .quality span,.documents-original .quality b{display:block}.documents-original .quality span{color:var(--muted);font-size:8px}.documents-original .quality b{font-size:20px}.documents-original .empty,.documents-original .point-read{padding:10px;color:var(--muted);font-size:9px}.documents-original .drawer{position:fixed;right:16px;top:74px;width:min(430px,calc(100vw - 32px));max-height:82vh;overflow:auto;z-index:50;padding:15px;border:1px solid #3b668a;border-radius:14px;background:#071523;box-shadow:0 25px 80px #000b;display:grid;gap:9px}.documents-original .drawer header{display:flex;justify-content:space-between}.documents-original .drawer pre{white-space:pre-wrap;font-size:9px;background:#050d17;border:1px solid var(--line);border-radius:8px;padding:8px}.documents-original .toast{position:fixed;right:14px;bottom:12px;padding:8px 10px;border:1px solid #3f718e;border-radius:8px;background:#0d2137}.documents-original .toast.danger{border-color:#7b3140;color:#ffd4da}@media(max-width:1050px){.documents-original .inputbar{grid-template-columns:repeat(2,1fr)}.documents-original .tabs{grid-template-columns:repeat(2,1fr)}.documents-original .workspace{grid-template-columns:1fr}}@media(max-width:650px){.documents-original.pro-shell{padding:9px}.documents-original .hero{display:grid}.documents-original .metrics{grid-template-columns:repeat(2,1fr)}.documents-original .inputbar,.documents-original .record-grid{grid-template-columns:1fr}.documents-original .tabs{display:flex;overflow:auto}.documents-original .tabs button{min-width:150px}.documents-original .heatmap{grid-template-columns:repeat(2,1fr)}}
/* PAIR79 hosted functional panels; no global clipping. */
.documents-original .pair79-panel { margin-block:1.5rem; padding:clamp(1rem,2vw,2rem); border:1px solid var(--wtp-border,#64748b); border-radius:1rem; color:inherit; background:var(--wtp-surface,transparent); min-width:0; max-width:100%; overflow-wrap:anywhere; }
.documents-original .pair79-panel * { box-sizing:border-box; min-width:0; }
.documents-original .pair79-panel header { margin-bottom:1rem; }
.documents-original .pair79-panel h2 { font-size:clamp(1.2rem,2.5vw,1.75rem); }
.documents-original .pair79-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap:1rem; margin-block:1rem; }
.documents-original .pair79-panel label { display:flex; flex-direction:column; gap:.4rem; font-weight:600; }
.documents-original .pair79-panel input,.documents-original .pair79-panel select,.documents-original .pair79-panel textarea { max-width:100%; padding:.65rem; color:inherit; background:var(--wtp-surface,transparent); border:1px solid var(--wtp-border,#64748b); border-radius:.4rem; }
.documents-original .pair79-panel input[type=checkbox] { width:auto; align-self:flex-start; }
.documents-original .pair79-panel button { max-width:100%; white-space:normal; padding:.65rem 1rem; border-radius:.45rem; }
.documents-original .pair79-panel :focus-visible { outline:3px solid #38bdf8; outline-offset:3px; }
.documents-original .pair79-actions { display:flex; flex-wrap:wrap; gap:.6rem; margin-block:.8rem; }
.documents-original .pair79-card { padding:1rem; border:1px solid var(--wtp-border,#64748b); border-radius:.7rem; margin-block:.8rem; }
.documents-original .pair79-panel pre { white-space:pre-wrap; overflow-wrap:anywhere; max-width:100%; }

/* Conserved Quotes Pro stylesheet, selector scope only. */
.quotes-original{--bg:#07111f;--panel:#0d1b2e;--card:#12243c;--soft:#0a1727;--line:#213955;--text:#e9f2ff;--muted:#8fa6c2;--accent:#62d7ff;--ok:#66dfb2;--warn:#f1c967;--danger:#ff758c;--purple:#b990ff;display:block;color:var(--text)}.quotes-original *{box-sizing:border-box}.quotes-original.quotes-pro-shell{min-height:100%;padding:20px;display:grid;gap:13px;background:radial-gradient(circle at 8% 0,rgba(18,52,90,.42),transparent 30%),var(--bg);font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}.quotes-original .hero,.quotes-original .inputbar,.quotes-original .metric,.quotes-original .identity,.quotes-original .tabs,.quotes-original .panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px}.quotes-original .hero{display:flex;justify-content:space-between;gap:20px;padding:20px}.quotes-original .hero h1{font-size:30px;margin:4px 0}.quotes-original .hero p{color:var(--muted);max-width:920px;margin:0}.quotes-original .eyebrow{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:900}.quotes-original .chips,.quotes-original .hero-actions,.quotes-original .actions{display:flex;gap:7px;flex-wrap:wrap}.quotes-original .chips{margin-top:12px}.quotes-original .chip{border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:8px;font-weight:900}.quotes-original .chip.ok{color:var(--ok)}.quotes-original .chip.warn{color:var(--warn)}.quotes-original .chip.danger{color:var(--danger)}.quotes-original button,.quotes-original input,.quotes-original select,.quotes-original textarea{font:inherit}.quotes-original .btn{border:1px solid #3c718e;border-radius:9px;padding:8px 11px;background:linear-gradient(135deg,#62d7ff,#87ebd2);color:#06131d;font-weight:850;cursor:pointer}.quotes-original .btn.ghost{background:#12243c;color:#fff;border-color:var(--line)}.quotes-original .btn.danger{background:#3a1821;color:#ffdbe1;border-color:#704052}.quotes-original .inputbar{padding:11px;display:grid;grid-template-columns:120px 180px 180px 1fr auto;gap:8px}.quotes-original .inputbar label,.quotes-original .action-drawer label{display:grid;gap:4px}.quotes-original .inputbar span,.quotes-original .action-drawer label{color:var(--muted);font-size:8px;text-transform:uppercase}.quotes-original .inputbar input,.quotes-original .inputbar select,.quotes-original .action-drawer input,.quotes-original .action-drawer select,.quotes-original .action-drawer textarea{border:1px solid var(--line);border-radius:8px;background:var(--soft);color:#fff;padding:8px}.quotes-original .metrics{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.quotes-original .metric{min-height:100px;padding:11px;color:#fff;text-align:left;cursor:pointer}.quotes-original .metric span,.quotes-original .metric small{display:block;color:var(--muted);font-size:8px}.quotes-original .metric strong{display:block;font-size:18px;margin:6px 0}.quotes-original .metric i{display:block;height:5px;background:#07111f;border-radius:99px;overflow:hidden}.quotes-original .metric i b{display:block;height:100%;background:var(--accent)}.quotes-original .metric i b.success{background:var(--ok)}.quotes-original .metric i b.warning{background:var(--warn)}.quotes-original .metric i b.danger{background:var(--danger)}.quotes-original .identity{display:grid;grid-template-columns:90px 1.4fr repeat(4,.55fr);gap:10px;align-items:center;padding:13px}.quotes-original .avatar{width:72px;height:58px;border-radius:13px;background:#173653;border:1px solid #356c91;display:grid;place-items:center;font-weight:900;color:var(--accent);font-size:14px}.quotes-original .identity-main h2{margin:2px 0;font-size:17px}.quotes-original .identity-main p{margin:0;color:var(--muted);font-size:9px}.quotes-original .idbox{border-left:1px solid var(--line);padding-left:10px}.quotes-original .idbox span{display:block;color:var(--muted);font-size:7px;text-transform:uppercase}.quotes-original .idbox b{display:block;margin-top:5px;font-size:11px}.quotes-original .success{color:var(--ok)!important}.quotes-original .warning{color:var(--warn)!important}.quotes-original .danger{color:var(--danger)!important}.quotes-original .accent{color:var(--accent)!important}.quotes-original .info{color:#b8c8da!important}.quotes-original .tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:5px}.quotes-original .tabs button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:9px;text-align:left;padding:8px;cursor:pointer}.quotes-original .tabs button.active{background:#16314f;border-color:#3b84ad;color:#fff}.quotes-original .tabs b,.quotes-original .tabs small{display:block}.quotes-original .tabs b{font-size:9px}.quotes-original .tabs small{font-size:7px;margin-top:2px}.quotes-original .workspace{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quotes-original .panel{padding:14px;min-width:0}.quotes-original .panel.span2{grid-column:span 2}.quotes-original .panel.span3{grid-column:span 3}.quotes-original .panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.quotes-original .panel h3{margin:2px 0;font-size:14px}.quotes-original .table{display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden}.quotes-original .row{display:grid;gap:8px;align-items:center;padding:9px;border:0;border-top:1px solid var(--line);background:#091827;color:#fff;text-align:left}.quotes-original .row:first-child{border-top:0}.quotes-original .row.head{background:#0b1d31;color:var(--muted);font-size:8px;text-transform:uppercase}.quotes-original .quote-table .row{grid-template-columns:.7fr 1.4fr .8fr .8fr .65fr .65fr .45fr}.quotes-original .lines-table .row{grid-template-columns:1.4fr .5fr .8fr .8fr .8fr .7fr}.quotes-original .approval-head{grid-template-columns:1.2fr .9fr .8fr .6fr}.quotes-original .request-head{grid-template-columns:1.5fr .6fr .7fr .8fr}.quotes-original .row small{color:var(--muted)}.quotes-original .status{font-style:normal;padding:3px 7px;border:1px solid var(--line);border-radius:999px;font-size:8px}.quotes-original .bars{display:grid;gap:8px}.quotes-original .bar{display:grid;grid-template-columns:100px 1fr 90px;align-items:center;gap:8px;border:0;background:transparent;color:#fff;text-align:left;padding:3px;cursor:pointer}.quotes-original .bar span{color:var(--muted);font-size:8px}.quotes-original .bar i,.quotes-original .score-list i{height:9px;background:#07111f;border-radius:99px;overflow:hidden}.quotes-original .bar i b,.quotes-original .score-list i b{display:block;height:100%;background:linear-gradient(90deg,#27779a,var(--accent));border-radius:99px}.quotes-original .bar strong{text-align:right;font-size:9px}.quotes-original .donut-wrap{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px}.quotes-original .donut{width:108px;height:108px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#0a1727 57%,transparent 59%),conic-gradient(var(--warn) 34%,var(--accent) 0 72%,#20344b 0)}.quotes-original .donut strong{font-size:25px}.quotes-original .donut span{color:var(--muted);font-size:7px}.quotes-original .legend{display:grid;gap:5px}.quotes-original .legend span{display:grid;grid-template-columns:10px 1fr auto;gap:6px;font-size:8px;color:var(--muted)}.quotes-original .legend i{width:8px;height:8px;border-radius:2px;background:var(--accent)}.quotes-original .control-stats{display:flex;gap:8px;flex-wrap:wrap}.quotes-original .control-stats span{font-size:7px;color:var(--muted);border:1px solid var(--line);padding:4px 6px;border-radius:7px}.quotes-original .control-chart{height:260px;background:#081523;border:1px solid var(--line);border-radius:11px;padding:10px}.quotes-original .control-chart svg{width:100%;height:230px}.quotes-original .ucl{stroke:var(--danger);stroke-dasharray:8 6}.quotes-original .cl{stroke:var(--warn);stroke-dasharray:8 6}.quotes-original .lcl{stroke:var(--ok);stroke-dasharray:8 6}.quotes-original .trend{fill:none;stroke:var(--accent);stroke-width:3}.quotes-original .point{fill:#173653;stroke:var(--accent);stroke-width:3;cursor:pointer}.quotes-original .point:hover{r:9}.quotes-original .funnel{display:grid;gap:6px;place-items:center}.quotes-original .funnel button{min-width:38%;border:1px solid #2e6387;background:linear-gradient(90deg,#1a5378,#173854);color:#fff;padding:10px;border-radius:9px;display:flex;justify-content:space-between;cursor:pointer}.quotes-original .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quotes-original .quote-card{display:grid;gap:5px;text-align:left;padding:11px;border:1px solid var(--line);border-radius:10px;background:#091827;color:#fff}.quotes-original .quote-card span,.quotes-original .quote-card small{color:var(--muted)}.quotes-original .actions-list{display:grid;gap:7px}.quotes-original .actions-list button{padding:10px;border:1px solid var(--line);border-radius:9px;background:#091827;color:#fff;text-align:left}.quotes-original .callout,.quotes-original .empty,.quotes-original .inspector{border:1px solid var(--line);border-radius:9px;background:#091827;color:var(--muted);padding:10px;font-size:9px}.quotes-original .callout{margin-top:10px;border-color:#66532d;color:#f7dda1;background:#292113}.quotes-original .big-score{font-size:46px;font-weight:900;color:var(--ok);letter-spacing:-.05em}.quotes-original .insights{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quotes-original .insight{border:1px solid var(--line);border-radius:10px;padding:10px;background:#091827}.quotes-original .insight b{font-size:10px}.quotes-original .insight p,.quotes-original .insight small{font-size:8px;color:var(--muted)}.quotes-original .score-list{display:grid;gap:8px}.quotes-original .score-list div{display:grid;grid-template-columns:80px 1fr 35px;align-items:center;gap:7px}.quotes-original .heatmap{display:grid;grid-template-columns:120px repeat(3,1fr);gap:4px}.quotes-original .heatmap>b{font-size:7px;color:var(--muted);display:grid;align-items:center}.quotes-original .heatmap button{min-height:38px;border:1px solid #2f6e91;border-radius:7px;background:var(--accent);color:#041019;font-weight:900}.quotes-original .boundary{display:grid;gap:7px}.quotes-original .boundary span{padding:8px;border:1px solid #28543f;border-radius:8px;color:var(--ok);background:#10251d;font-size:8px}.quotes-original .state{padding:14px;border:1px solid var(--line);border-radius:12px;background:#091827}.quotes-original .danger-box{color:var(--danger)}.quotes-original .drawer{position:fixed;right:0;top:0;bottom:0;width:min(520px,92vw);z-index:20;background:#07111f;border-left:1px solid var(--line);padding:16px;overflow:auto;box-shadow:-18px 0 45px #0008}.quotes-original .drawer header,.quotes-original .action-drawer header{display:flex;justify-content:space-between}.quotes-original .drawer button,.quotes-original .action-drawer header button{border:0;background:transparent;color:#fff;font-size:20px}.quotes-original .drawer pre{white-space:pre-wrap;color:#b9d6ff;font-size:9px}.quotes-original .modal{position:fixed;inset:0;background:#0009;z-index:30;display:grid;place-items:center;padding:20px}.quotes-original .action-drawer{width:min(620px,96vw);background:#0d1b2e;border:1px solid var(--line);border-radius:16px;padding:17px;display:grid;gap:12px}.quotes-original .action-drawer h3{margin:2px 0}.quotes-original .action-drawer label{font-size:8px}.quotes-original .action-drawer select,.quotes-original .action-drawer textarea{margin-top:4px}.quotes-original .grow{min-width:0}@media(max-width:1280px){.quotes-original .metrics{grid-template-columns:repeat(4,1fr)}.quotes-original .identity{grid-template-columns:80px 1fr repeat(2,1fr)}.quotes-original .tabs{grid-template-columns:repeat(5,1fr)}.quotes-original .workspace{grid-template-columns:1fr 1fr}.quotes-original .panel.span3{grid-column:span 2}.quotes-original .inputbar{grid-template-columns:repeat(3,1fr)}.quotes-original .inputbar .grow{grid-column:span 2}}@media(max-width:800px){.quotes-original.quotes-pro-shell{padding:10px}.quotes-original .hero{display:grid}.quotes-original .metrics{grid-template-columns:repeat(2,1fr)}.quotes-original .identity{grid-template-columns:1fr 1fr}.quotes-original .identity-main{grid-column:span 2}.quotes-original .tabs{display:flex;overflow:auto}.quotes-original .tabs button{min-width:150px}.quotes-original .workspace{grid-template-columns:1fr}.quotes-original .panel.span2,.quotes-original .panel.span3{grid-column:span 1}.quotes-original .inputbar{grid-template-columns:1fr}.quotes-original .inputbar .grow{grid-column:span 1}.quotes-original .quote-table,.quotes-original .lines-table{overflow:auto}.quotes-original .quote-table .row,.quotes-original .lines-table .row{min-width:820px}.quotes-original .cards,.quotes-original .insights{grid-template-columns:1fr}.quotes-original .heatmap{grid-template-columns:100px repeat(3,1fr)}}
.quotes-original .quote-builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.quotes-original .quote-builder-grid>div{padding:12px;border:1px solid var(--wtp-border,#d9dee8);border-radius:10px}.quotes-original .version-row{width:100%;text-align:left;background:transparent;border:0;cursor:pointer}.quotes-original .quote-builder pre{max-height:220px;overflow:auto;white-space:pre-wrap}.quotes-original .quote-builder label{display:grid;gap:6px;margin:10px 0}.quotes-original .quote-builder input,.quotes-original .quote-builder textarea{width:100%;box-sizing:border-box}@media(max-width:900px){.quotes-original .quote-builder-grid{grid-template-columns:1fr}}
.quotes-original .heatmap>b{overflow-wrap:anywhere}@media(max-width:800px){.quotes-original{--quote-heat-label:100px}}

/* Preserved Accounts Pro original component rules, isolated to the restored READ panels. */

.accounts-original{
display:block;
--bg:#07111f;
--panel:#0d1b2e;
--panel2:#12243c;
--line:#213955;
--text:#e9f2ff;
--muted:#8fa6c2;
--accent:#62d7ff;
--ok:#66dfb2;
--warn:#f1c967;
--danger:#ff758c;
--purple:#b990ff;
color:var(--text)}
.accounts-original *{
box-sizing:border-box}
.accounts-original .cuentas-pro-shell{
min-height:100vh;
padding:18px;
display:grid;
gap:12px;
background:radial-gradient(circle at 12% 0,#12345a 0,transparent 31%),var(--bg)}
.accounts-original button,.accounts-original input,.accounts-original select,.accounts-original textarea{
font:inherit}
.accounts-original .hero,.accounts-original .inputbar,.accounts-original .metric,.accounts-original .tabs,.accounts-original .panel,.accounts-original .state-panel{
border:1px solid var(--line);
background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));
border-radius:16px}
.accounts-original .hero{
padding:19px;
display:flex;
justify-content:space-between;
gap:20px}
.accounts-original .hero-copy{
min-width:0}
.accounts-original .eyebrow{
color:var(--accent);
font-size:9px;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase}
.accounts-original .hero h1{
margin:5px 0;
font-size:29px}
.accounts-original .hero p{
margin:0;
color:var(--muted);
max-width:900px}
.accounts-original .chips,.accounts-original .hero-actions,.accounts-original .drawer-actions{
display:flex;
gap:7px;
flex-wrap:wrap;
margin-top:11px}
.accounts-original .chip,.accounts-original .status{
padding:4px 8px;
border:1px solid var(--line);
border-radius:999px;
font-size:8px;
font-weight:800}
.accounts-original .ok{
color:var(--ok)}
.accounts-original .warn{
color:var(--warn)}
.accounts-original .danger{
color:var(--danger)}
.accounts-original .positive{
color:var(--ok)}
.accounts-original .warning{
color:var(--warn)}
.accounts-original .btn{
border:1px solid #3f718e;
background:linear-gradient(135deg,#64d7ff,#88efd2);
color:#06121b;
font-weight:900;
border-radius:9px;
padding:8px 11px;
cursor:pointer}
.accounts-original .btn.ghost{
background:#12243c;
color:#fff;
border-color:var(--line)}
.accounts-original .danger-btn{
background:#381923;
color:#ffd7de;
border-color:#713448}
.accounts-original .inputbar{
padding:10px;
display:grid;
grid-template-columns:120px 150px 160px 160px 1fr auto;
gap:8px;
align-items:end}
.accounts-original .inputbar label,.accounts-original .action-drawer label{
display:grid;
gap:4px;
color:var(--muted);
font-size:8px;
text-transform:uppercase}
.accounts-original .inputbar input,.accounts-original .inputbar select,.accounts-original .action-drawer input,.accounts-original .action-drawer textarea{
width:100%;
border:1px solid var(--line);
border-radius:8px;
background:#091827;
color:#fff;
padding:7px}
.accounts-original .search{
min-width:190px}
.accounts-original .state-panel{
padding:14px}
.accounts-original .metrics{
display:grid;
grid-template-columns:repeat(8,minmax(0,1fr));
gap:7px}
.accounts-original .metric{
padding:11px;
text-align:left;
color:#fff;
cursor:pointer;
min-height:92px}
.accounts-original .metric span,.accounts-original .metric small{
display:block;
color:var(--muted);
font-size:8px}
.accounts-original .metric span{
text-transform:uppercase}
.accounts-original .metric strong{
display:block;
font-size:17px;
margin:6px 0}
.accounts-original .metric:hover,.accounts-original .metric:focus{
border-color:#3b84ad;
transform:translateY(-1px)}
.accounts-original .tabs{
display:grid;
grid-template-columns:repeat(11,minmax(0,1fr));
padding:5px;
gap:4px}
.accounts-original .tabs button{
border:1px solid transparent;
background:transparent;
color:var(--muted);
padding:8px;
border-radius:9px;
text-align:left;
cursor:pointer;
min-width:0}
.accounts-original .tabs button.active{
background:#16314f;
border-color:#3b84ad;
color:#fff}
.accounts-original .tabs strong,.accounts-original .tabs small{
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
.accounts-original .tabs strong{
font-size:8px}
.accounts-original .tabs small{
font-size:7px;
margin-top:2px}
.accounts-original .workspace{
display:grid;
grid-template-columns:1.7fr .8fr;
gap:11px}
.accounts-original .panel{
padding:14px;
min-width:0}
.accounts-original .panel.wide{
min-height:360px}
.accounts-original .panel-title{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
margin-bottom:11px}
.accounts-original .panel-title h2,.accounts-original .panel h2{
margin:3px 0;
font-size:15px}
.accounts-original .panel-title strong{
font-size:11px}
.accounts-original .panel p{
color:var(--muted);
font-size:9px}
.accounts-original .account-list{
display:grid;
gap:5px}
.accounts-original .account-row{
display:grid;
grid-template-columns:42px minmax(170px,1.8fr) repeat(6,minmax(60px,.55fr));
align-items:center;
gap:8px;
border:1px solid var(--line);
border-radius:10px;
background:#091827;
color:#fff;
padding:8px;
text-align:left;
cursor:pointer}
.accounts-original .account-row:hover,.accounts-original .account-row.selected{
background:#122a46;
border-color:#3b84ad}
.accounts-original .account-row small,.accounts-original .account-main small{
display:block;
color:var(--muted);
font-size:7px}
.accounts-original .account-row b{
font-size:9px}
.accounts-original .account-main b{
display:block;
font-size:10px}
.accounts-original .avatar{
width:38px;
height:38px;
border-radius:11px;
display:grid;
place-items:center;
background:linear-gradient(135deg,#164f7a,#6246b8);
color:#fff;
font-weight:900;
font-size:10px}
.accounts-original .avatar.small{
width:30px;
height:30px;
border-radius:9px}
.accounts-original .score-ring{
width:120px;
height:120px;
margin:16px auto;
border-radius:50%;
display:grid;
place-items:center;
background:conic-gradient(var(--ok) var(--score),#1b2a3d 0)}
.accounts-original .score-ring>div{
width:92px;
height:92px;
border-radius:50%;
background:#091827;
display:grid;
place-items:center;
align-content:center}
.accounts-original .score-ring strong{
font-size:30px}
.accounts-original .score-ring span{
font-size:8px;
color:var(--muted)}
.accounts-original .mini-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:6px}
.accounts-original .mini-grid div{
border:1px solid var(--line);
border-radius:9px;
background:#091827;
padding:8px}
.accounts-original .mini-grid span,.accounts-original .mini-grid b{
display:block}
.accounts-original .mini-grid span{
font-size:7px;
color:var(--muted)}
.accounts-original .mini-grid b{
font-size:14px;
margin-top:4px}
.accounts-original .callout{
padding:9px;
border:1px solid #66532d;
background:#292113;
color:#f7dda1;
border-radius:9px;
font-size:8px;
margin-top:10px}
.accounts-original .empty{
border:1px dashed var(--line);
border-radius:9px;
padding:16px;
color:var(--muted);
font-size:9px;
text-align:center;
margin-top:8px}
.accounts-original .hierarchy-tree{
min-height:300px;
display:grid;
place-items:center;
align-content:center;
gap:9px}
.accounts-original .hierarchy-node{
min-width:220px;
border:1px solid #315e80;
border-radius:12px;
background:#0a1a2d;
color:#fff;
padding:10px;
display:grid;
gap:3px;
text-align:center}
.accounts-original .hierarchy-node span{
color:var(--accent);
font-size:7px;
text-transform:uppercase}
.accounts-original .hierarchy-node.parent{
background:#142d49}
.accounts-original .hierarchy-node.current{
background:#173653}
.accounts-original .hierarchy-node.child{
min-width:150px}
.accounts-original .hierarchy-line{
height:32px;
width:1px;
background:#315e80}
.accounts-original .children{
display:flex;
gap:8px;
flex-wrap:wrap;
justify-content:center}
.accounts-original .cards-grid,.accounts-original .insight-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px}
.accounts-original .relation-card,.accounts-original .insight{
border:1px solid var(--line);
border-radius:10px;
background:#091827;
color:#fff;
padding:10px;
text-align:left;
display:grid;
gap:5px;
cursor:pointer}
.accounts-original .relation-card:hover,.accounts-original .insight:hover{
border-color:#3b84ad}
.accounts-original .relation-card small,.accounts-original .insight small,.accounts-original .insight p{
color:var(--muted);
font-size:8px;
margin:0}
.accounts-original .bars{
display:grid;
gap:8px}
.accounts-original .bar{
display:grid;
grid-template-columns:90px 1fr 42px;
gap:7px;
align-items:center}
.accounts-original .bar span{
font-size:8px;
color:var(--muted)}
.accounts-original .bar i,.accounts-original .health-bars i,.accounts-original .quality-card i{
height:8px;
background:#07111f;
border-radius:999px;
overflow:hidden}
.accounts-original .bar i b,.accounts-original .health-bars i b,.accounts-original .quality-card i em{
display:block;
height:100%;
background:linear-gradient(90deg,#286e93,var(--accent));
border-radius:999px}
.accounts-original .bar strong{
font-size:8px}
.accounts-original .funnel{
display:grid;
gap:5px;
place-items:center;
padding:12px 0}
.accounts-original .funnel div{
padding:9px;
border:1px solid #2e6387;
border-radius:8px;
background:linear-gradient(90deg,#1b5377,#183657);
display:flex;
justify-content:space-between;
gap:10px}
.accounts-original .data-table{
display:grid;
border:1px solid var(--line);
border-radius:10px;
overflow:hidden;
margin-top:10px}
.accounts-original .data-row{
display:grid;
grid-template-columns:1.5fr 1fr .8fr .6fr;
gap:8px;
padding:8px;
border:0;
border-top:1px solid var(--line);
background:#091827;
color:#fff;
text-align:left}
.accounts-original .data-row:first-child{
border-top:0}
.accounts-original .data-row:not(.head){
cursor:pointer}
.accounts-original .data-row:not(.head):hover{
background:#122a46}
.accounts-original .data-row.head{
color:var(--muted);
font-size:7px;
text-transform:uppercase}
.accounts-original .data-row span,.accounts-original .data-row b{
font-size:8px}
.accounts-original .timeline{
display:grid;
position:relative}
.accounts-original .timeline:before{
content:'';
position:absolute;
left:7px;
top:7px;
bottom:7px;
width:1px;
background:#25415e}
.accounts-original .event{
position:relative;
display:grid;
grid-template-columns:16px 1fr;
gap:8px;
border:0;
background:transparent;
color:#fff;
text-align:left;
padding:7px 0;
cursor:pointer}
.accounts-original .event-dot{
width:9px;
height:9px;
margin-top:5px;
border-radius:50%;
background:var(--accent);
box-shadow:0 0 0 3px #10243a;
z-index:1}
.accounts-original .event small,.accounts-original .event b,.accounts-original .event em{
display:block}
.accounts-original .event small{
color:var(--muted);
font-size:7px}
.accounts-original .event b{
font-size:9px;
margin:2px 0}
.accounts-original .event em{
font-size:7px;
color:var(--warn);
font-style:normal}
.accounts-original .health-bars{
display:grid;
gap:10px}
.accounts-original .health-bars>div{
display:grid;
grid-template-columns:120px 1fr 42px;
gap:8px;
align-items:center}
.accounts-original .health-bars span{
font-size:8px;
color:var(--muted)}
.accounts-original .health-bars strong{
font-size:9px}
.accounts-original .insight>span{
font-size:7px;
text-transform:uppercase;
font-weight:900}
.accounts-original .control-chart{
height:290px;
border:1px solid var(--line);
border-radius:12px;
background:#081523;
padding:10px}
.accounts-original .control-chart svg{
width:100%;
height:100%}
.accounts-original .ucl{
stroke:var(--danger);
stroke-dasharray:8 6}
.accounts-original .cl{
stroke:var(--warn);
stroke-dasharray:8 6}
.accounts-original .lcl{
stroke:var(--ok);
stroke-dasharray:8 6}
.accounts-original .trend{
fill:none;
stroke:var(--accent);
stroke-width:4}
.accounts-original .spc-stats{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:7px;
margin-top:8px}
.accounts-original .spc-stats div{
border:1px solid var(--line);
border-radius:8px;
background:#091827;
padding:7px}
.accounts-original .spc-stats span,.accounts-original .spc-stats b{
display:block}
.accounts-original .spc-stats span{
color:var(--muted);
font-size:7px}
.accounts-original .spc-stats b{
font-size:11px;
margin-top:3px}
.accounts-original .quality-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px}
.accounts-original .quality-card{
border:1px solid var(--line);
border-radius:10px;
background:#091827;
padding:10px}
.accounts-original .quality-card span,.accounts-original .quality-card b,.accounts-original .quality-card small{
display:block}
.accounts-original .quality-card span,.accounts-original .quality-card small{
font-size:8px;
color:var(--muted)}
.accounts-original .quality-card b{
font-size:14px;
margin:5px 0}
.accounts-original .quality-card i{
display:block;
margin-top:7px}
.accounts-original .heatmap{
display:grid;
grid-template-columns:1fr;
gap:4px;
margin-top:12px}
.accounts-original .heat-row{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:4px;
border:0;
background:transparent}
.accounts-original .heat-row span{
display:grid;
place-items:center;
min-height:42px;
border:1px solid #366482;
border-radius:7px;
background:#2585b7;
color:#fff;
font-size:8px;
cursor:pointer}
.accounts-original .relationship-section{
min-height:430px}
.accounts-original .relationship-graph{
height:330px;
border:1px solid var(--line);
border-radius:12px;
background:radial-gradient(circle at center,rgba(98,215,255,.09),transparent 22%),#081523}
.accounts-original .relationship-graph svg{
width:100%;
height:100%}
.accounts-original .relationship-graph line{
stroke:#34516e;
stroke-width:1.5}
.accounts-original .relationship-graph circle{
fill:#132e4b;
stroke:var(--accent);
stroke-width:2;
cursor:pointer}
.accounts-original .relationship-graph circle:hover{
stroke-width:4}
.accounts-original .relationship-graph text{
fill:#fff;
font-size:8px;
pointer-events:none}
.accounts-original .graph-inspector{
margin-top:7px;
border:1px solid var(--line);
border-radius:8px;
background:#091827;
padding:8px;
display:flex;
justify-content:space-between;
font-size:8px}
.accounts-original .detail-drawer,.accounts-original .action-drawer{
position:fixed;
top:0;
right:-470px;
width:min(460px,94vw);
height:100vh;
background:#091522;
border-left:1px solid var(--line);
z-index:40;
padding:15px;
transition:right .2s ease;
box-shadow:-18px 0 50px rgba(0,0,0,.28);
overflow:auto}
.accounts-original .detail-drawer.open,.accounts-original .action-drawer.open{
right:0}
.accounts-original .detail-drawer header,.accounts-original .action-drawer header{
display:flex;
justify-content:space-between;
align-items:flex-start;
border-bottom:1px solid var(--line);
padding-bottom:10px;
margin-bottom:10px}
.accounts-original .detail-drawer header span,.accounts-original .action-drawer header span{
display:block;
color:var(--accent);
font-size:7px;
text-transform:uppercase}
.accounts-original .detail-drawer header b,.accounts-original .action-drawer header b{
display:block;
margin-top:3px}
.accounts-original .detail-drawer header button,.accounts-original .action-drawer header button{
border:1px solid var(--line);
border-radius:8px;
background:#12243c;
color:#fff;
width:30px;
height:30px}
.accounts-original .detail-drawer pre,.accounts-original .action-drawer pre{
white-space:pre-wrap;
word-break:break-word;
border:1px solid var(--line);
background:#07111f;
color:#b9d6ff;
padding:10px;
border-radius:8px;
font-size:8px}
.accounts-original .action-drawer label{
margin:8px 0}
.accounts-original .action-drawer small{
display:block;
color:var(--muted);
font-size:7px;
margin-top:10px}
.accounts-original code{
color:var(--accent)}
@media(max-width:1400px){
.accounts-original .metrics{
grid-template-columns:repeat(4,1fr)}
.accounts-original .tabs{
grid-template-columns:repeat(6,1fr)}
.accounts-original .account-row{
grid-template-columns:42px minmax(180px,1.8fr) repeat(3,minmax(70px,.6fr))}
.accounts-original .account-row>span:nth-child(n+6){
display:none}
}
@media(max-width:1050px){
.accounts-original .inputbar{
grid-template-columns:repeat(3,1fr)}
.accounts-original .workspace{
grid-template-columns:1fr}
.accounts-original .tabs{
grid-template-columns:repeat(4,1fr)}
.accounts-original .cards-grid,.accounts-original .insight-grid{
grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
.accounts-original .cuentas-pro-shell{
padding:9px}
.accounts-original .hero{
display:grid}
.accounts-original .inputbar{
grid-template-columns:1fr}
.accounts-original .metrics{
grid-template-columns:repeat(2,1fr)}
.accounts-original .tabs{
display:flex;
overflow:auto}
.accounts-original .tabs button{
min-width:140px}
.accounts-original .account-row{
grid-template-columns:38px 1fr 60px}
.accounts-original .account-row>span:nth-child(n+4){
display:none}
.accounts-original .cards-grid,.accounts-original .insight-grid,.accounts-original .quality-grid{
grid-template-columns:1fr}
.accounts-original .spc-stats{
grid-template-columns:repeat(2,1fr)}
.accounts-original .health-bars>div{
grid-template-columns:90px 1fr 36px}
}

/* Preserved Opportunities Pro original component styles; selectors scoped only. */
.opportunities-original{
display:block;
color:#e9f2ff}
.opportunities-original .opp-pro-shell{
--bg:#07111f;
--panel:#0d1b2e;
--card:#12243c;
--line:#213955;
--text:#e9f2ff;
--muted:#8fa6c2;
--accent:#62d7ff;
--ok:#66dfb2;
--warn:#f1c967;
--danger:#ff758c;
--purple:#b990ff;
min-height:100%;
padding:18px;
background:radial-gradient(circle at 8% 0,#12345a 0,transparent 30%),var(--bg);
display:grid;
gap:12px}
.opportunities-original .hero,.opportunities-original .inputbar,.opportunities-original .metric,.opportunities-original .tabs,.opportunities-original .panel,.opportunities-original .drawer,.opportunities-original .action-drawer{
border:1px solid var(--line);
background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));
border-radius:16px}
.opportunities-original .hero{
display:flex;
justify-content:space-between;
gap:20px;
padding:20px}
.opportunities-original .hero h2{
font-size:29px;
margin:5px 0}
.opportunities-original .hero p{
margin:0;
color:var(--muted);
max-width:900px}
.opportunities-original .eyebrow{
display:block;
color:var(--accent);
font-size:9px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase}
.opportunities-original .chips,.opportunities-original .hero-actions,.opportunities-original .actions{
display:flex;
gap:7px;
flex-wrap:wrap}
.opportunities-original .chips{
margin-top:10px}
.opportunities-original .chip{
padding:4px 8px;
border:1px solid var(--line);
border-radius:999px;
font-size:8px;
font-weight:900}
.opportunities-original .chip.ok{
color:var(--ok)}
.opportunities-original .chip.warn{
color:var(--warn)}
.opportunities-original .btn{
border:1px solid #3f718e;
border-radius:9px;
background:linear-gradient(135deg,#64d7ff,#88efd2);
color:#06121b;
font-weight:900;
padding:9px 12px;
cursor:pointer}
.opportunities-original .btn.ghost{
background:#10223a;
color:#e9f2ff;
border-color:var(--line)}
.opportunities-original .btn.danger,.opportunities-original .danger{
background:#391824;
color:#ffdce3;
border-color:#713346}
.opportunities-original .inputbar{
display:grid;
grid-template-columns:150px 190px 170px 160px minmax(220px,1fr) auto;
gap:8px;
padding:11px}
.opportunities-original .inputbar label,.opportunities-original .action-drawer label{
display:grid;
gap:4px;
color:var(--muted);
font-size:8px;
text-transform:uppercase}
.opportunities-original .inputbar input,.opportunities-original .inputbar select,.opportunities-original .action-drawer input,.opportunities-original .action-drawer textarea{
min-height:36px;
border:1px solid var(--line);
border-radius:8px;
background:#081523;
color:#fff;
padding:7px 9px}
.opportunities-original .inputbar .search{
min-width:0}
.opportunities-original .state{
padding:13px;
border:1px solid var(--line);
border-radius:12px;
background:#0a1727;
color:var(--muted)}
.opportunities-original .danger-box{
color:#ffd3da;
border-color:#703342}
.opportunities-original .metrics{
display:grid;
grid-template-columns:repeat(8,1fr);
gap:7px}
.opportunities-original .metric{
min-height:98px;
padding:11px;
display:grid;
gap:5px;
text-align:left;
color:var(--text);
cursor:pointer}
.opportunities-original .metric span{
font-size:8px;
text-transform:uppercase;
color:var(--muted)}
.opportunities-original .metric strong{
font-size:18px}
.opportunities-original .metric small{
font-size:8px;
color:var(--muted)}
.opportunities-original .metric i,.opportunities-original .micro{
height:5px;
background:#07111f;
border-radius:99px;
overflow:hidden;
display:block}
.opportunities-original .metric i b,.opportunities-original .micro u{
display:block;
height:100%;
background:var(--accent);
border-radius:99px}
.opportunities-original .metric.success strong{
color:var(--ok)}
.opportunities-original .metric.warning strong{
color:var(--warn)}
.opportunities-original .metric.danger strong{
color:var(--danger)}
.opportunities-original .tabs{
display:grid;
grid-template-columns:repeat(10,1fr);
gap:4px;
padding:5px}
.opportunities-original .tab{
border:1px solid transparent;
border-radius:9px;
background:transparent;
color:var(--muted);
padding:9px 7px;
text-align:left;
cursor:pointer}
.opportunities-original .tab.active{
background:#16314f;
border-color:#3b84ad;
color:#fff}
.opportunities-original .tab b{
display:block;
font-size:8px}
.opportunities-original .tab small{
display:block;
font-size:7px;
margin-top:3px}
.opportunities-original .workspace{
display:grid;
grid-template-columns:1.45fr .75fr;
gap:12px;
align-items:start}
.opportunities-original .panel{
padding:15px;
min-width:0}
.opportunities-original .panel.wide{
min-height:280px}
.opportunities-original .panel header{
display:flex;
justify-content:space-between;
gap:10px;
align-items:flex-start;
margin-bottom:11px}
.opportunities-original .panel h3{
font-size:14px;
margin:3px 0}
.opportunities-original .link{
border:0;
background:transparent;
color:var(--accent);
font-size:9px;
cursor:pointer}
.opportunities-original .opportunity-table,.opportunities-original .quote-table{
display:grid;
border:1px solid var(--line);
border-radius:11px;
overflow:hidden}
.opportunities-original .thead,.opportunities-original .trow{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr 1fr .55fr;
gap:8px;
align-items:center;
padding:9px 10px}
.opportunities-original .quote-table .thead,.opportunities-original .quote-table .trow{
grid-template-columns:2fr 1fr 1fr 1fr}
.opportunities-original .thead{
background:#081523;
color:var(--muted);
font-size:8px;
text-transform:uppercase}
.opportunities-original .trow{
border:0;
border-top:1px solid #172b40;
background:#0a1727;
color:#fff;
text-align:left;
cursor:pointer}
.opportunities-original .trow:hover{
background:#102641}
.opportunities-original .trow span{
min-width:0;
font-size:9px}
.opportunities-original .trow b{
display:block}
.opportunities-original .trow small{
display:block;
color:var(--muted);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
.opportunities-original .risk{
display:inline-grid;
place-items:center;
min-width:38px;
height:25px;
border:1px solid var(--line);
border-radius:999px;
font-style:normal}
.opportunities-original .risk.success{
color:var(--ok)}
.opportunities-original .risk.warning{
color:var(--warn)}
.opportunities-original .risk.danger{
color:var(--danger)}
.opportunities-original .bar-chart{
display:grid;
gap:8px}
.opportunities-original .bar-row{
display:grid;
grid-template-columns:100px 1fr 80px;
gap:8px;
align-items:center;
border:0;
background:transparent;
color:#fff;
text-align:left}
.opportunities-original .bar-row span{
font-size:8px;
color:var(--muted);
overflow:hidden;
text-overflow:ellipsis}
.opportunities-original .bar-row>i{
height:9px;
border-radius:99px;
background:#07111f;
overflow:hidden}
.opportunities-original .bar-row>i>b{
display:block;
height:100%;
border-radius:99px;
background:linear-gradient(90deg,#27789e,var(--accent))}
.opportunities-original .bar-row strong{
font-size:9px;
text-align:right}
.opportunities-original .donut-wrap{
display:grid;
grid-template-columns:130px 1fr;
gap:15px;
align-items:center}
.opportunities-original .donut{
width:118px;
height:118px;
border-radius:50%;
display:grid;
place-items:center;
align-content:center;
background:radial-gradient(circle,#0a1727 55%,transparent 57%),conic-gradient(var(--accent) 0 62%,#1b2a3d 62%)}
.opportunities-original .donut.win{
background:radial-gradient(circle,#0a1727 55%,transparent 57%),conic-gradient(var(--ok) 0 58%,#1b2a3d 58%)}
.opportunities-original .donut b{
font-size:22px}
.opportunities-original .donut small{
font-size:7px;
color:var(--muted)}
.opportunities-original .legend{
display:grid;
gap:6px}
.opportunities-original .legend div,.opportunities-original .legend button{
display:flex;
justify-content:space-between;
gap:8px;
border:1px solid var(--line);
border-radius:8px;
background:#081523;
color:#fff;
padding:7px;
font-size:8px}
.opportunities-original .deal-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
border:1px solid var(--line);
border-radius:11px;
overflow:hidden}
.opportunities-original .deal-grid div{
padding:11px;
border-right:1px solid var(--line);
border-bottom:1px solid var(--line)}
.opportunities-original .deal-grid span,.opportunities-original .next-step span,.opportunities-original .description span{
display:block;
color:var(--muted);
font-size:8px;
text-transform:uppercase}
.opportunities-original .deal-grid strong{
display:block;
margin-top:4px;
font-size:11px}
.opportunities-original .next-step,.opportunities-original .description{
margin-top:10px;
padding:11px;
border:1px solid var(--line);
border-radius:10px;
background:#081523}
.opportunities-original .next-step p,.opportunities-original .description p{
margin:5px 0 0;
color:#c9d7e8}
.opportunities-original .risk-gauge{
display:grid;
place-items:center;
padding:14px}
.opportunities-original .risk-gauge>div{
width:125px;
height:125px;
border-radius:50%;
display:grid;
place-items:center;
align-content:center;
background:radial-gradient(circle,#091522 55%,transparent 57%),conic-gradient(var(--danger) 0 62%,#1b2a3d 62%)}
.opportunities-original .risk-gauge strong{
font-size:31px}
.opportunities-original .risk-gauge span{
font-size:8px;
color:var(--muted)}
.opportunities-original .inspector,.opportunities-original .callout{
margin-top:9px;
padding:10px;
border:1px solid var(--line);
border-radius:9px;
background:#081523;
color:var(--muted);
font-size:8px}
.opportunities-original .stakeholder-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:8px}
.opportunities-original .stakeholder{
display:flex;
gap:10px;
padding:11px;
border:1px solid var(--line);
border-radius:10px;
background:#081523}
.opportunities-original .avatar{
width:42px;
height:42px;
border-radius:11px;
display:grid;
place-items:center;
background:#163653;
color:var(--accent);
font-weight:900}
.opportunities-original .stakeholder p{
margin:2px 0;
color:var(--muted);
font-size:8px}
.opportunities-original .stakeholder small{
color:var(--accent);
font-size:7px}
.opportunities-original .funnel{
display:grid;
gap:6px}
.opportunities-original .funnel div{
min-width:38%;
padding:10px;
border:1px solid #2e5c80;
border-radius:9px;
background:linear-gradient(90deg,#1b5377,#183657);
display:flex;
justify-content:space-between}
.opportunities-original .timeline{
display:grid}
.opportunities-original .event{
display:grid;
grid-template-columns:34px 1fr;
gap:9px;
padding:9px 0;
border-bottom:1px solid #172b40}
.opportunities-original .dot{
width:30px;
height:30px;
border-radius:50%;
display:grid;
place-items:center;
background:#163653;
color:var(--accent);
font-weight:900}
.opportunities-original .event p{
margin:2px 0;
color:var(--muted);
font-size:8px}
.opportunities-original .event small{
color:#7088a3;
font-size:7px}
.opportunities-original .risk-list,.opportunities-original .nba{
display:grid;
gap:7px}
.opportunities-original .risk-list button,.opportunities-original .nba button{
display:grid;
grid-template-columns:1fr auto;
gap:7px;
padding:10px;
border:1px solid var(--line);
border-radius:9px;
background:#081523;
color:#fff;
text-align:left}
.opportunities-original .risk-list p{
grid-column:1/-1;
margin:0;
color:var(--muted);
font-size:8px}
.opportunities-original .risk-list small,.opportunities-original .nba small{
display:block;
color:var(--muted);
font-size:7px}
.opportunities-original .heatmap{
display:grid;
grid-template-columns:120px repeat(3,1fr);
gap:5px;
align-items:center}
.opportunities-original .heatmap>b,.opportunities-original .heatmap>strong{
font-size:8px;
color:var(--muted);
text-align:center}
.opportunities-original .heatmap button{
min-height:42px;
border:1px solid #316184;
border-radius:7px;
background:#17618b;
color:#fff;
font-weight:900;
cursor:pointer}
.opportunities-original .chart,.opportunities-original .control-chart{
border:1px solid var(--line);
border-radius:11px;
background:#081523;
padding:10px;
min-height:250px}
.opportunities-original .chart svg,.opportunities-original .control-chart svg{
width:100%;
height:225px}
.opportunities-original .trend{
fill:none;
stroke:var(--accent);
stroke-width:4}
.opportunities-original .point{
fill:#173653;
stroke:var(--accent);
stroke-width:3;
cursor:pointer}
.opportunities-original .ucl{
stroke:var(--danger);
stroke-dasharray:8 6}
.opportunities-original .cl{
stroke:var(--warn);
stroke-dasharray:8 6}
.opportunities-original .lcl{
stroke:var(--ok);
stroke-dasharray:8 6}
.opportunities-original .control-stats{
display:flex;
gap:7px;
flex-wrap:wrap}
.opportunities-original .control-stats span{
padding:4px 7px;
border:1px solid var(--line);
border-radius:999px;
color:var(--muted);
font-size:7px}
.opportunities-original .quality .bar-row>i>b{
background:linear-gradient(90deg,#27815f,var(--ok))}
.opportunities-original .source-list{
display:grid;
gap:7px}
.opportunities-original .source-list span{
padding:9px;
border:1px solid var(--line);
border-radius:9px;
background:#081523;
color:var(--muted);
font-size:8px}
.opportunities-original .source-list b{
float:right;
color:#fff}
.opportunities-original .empty{
padding:17px;
text-align:center;
color:var(--muted);
font-size:9px}
.opportunities-original .drawer,.opportunities-original .action-drawer{
position:fixed;
z-index:50;
top:70px;
right:18px;
bottom:18px;
width:min(520px,calc(100vw - 36px));
padding:15px;
box-shadow:0 24px 60px rgba(0,0,0,.45);
overflow:auto}
.opportunities-original .drawer header,.opportunities-original .action-drawer header{
display:flex;
justify-content:space-between;
border-bottom:1px solid var(--line);
padding-bottom:10px}
.opportunities-original .drawer header button,.opportunities-original .action-drawer header button{
border:0;
background:transparent;
color:#fff;
font-size:22px}
.opportunities-original .drawer-list{
display:grid;
gap:7px;
margin-top:10px}
.opportunities-original .drawer-list div{
display:grid;
grid-template-columns:1fr auto;
gap:4px;
padding:10px;
border:1px solid var(--line);
border-radius:9px;
background:#081523}
.opportunities-original .drawer-list small{
grid-column:1/-1;
color:var(--muted)}
.opportunities-original .action-drawer label{
margin-top:10px}
.opportunities-original .action-drawer textarea{
min-height:90px;
resize:vertical}
.opportunities-original .request-preview{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:7px;
margin-top:10px}
.opportunities-original .request-preview span{
padding:8px;
border:1px solid var(--line);
border-radius:8px;
color:var(--muted);
font-size:8px}
.opportunities-original .request-preview b{
float:right;
color:#fff}
@media(max-width:1250px){
.opportunities-original .metrics{
grid-template-columns:repeat(4,1fr)}
.opportunities-original .tabs{
grid-template-columns:repeat(5,1fr)}
.opportunities-original .inputbar{
grid-template-columns:repeat(3,1fr)}
.opportunities-original .workspace{
grid-template-columns:1fr}
.opportunities-original .deal-grid{
grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
.opportunities-original .opp-pro-shell{
padding:9px}
.opportunities-original .hero{
display:grid}
.opportunities-original .metrics{
grid-template-columns:repeat(2,1fr)}
.opportunities-original .tabs{
display:flex;
overflow:auto}
.opportunities-original .tab{
min-width:145px}
.opportunities-original .inputbar{
grid-template-columns:1fr}
.opportunities-original .thead{
display:none}
.opportunities-original .trow{
grid-template-columns:1fr 1fr}
.opportunities-original .deal-grid,.opportunities-original .stakeholder-grid{
grid-template-columns:1fr}
.opportunities-original .donut-wrap{
grid-template-columns:1fr}
.opportunities-original .heatmap{
grid-template-columns:90px repeat(3,1fr)}
}


.opportunities-original .opp-pro-shell .depth-rule-1{
--wtp-opportunity-depth-1:1;
}

.opportunities-original .opp-pro-shell .depth-rule-2{
--wtp-opportunity-depth-2:2;
}

.opportunities-original .opp-pro-shell .depth-rule-3{
--wtp-opportunity-depth-3:3;
}

.opportunities-original .opp-pro-shell .depth-rule-4{
--wtp-opportunity-depth-4:4;
}

.opportunities-original .opp-pro-shell .depth-rule-5{
--wtp-opportunity-depth-5:5;
}

.opportunities-original .opp-pro-shell .depth-rule-6{
--wtp-opportunity-depth-6:6;
}

.opportunities-original .opp-pro-shell .depth-rule-7{
--wtp-opportunity-depth-7:7;
}

.opportunities-original .opp-pro-shell .depth-rule-8{
--wtp-opportunity-depth-8:8;
}

.opportunities-original .opp-pro-shell .depth-rule-9{
--wtp-opportunity-depth-9:9;
}

.opportunities-original .opp-pro-shell .depth-rule-10{
--wtp-opportunity-depth-10:10;
}

.opportunities-original .opp-pro-shell .depth-rule-11{
--wtp-opportunity-depth-11:11;
}

.opportunities-original .opp-pro-shell .depth-rule-12{
--wtp-opportunity-depth-12:12;
}

.opportunities-original .opp-pro-shell .depth-rule-13{
--wtp-opportunity-depth-13:13;
}

.opportunities-original .opp-pro-shell .depth-rule-14{
--wtp-opportunity-depth-14:14;
}

.opportunities-original .opp-pro-shell .depth-rule-15{
--wtp-opportunity-depth-15:15;
}

.opportunities-original .opp-pro-shell .depth-rule-16{
--wtp-opportunity-depth-16:16;
}

.opportunities-original .opp-pro-shell .depth-rule-17{
--wtp-opportunity-depth-17:17;
}

.opportunities-original .opp-pro-shell .depth-rule-18{
--wtp-opportunity-depth-18:18;
}

.opportunities-original .opp-pro-shell .depth-rule-19{
--wtp-opportunity-depth-19:19;
}

.opportunities-original .opp-pro-shell .depth-rule-20{
--wtp-opportunity-depth-20:20;
}

.opportunities-original .opp-pro-shell .depth-rule-21{
--wtp-opportunity-depth-21:21;
}

.opportunities-original .opp-pro-shell .depth-rule-22{
--wtp-opportunity-depth-22:22;
}

.opportunities-original .opp-pro-shell .depth-rule-23{
--wtp-opportunity-depth-23:23;
}

.opportunities-original .opp-pro-shell .depth-rule-24{
--wtp-opportunity-depth-24:24;
}

.opportunities-original .opp-pro-shell .depth-rule-25{
--wtp-opportunity-depth-25:25;
}

.opportunities-original .opp-pro-shell .depth-rule-26{
--wtp-opportunity-depth-26:26;
}

.opportunities-original .opp-pro-shell .depth-rule-27{
--wtp-opportunity-depth-27:27;
}

.opportunities-original .opp-pro-shell .depth-rule-28{
--wtp-opportunity-depth-28:28;
}

.opportunities-original .opp-pro-shell .depth-rule-29{
--wtp-opportunity-depth-29:29;
}

.opportunities-original .opp-pro-shell .depth-rule-30{
--wtp-opportunity-depth-30:30;
}

.opportunities-original .opp-pro-shell .depth-rule-31{
--wtp-opportunity-depth-31:31;
}

.opportunities-original .opp-pro-shell .depth-rule-32{
--wtp-opportunity-depth-32:32;
}

.opportunities-original .opp-pro-shell .depth-rule-33{
--wtp-opportunity-depth-33:33;
}

.opportunities-original .opp-pro-shell .depth-rule-34{
--wtp-opportunity-depth-34:34;
}

.opportunities-original .opp-pro-shell .depth-rule-35{
--wtp-opportunity-depth-35:35;
}

.opportunities-original .opp-pro-shell .depth-rule-36{
--wtp-opportunity-depth-36:36;
}

.opportunities-original .opp-pro-shell .depth-rule-37{
--wtp-opportunity-depth-37:37;
}

.opportunities-original .opp-pro-shell .depth-rule-38{
--wtp-opportunity-depth-38:38;
}

.opportunities-original .opp-pro-shell .depth-rule-39{
--wtp-opportunity-depth-39:39;
}

.opportunities-original .opp-pro-shell .depth-rule-40{
--wtp-opportunity-depth-40:40;
}

.opportunities-original .opp-pro-shell .depth-rule-41{
--wtp-opportunity-depth-41:41;
}

.opportunities-original .opp-pro-shell .depth-rule-42{
--wtp-opportunity-depth-42:42;
}

.opportunities-original .opp-pro-shell .depth-rule-43{
--wtp-opportunity-depth-43:43;
}

.opportunities-original .opp-pro-shell .depth-rule-44{
--wtp-opportunity-depth-44:44;
}

.opportunities-original .opp-pro-shell .depth-rule-45{
--wtp-opportunity-depth-45:45;
}

.opportunities-original .opp-pro-shell .depth-rule-46{
--wtp-opportunity-depth-46:46;
}

.opportunities-original .opp-pro-shell .depth-rule-47{
--wtp-opportunity-depth-47:47;
}

.opportunities-original .opp-pro-shell .depth-rule-48{
--wtp-opportunity-depth-48:48;
}

.opportunities-original .opp-pro-shell .depth-rule-49{
--wtp-opportunity-depth-49:49;
}

.opportunities-original .opp-pro-shell .depth-rule-50{
--wtp-opportunity-depth-50:50;
}

.opportunities-original .opp-pro-shell .depth-rule-51{
--wtp-opportunity-depth-51:51;
}

.opportunities-original .opp-pro-shell .depth-rule-52{
--wtp-opportunity-depth-52:52;
}

.opportunities-original .opp-pro-shell .depth-rule-53{
--wtp-opportunity-depth-53:53;
}

.opportunities-original .opp-pro-shell .depth-rule-54{
--wtp-opportunity-depth-54:54;
}

.opportunities-original .opp-pro-shell .depth-rule-55{
--wtp-opportunity-depth-55:55;
}

.opportunities-original .opp-pro-shell .depth-rule-56{
--wtp-opportunity-depth-56:56;
}

.opportunities-original .opp-pro-shell .depth-rule-57{
--wtp-opportunity-depth-57:57;
}

.opportunities-original .opp-pro-shell .depth-rule-58{
--wtp-opportunity-depth-58:58;
}

.opportunities-original .opp-pro-shell .depth-rule-59{
--wtp-opportunity-depth-59:59;
}

.opportunities-original .opp-pro-shell .depth-rule-60{
--wtp-opportunity-depth-60:60;
}

.opportunities-original .opp-pro-shell .depth-rule-61{
--wtp-opportunity-depth-61:61;
}

.opportunities-original .opp-pro-shell .depth-rule-62{
--wtp-opportunity-depth-62:62;
}

.opportunities-original .opp-pro-shell .depth-rule-63{
--wtp-opportunity-depth-63:63;
}

.opportunities-original .opp-pro-shell .depth-rule-64{
--wtp-opportunity-depth-64:64;
}

.opportunities-original .opp-pro-shell .depth-rule-65{
--wtp-opportunity-depth-65:65;
}

.opportunities-original .opp-pro-shell .depth-rule-66{
--wtp-opportunity-depth-66:66;
}

.opportunities-original .opp-pro-shell .depth-rule-67{
--wtp-opportunity-depth-67:67;
}

.opportunities-original .opp-pro-shell .depth-rule-68{
--wtp-opportunity-depth-68:68;
}

.opportunities-original .opp-pro-shell .depth-rule-69{
--wtp-opportunity-depth-69:69;
}

.opportunities-original .opp-pro-shell .depth-rule-70{
--wtp-opportunity-depth-70:70;
}

.opportunities-original .opp-pro-shell .depth-rule-71{
--wtp-opportunity-depth-71:71;
}

.opportunities-original .opp-pro-shell .depth-rule-72{
--wtp-opportunity-depth-72:72;
}

.opportunities-original .opp-pro-shell .depth-rule-73{
--wtp-opportunity-depth-73:73;
}

.opportunities-original .opp-pro-shell .depth-rule-74{
--wtp-opportunity-depth-74:74;
}

.opportunities-original .opp-pro-shell .depth-rule-75{
--wtp-opportunity-depth-75:75;
}

.opportunities-original .opp-pro-shell .depth-rule-76{
--wtp-opportunity-depth-76:76;
}

.opportunities-original .opp-pro-shell .depth-rule-77{
--wtp-opportunity-depth-77:77;
}

.opportunities-original .opp-pro-shell .depth-rule-78{
--wtp-opportunity-depth-78:78;
}

.opportunities-original .opp-pro-shell .depth-rule-79{
--wtp-opportunity-depth-79:79;
}

.opportunities-original .opp-pro-shell .depth-rule-80{
--wtp-opportunity-depth-80:80;
}

.opportunities-original .opp-pro-shell .depth-rule-81{
--wtp-opportunity-depth-81:81;
}

.opportunities-original .opp-pro-shell .depth-rule-82{
--wtp-opportunity-depth-82:82;
}

.opportunities-original .opp-pro-shell .depth-rule-83{
--wtp-opportunity-depth-83:83;
}

.opportunities-original .opp-pro-shell .depth-rule-84{
--wtp-opportunity-depth-84:84;
}

.opportunities-original .opp-pro-shell .depth-rule-85{
--wtp-opportunity-depth-85:85;
}

.opportunities-original .opp-pro-shell .depth-rule-86{
--wtp-opportunity-depth-86:86;
}

.opportunities-original .opp-pro-shell .depth-rule-87{
--wtp-opportunity-depth-87:87;
}

.opportunities-original .opp-pro-shell .depth-rule-88{
--wtp-opportunity-depth-88:88;
}

.opportunities-original .opp-pro-shell .depth-rule-89{
--wtp-opportunity-depth-89:89;
}

.opportunities-original .opp-pro-shell .depth-rule-90{
--wtp-opportunity-depth-90:90;
}

/* Conserved Pipeline Pro original 0.8.20, locally scoped */
.pipeline-original{
--bg:#07111f;
--panel:#0d1b2e;
--card:#12243c;
--line:#213955;
--text:#e9f2ff;
--muted:#8fa6c2;
--accent:#62d7ff;
--ok:#66dfb2;
--warn:#f1c967;
--danger:#ff758c;
--purple:#b990ff;
display:block;
color:var(--text)}.pipeline-original *{
box-sizing:border-box}.pipeline-original .pipeline-pro-screen{
display:grid;
gap:13px;
background:radial-gradient(circle at 10% 0,#12345a 0,transparent 32%),var(--bg);
padding:18px;
min-height:100vh}.pipeline-original .panel{
border:1px solid var(--line);
background:linear-gradient(145deg,rgba(20,39,65,.95),rgba(12,24,42,.96));
border-radius:16px}.pipeline-original .hero{
display:flex;
justify-content:space-between;
gap:18px;
padding:20px}.pipeline-original .hero h1{
font-size:30px;
margin:5px 0}.pipeline-original .hero p,.pipeline-original .muted{
color:var(--muted);
margin:0;
max-width:920px}.pipeline-original .eyebrow{
color:var(--accent);
font-size:9px;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase}.pipeline-original .chips,.pipeline-original .actions{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:12px}.pipeline-original .chip{
font-size:9px;
padding:4px 8px;
border:1px solid var(--line);
border-radius:99px;
font-weight:800}.pipeline-original .chip.ok{
color:var(--ok)}.pipeline-original .chip.warn{
color:var(--warn)}.pipeline-original .btn{
border:1px solid #3f718e;
background:linear-gradient(135deg,#64d7ff,#88efd2);
color:#06121b;
font-weight:800;
border-radius:9px;
padding:8px 11px;
cursor:pointer}.pipeline-original .btn.ghost{
background:#12243c;
color:#fff;
border-color:var(--line)}.pipeline-original .btn.full{
width:100%;
margin-top:10px}.pipeline-original .inputbar{
display:grid;
grid-template-columns:repeat(5,130px) 1fr auto;
gap:8px;
padding:11px;
align-items:end}.pipeline-original .field{
display:grid;
gap:4px}.pipeline-original .field.wide{
min-width:180px}.pipeline-original .field label{
font-size:8px;
text-transform:uppercase;
color:var(--muted)}.pipeline-original .field input,.pipeline-original .field select,.pipeline-original .field textarea{
width:100%;
border:1px solid var(--line);
background:#081523;
color:#fff;
border-radius:8px;
padding:8px;
min-height:34px}.pipeline-original .metrics{
display:grid;
grid-template-columns:repeat(8,1fr);
gap:7px}.pipeline-original .metric{
padding:11px;
text-align:left;
color:var(--text);
cursor:pointer;
min-height:98px}.pipeline-original .metric span,.pipeline-original .metric small{
display:block;
color:var(--muted);
font-size:8px;
text-transform:uppercase}.pipeline-original .metric strong{
display:block;
font-size:18px;
margin:6px 0}.pipeline-original .progress{
height:5px;
border-radius:99px;
background:#081422;
overflow:hidden}.pipeline-original .progress i{
display:block;
height:100%;
background:var(--accent)}.pipeline-original .progress i[data-tone=success]{
background:var(--ok)}.pipeline-original .progress i[data-tone=warning]{
background:var(--warn)}.pipeline-original .progress i[data-tone=danger]{
background:var(--danger)}.pipeline-original .tabs{
display:grid;
grid-template-columns:repeat(10,1fr);
gap:4px;
padding:5px}.pipeline-original .tab{
border:1px solid transparent;
background:transparent;
color:var(--muted);
padding:9px 7px;
border-radius:9px;
text-align:left;
cursor:pointer}.pipeline-original .tab.active{
background:#16314f;
border-color:#3b84ad;
color:#fff}.pipeline-original .tab b{
display:block;
font-size:9px}.pipeline-original .tab small{
display:block;
font-size:7px;
margin-top:3px}.pipeline-original .workspace{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:12px}.pipeline-original .workspace>.panel{
padding:15px;
min-width:0}.pipeline-original .panel header{
display:flex;
justify-content:space-between;
gap:10px;
margin-bottom:10px}.pipeline-original .panel h2{
font-size:14px;
margin:3px 0}.pipeline-original .executive-grid{
display:grid;
grid-template-columns:150px 1fr;
gap:18px;
align-items:center}.pipeline-original .donut{
width:132px;
height:132px;
border-radius:50%;
display:grid;
place-items:center}.pipeline-original .donut>div{
width:96px;
height:96px;
border-radius:50%;
background:#081523;
display:grid;
place-items:center;
align-content:center}.pipeline-original .donut strong{
font-size:23px}.pipeline-original .donut span{
color:var(--muted);
font-size:8px}.pipeline-original .summary-bars,.pipeline-original .bar-chart{
display:grid;
gap:8px}.pipeline-original .bar-row{
display:grid;
grid-template-columns:100px 1fr 90px;
gap:8px;
align-items:center;
background:transparent;
border:0;
color:inherit;
text-align:left}.pipeline-original .bar-row span{
font-size:8px;
color:var(--muted)}.pipeline-original .bar{
height:8px;
background:#081422;
border-radius:99px;
overflow:hidden}.pipeline-original .bar i{
display:block;
height:100%;
background:linear-gradient(90deg,#2b789d,var(--accent));
border-radius:99px}.pipeline-original .sparkline{
width:100%;
height:110px;
margin-top:8px}.pipeline-original .sparkline polyline,.pipeline-original .trend{
fill:none;
stroke:var(--accent);
stroke-width:3}.pipeline-original .signal{
display:grid;
gap:3px;
padding:9px;
border:1px solid var(--line);
border-radius:9px;
margin-bottom:7px}.pipeline-original .signal span{
color:var(--muted);
font-size:8px}.pipeline-original .signal.danger{
border-color:#653143}.pipeline-original .loading,.pipeline-original .empty{
padding:20px;
color:var(--muted)}.pipeline-original .kanban-wrap{
overflow-x:auto;
padding-bottom:6px}.pipeline-original .pipeline-board{
display:flex;
gap:10px;
align-items:flex-start;
min-width:max-content}.pipeline-original .pipeline-column{
width:260px;
min-height:420px;
border:1px solid var(--line);
background:#0a1727;
border-radius:14px;
padding:10px}.pipeline-original .pipeline-column>header{
display:flex;
justify-content:space-between;
gap:7px;
padding:4px 2px 9px;
border-bottom:1px solid var(--line)}.pipeline-original .pipeline-column header small{
display:block;
color:var(--muted);
font-size:8px}.pipeline-original .stage-stats{
display:flex;
justify-content:space-between;
color:var(--muted);
font-size:8px;
padding:7px 2px}.pipeline-original .opportunity-card{
display:grid;
gap:6px;
width:100%;
text-align:left;
border:1px solid var(--line);
background:linear-gradient(145deg,#12243c,#0c1a2b);
color:var(--text);
border-radius:11px;
padding:10px;
margin:7px 0;
cursor:pointer}.pipeline-original .opportunity-card:hover{
border-color:#3c769c;
transform:translateY(-1px)}.pipeline-original .card-top{
display:flex;
justify-content:space-between;
gap:8px}.pipeline-original .risk-dot{
width:8px;
height:8px;
border-radius:50%;
background:var(--ok)}.pipeline-original .risk-dot[data-tone=warning]{
background:var(--warn)}.pipeline-original .risk-dot[data-tone=danger]{
background:var(--danger)}.pipeline-original .opportunity-card>strong{
font-size:16px}.pipeline-original .opportunity-card small{
color:var(--muted);
font-size:8px}.pipeline-original .prob-line{
height:5px;
background:#081422;
border-radius:99px;
overflow:hidden}.pipeline-original .prob-line i{
display:block;
height:100%;
background:var(--accent)}.pipeline-original .empty-card{
padding:20px 4px;
color:var(--muted);
font-size:9px}.pipeline-original .funnel{
display:grid;
gap:7px;
justify-items:center}.pipeline-original .funnel button{
min-width:30%;
max-width:100%;
border:1px solid #2e5c80;
background:linear-gradient(90deg,#1b5377,#183657);
color:#fff;
border-radius:9px;
padding:10px 13px;
display:grid;
grid-template-columns:1fr auto auto;
gap:12px;
text-align:left;
cursor:pointer}.pipeline-original .funnel small{
color:#a9c9de}.pipeline-original .vertical-chart{
height:300px;
display:flex;
align-items:flex-end;
gap:10px;
padding:16px 6px 4px}.pipeline-original .vertical-chart button{
height:100%;
flex:1;
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:center;
gap:5px;
border:0;
background:transparent;
color:#fff}.pipeline-original .vertical-chart i{
display:block;
width:65%;
min-height:3px;
background:linear-gradient(#62d7ff,#245f82);
border-radius:8px 8px 2px 2px}.pipeline-original .vertical-chart span{
font-size:8px;
color:var(--muted)}.pipeline-original .callout{
padding:11px;
border:1px solid #395d78;
background:#0b2032;
border-radius:10px;
color:#cdeaff;
font-size:9px}.pipeline-original .callout.warn{
border-color:#6b5122;
background:#2b220f;
color:#ffe8ad}.pipeline-original .forecast-chart,.pipeline-original .control-chart{
border:1px solid var(--line);
border-radius:12px;
background:#081523;
padding:10px}.pipeline-original .forecast-chart svg,.pipeline-original .control-chart svg{
width:100%;
height:220px}.pipeline-original .forecast-chart .band{
fill:none;
stroke-width:2;
stroke-dasharray:6 5}.pipeline-original .forecast-chart .high{
stroke:#7c6dc6}.pipeline-original .forecast-chart .low{
stroke:#3f718e}.pipeline-original .chart-labels{
display:flex;
justify-content:space-between;
color:var(--muted);
font-size:7px}.pipeline-original .risk-list{
display:grid;
gap:7px}.pipeline-original .risk-list button{
display:grid;
grid-template-columns:46px 1fr auto;
gap:9px;
align-items:center;
border:1px solid var(--line);
background:#091827;
color:#fff;
border-radius:10px;
padding:9px;
text-align:left}.pipeline-original .risk-list small{
display:block;
color:var(--muted);
margin-top:3px}.pipeline-original .risk-score{
width:38px;
height:38px;
border-radius:50%;
display:grid;
place-items:center;
background:#193a31;
color:var(--ok);
font-weight:900}.pipeline-original .risk-score[data-tone=warning]{
background:#332a13;
color:var(--warn)}.pipeline-original .risk-score[data-tone=danger]{
background:#351922;
color:var(--danger)}.pipeline-original .heatmap{
display:grid;
grid-template-columns:120px repeat(4,1fr);
gap:4px}.pipeline-original .heatmap>b{
font-size:8px;
color:var(--muted);
padding:6px}.pipeline-original .heatmap button{
border:1px solid #2b5f80;
background:#1d789d;
color:#fff;
border-radius:7px;
padding:9px}.pipeline-original .inspector-box{
margin-top:8px;
padding:8px;
border:1px solid var(--line);
border-radius:8px;
background:#091827;
font-size:9px}.pipeline-original .control-outputs{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-bottom:8px}.pipeline-original .control-outputs span{
border:1px solid var(--line);
border-radius:8px;
padding:5px 8px;
color:var(--muted);
font-size:8px}.pipeline-original .ucl{
stroke:var(--danger);
stroke-dasharray:7 5}.pipeline-original .cl{
stroke:var(--warn);
stroke-dasharray:7 5}.pipeline-original .lcl{
stroke:var(--ok);
stroke-dasharray:7 5}.pipeline-original .point{
fill:#173653;
stroke:var(--accent);
stroke-width:2;
cursor:pointer}.pipeline-original .inspector p{
color:var(--muted)}.pipeline-original .drawer-backdrop{
position:fixed;
inset:0;
background:rgba(1,8,16,.62);
z-index:40}.pipeline-original .drawer{
position:fixed;
top:0;
right:-620px;
width:min(600px,94vw);
height:100vh;
background:#07111f;
border-left:1px solid var(--line);
z-index:50;
padding:16px;
transition:right .2s;
overflow:auto}.pipeline-original .drawer.open{
right:0}.pipeline-original .drawer>header{
display:flex;
justify-content:space-between;
gap:10px;
border-bottom:1px solid var(--line);
padding-bottom:10px;
margin-bottom:12px}.pipeline-original .icon-btn{
border:1px solid var(--line);
background:#12243c;
color:#fff;
width:34px;
height:34px;
border-radius:8px}.pipeline-original .table-wrap{
overflow:auto}.pipeline-original .table-wrap table{
width:100%;
border-collapse:collapse}.pipeline-original .table-wrap th,.pipeline-original .table-wrap td{
padding:8px;
border-bottom:1px solid var(--line);
text-align:left;
font-size:9px}.pipeline-original .table-wrap th{
color:var(--muted);
text-transform:uppercase}.pipeline-original .action-drawer pre{
white-space:pre-wrap;
background:#081523;
border:1px solid var(--line);
padding:9px;
border-radius:9px;
font-size:8px}.pipeline-original .action-drawer .field{
margin-bottom:8px}@media(max-width:1280px){.pipeline-original .metrics{
grid-template-columns:repeat(4,1fr)}.pipeline-original .tabs{
grid-template-columns:repeat(5,1fr)}.pipeline-original .inputbar{
grid-template-columns:repeat(3,1fr)}.pipeline-original .workspace{
grid-template-columns:1fr}
}@media(max-width:760px){.pipeline-original .pipeline-pro-screen{
padding:10px}.pipeline-original .hero{
display:grid}.pipeline-original .metrics{
grid-template-columns:repeat(2,1fr)}.pipeline-original .tabs{
display:flex;
overflow:auto}.pipeline-original .tab{
min-width:145px}.pipeline-original .inputbar{
grid-template-columns:1fr}.pipeline-original .executive-grid{
grid-template-columns:1fr}.pipeline-original .bar-row{
grid-template-columns:78px 1fr 72px}.pipeline-original .heatmap{
grid-template-columns:90px repeat(4,1fr)}
}

/* Original Casos Pro Risk/Quality styles; declarations unchanged, scope only. */
.cases-risk-quality-original{display:block;color:#e9f2ff}
.cases-risk-quality-original{--bg:#07111f;--panel:#0d1b2e;--card:#12243c;--line:#213955;--text:#e9f2ff;--muted:#8fa6c2;--accent:#62d7ff;--ok:#66dfb2;--warn:#f1c967;--danger:#ff758c;--purple:#b990ff;display:grid;gap:13px;padding:18px;background:radial-gradient(circle at 12% 0,rgba(18,52,90,.72),transparent 30%),var(--bg);min-height:100%;color:var(--text)}
.cases-risk-quality-original button,.cases-risk-quality-original input,.cases-risk-quality-original select,.cases-risk-quality-original textarea{font:inherit}
.cases-risk-quality-original button{cursor:pointer}
.cases-risk-quality-original .hero,.cases-risk-quality-original .inputbar,.cases-risk-quality-original .identity,.cases-risk-quality-original .tabs,.cases-risk-quality-original .panel,.cases-risk-quality-original .metric,.cases-risk-quality-original .drawer,.cases-risk-quality-original .action-drawer{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(10,22,38,.96));box-shadow:0 18px 48px rgba(0,0,0,.16)}
.cases-risk-quality-original .hero{display:flex;justify-content:space-between;gap:22px;padding:20px;border-radius:18px}
.cases-risk-quality-original .hero__copy{min-width:0}
.cases-risk-quality-original .eyebrow{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.cases-risk-quality-original .hero h1{font-size:30px;line-height:1;margin:7px 0 8px;letter-spacing:-.025em}
.cases-risk-quality-original .hero p{max-width:880px;margin:0;color:var(--muted);line-height:1.55}
.cases-risk-quality-original .hero__actions{display:flex;gap:8px;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap}
.cases-risk-quality-original .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.cases-risk-quality-original .chip{padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.04em}
.cases-risk-quality-original .chip--ok{color:var(--ok);border-color:rgba(102,223,178,.35)}
.cases-risk-quality-original .chip--warn{color:var(--warn);border-color:rgba(241,201,103,.35)}
.cases-risk-quality-original .btn{border:1px solid var(--line);background:#12243c;color:#fff;border-radius:9px;padding:9px 11px;font-weight:800}
.cases-risk-quality-original .btn:hover{border-color:#3f718e;background:#17304e}
.cases-risk-quality-original .btn:disabled{opacity:.45;cursor:not-allowed}
.cases-risk-quality-original .btn--primary{background:linear-gradient(135deg,#64d7ff,#88efd2);color:#06121b;border-color:#68d5ef}
.cases-risk-quality-original .btn--warning{color:#ffe7a5;border-color:#6b5425;background:#2d2413}
.cases-risk-quality-original .btn--danger{color:#ffd7dd;border-color:#6b3140;background:#351720}
.cases-risk-quality-original .inputbar{display:grid;grid-template-columns:120px 150px 130px 150px 1.2fr auto;gap:8px;padding:11px;border-radius:14px;align-items:end}
.cases-risk-quality-original .inputbar label,.cases-risk-quality-original .action-drawer label{display:grid;gap:5px}
.cases-risk-quality-original .inputbar label span,.cases-risk-quality-original .action-drawer label span{color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:800}
.cases-risk-quality-original .inputbar input,.cases-risk-quality-original .inputbar select,.cases-risk-quality-original .action-drawer input,.cases-risk-quality-original .action-drawer textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#081523;color:#fff;padding:8px 9px;outline:0}
.cases-risk-quality-original .inputbar input:focus,.cases-risk-quality-original .inputbar select:focus,.cases-risk-quality-original .action-drawer input:focus,.cases-risk-quality-original .action-drawer textarea:focus{border-color:#3f83a8;box-shadow:0 0 0 2px rgba(98,215,255,.08)}
.cases-risk-quality-original .inputbar__search{min-width:220px}
.cases-risk-quality-original .state{padding:20px;border:1px dashed var(--line);border-radius:14px;background:#081523;color:var(--muted);text-align:center}
.cases-risk-quality-original .state--error{color:#ffb1bc;border-color:#663445}
.cases-risk-quality-original .metrics{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.cases-risk-quality-original .metric{min-width:0;padding:11px;text-align:left;border-radius:14px;color:#fff}
.cases-risk-quality-original .metric span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:800}
.cases-risk-quality-original .metric strong{display:block;font-size:19px;margin:7px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cases-risk-quality-original .metric small{display:block;color:var(--muted);font-size:8px;min-height:13px}
.cases-risk-quality-original .metric i,.cases-risk-quality-original .quality-grid i,.cases-risk-quality-original .sla-grid i{display:block;height:5px;margin-top:9px;background:#07111f;border-radius:99px;overflow:hidden}
.cases-risk-quality-original .metric i b,.cases-risk-quality-original .quality-grid i b,.cases-risk-quality-original .sla-grid i b{display:block;height:100%;border-radius:99px;background:var(--accent)}
.cases-risk-quality-original .metric--success{border-color:rgba(102,223,178,.32)}
.cases-risk-quality-original .metric--success i b{background:var(--ok)}
.cases-risk-quality-original .metric--warning{border-color:rgba(241,201,103,.32)}
.cases-risk-quality-original .metric--warning i b{background:var(--warn)}
.cases-risk-quality-original .metric--danger{border-color:rgba(255,117,140,.34)}
.cases-risk-quality-original .metric--danger i b{background:var(--danger)}
.cases-risk-quality-original .metric--accent{border-color:rgba(98,215,255,.36)}
.cases-risk-quality-original .metric--info{border-color:rgba(185,144,255,.3)}
.cases-risk-quality-original .metric--info i b{background:var(--purple)}
.cases-risk-quality-original .identity{display:grid;grid-template-columns:auto minmax(220px,1fr) 1.4fr auto;gap:14px;align-items:center;padding:13px;border-radius:15px}
.cases-risk-quality-original .identity__avatar{width:58px;height:58px;border-radius:15px;border:1px solid #3b698b;background:#153551;color:var(--accent);display:grid;place-items:center;font-weight:900;font-size:15px}
.cases-risk-quality-original .identity__main h2{margin:2px 0 3px;font-size:17px}
.cases-risk-quality-original .identity__main p{margin:0;color:var(--muted);font-size:9px}
.cases-risk-quality-original .identity__meta{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cases-risk-quality-original .identity__meta div{padding:8px;border-right:1px solid var(--line)}
.cases-risk-quality-original .identity__meta div:last-child{border-right:0}
.cases-risk-quality-original .identity__meta span{display:block;color:var(--muted);font-size:7px;margin-bottom:4px}
.cases-risk-quality-original .identity__actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.cases-risk-quality-original .tabs{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:5px;border-radius:14px}
.cases-risk-quality-original .tabs button{min-width:0;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:9px;padding:8px;text-align:left}
.cases-risk-quality-original .tabs button:hover{background:#10253e;color:#fff}
.cases-risk-quality-original .tabs button.active{border-color:#3b84ad;background:#16314f;color:#fff}
.cases-risk-quality-original .tabs button>span{float:left;width:18px;color:var(--accent);font-size:13px}
.cases-risk-quality-original .tabs strong{display:block;font-size:8px;margin-left:20px}
.cases-risk-quality-original .tabs small{display:block;font-size:6.8px;line-height:1.35;margin:3px 0 0 20px;color:inherit;opacity:.75}
.cases-risk-quality-original .workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.75fr);gap:12px;align-items:start}
.cases-risk-quality-original .panel{min-width:0;padding:15px;border-radius:15px}
.cases-risk-quality-original .panel--wide{min-width:0}
.cases-risk-quality-original .panel header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:11px}
.cases-risk-quality-original .panel h3{margin:3px 0 0;font-size:14px}
.cases-risk-quality-original .panel header>strong,.cases-risk-quality-original .big-number{font-size:23px;color:#fff}
.cases-risk-quality-original .link{border:0;background:transparent;color:var(--accent);font-size:8px;font-weight:900;text-transform:uppercase}
.cases-risk-quality-original .status{display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;border:1px solid var(--line);border-radius:999px;font-size:8px;font-style:normal;white-space:nowrap}
.cases-risk-quality-original .status--success{color:var(--ok);border-color:rgba(102,223,178,.35);background:rgba(102,223,178,.07)}
.cases-risk-quality-original .status--warning{color:var(--warn);border-color:rgba(241,201,103,.35);background:rgba(241,201,103,.07)}
.cases-risk-quality-original .status--danger{color:var(--danger);border-color:rgba(255,117,140,.35);background:rgba(255,117,140,.07)}
.cases-risk-quality-original .status--accent{color:var(--accent);border-color:rgba(98,215,255,.35);background:rgba(98,215,255,.07)}
.cases-risk-quality-original .status--info{color:var(--purple);border-color:rgba(185,144,255,.35);background:rgba(185,144,255,.07)}
.cases-risk-quality-original .risk{font-size:13px}
.cases-risk-quality-original .risk--success{color:var(--ok)}
.cases-risk-quality-original .risk--warning{color:var(--warn)}
.cases-risk-quality-original .risk--danger{color:var(--danger)}
.cases-risk-quality-original .case-table{border:1px solid var(--line);border-radius:11px;overflow:hidden}
.cases-risk-quality-original .case-table__head,.cases-risk-quality-original .case-table__row{display:grid;grid-template-columns:72px minmax(180px,1.4fr) 110px 90px 86px 54px;gap:8px;align-items:center}
.cases-risk-quality-original .case-table__head{padding:8px 10px;background:#081523;color:var(--muted);font-size:7px;text-transform:uppercase;font-weight:900}
.cases-risk-quality-original .case-table__row{width:100%;padding:9px 10px;border:0;border-top:1px solid var(--line);background:transparent;color:#fff;text-align:left}
.cases-risk-quality-original .case-table__row:hover{background:#10243b}
.cases-risk-quality-original .case-table__row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.cases-risk-quality-original .bars{display:grid;gap:8px}
.cases-risk-quality-original .bars button{display:grid;grid-template-columns:minmax(70px,110px) 1fr 36px;gap:8px;align-items:center;border:0;background:transparent;color:#fff;padding:2px;text-align:left}
.cases-risk-quality-original .bars button span{font-size:8px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cases-risk-quality-original .bars button i{height:8px;background:#07111f;border-radius:99px;overflow:hidden}
.cases-risk-quality-original .bars button i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2b789d,var(--accent))}
.cases-risk-quality-original .bars button strong{text-align:right;font-size:9px}
.cases-risk-quality-original .bars--warning button i b{background:linear-gradient(90deg,#80621c,var(--warn))}
.cases-risk-quality-original .bars--success button i b{background:linear-gradient(90deg,#24694f,var(--ok))}
.cases-risk-quality-original .bars--risk button:nth-child(1) i b{background:var(--ok)}
.cases-risk-quality-original .bars--risk button:nth-child(2) i b{background:var(--warn)}
.cases-risk-quality-original .bars--risk button:nth-child(3) i b{background:var(--danger)}
.cases-risk-quality-original .inspector{margin-top:10px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#081523;display:flex;justify-content:space-between;gap:8px;font-size:8px}
.cases-risk-quality-original .inspector span{color:var(--muted)}
.cases-risk-quality-original .donut-wrap{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}
.cases-risk-quality-original .donut{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) 0 68%,#18304a 68% 82%,var(--ok) 82% 100%);box-shadow:inset 0 0 0 1px #29455f}
.cases-risk-quality-original .donut>div{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;align-content:center;background:#091827}
.cases-risk-quality-original .donut strong{font-size:21px}.cases-risk-quality-original .donut span{font-size:7px;color:var(--muted)}
.cases-risk-quality-original .legend{display:grid;gap:7px}.cases-risk-quality-original .legend div{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center}.cases-risk-quality-original .legend i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.cases-risk-quality-original .legend span{color:var(--muted);font-size:8px}.cases-risk-quality-original .legend b{font-size:9px}
.cases-risk-quality-original .queue{display:grid}
.cases-risk-quality-original .queue__item{display:grid;grid-template-columns:58px minmax(200px,1fr) 86px 90px 45px;gap:8px;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;color:#fff;padding:10px 4px;text-align:left}
.cases-risk-quality-original .queue__item:first-child{border-top:0}.cases-risk-quality-original .queue__item:hover{background:#10243b}.cases-risk-quality-original .queue__number{font-weight:900;color:var(--accent);font-size:9px}.cases-risk-quality-original .queue__main b{display:block;font-size:10px}.cases-risk-quality-original .queue__main small{display:block;color:var(--muted);font-size:7px;margin-top:2px}.cases-risk-quality-original .mini-track{height:3px;background:#07111f;border-radius:99px;margin-top:6px;overflow:hidden}.cases-risk-quality-original .mini-track i{display:block;height:100%;background:linear-gradient(90deg,var(--ok),var(--warn),var(--danger))}
.cases-risk-quality-original .sla-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.cases-risk-quality-original .sla-grid button{padding:14px;border:1px solid var(--line);border-radius:12px;background:#091827;color:#fff;text-align:left}.cases-risk-quality-original .sla-grid span{display:block;color:var(--muted);font-size:8px}.cases-risk-quality-original .sla-grid strong{display:block;font-size:24px;margin-top:6px}.cases-risk-quality-original .sla-grid button:nth-child(1) i b{background:var(--ok)}.cases-risk-quality-original .sla-grid button:nth-child(2) i b{background:var(--warn)}.cases-risk-quality-original .sla-grid button:nth-child(3) i b{background:var(--danger)}
.cases-risk-quality-original .callout{margin-top:12px;padding:10px;border:1px solid #315474;border-radius:10px;background:#0a1c2e;color:#b8cde4;font-size:8px;line-height:1.55}.cases-risk-quality-original .callout--warning{border-color:#66522b;background:#2a2315;color:#f7df9d}
.cases-risk-quality-original .evidence{display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden}.cases-risk-quality-original .evidence div{display:flex;justify-content:space-between;gap:10px;padding:9px;border-top:1px solid var(--line)}.cases-risk-quality-original .evidence div:first-child{border-top:0}.cases-risk-quality-original .evidence span{color:var(--muted);font-size:8px}.cases-risk-quality-original .evidence b{font-size:8px;text-align:right}
.cases-risk-quality-original .heatmap{display:grid;grid-template-columns:minmax(90px,1.2fr) repeat(4,minmax(55px,.6fr));gap:4px;align-items:stretch}.cases-risk-quality-original .heatmap__corner,.cases-risk-quality-original .heatmap__col,.cases-risk-quality-original .heatmap__row{padding:7px;font-size:7px;color:var(--muted);text-transform:uppercase}.cases-risk-quality-original .heatmap__col{text-align:center}.cases-risk-quality-original .heatmap__row{display:flex;align-items:center}.cases-risk-quality-original .heatmap button{min-height:38px;border:1px solid #315b78;border-radius:7px;background:var(--accent);color:#04111d;font-weight:900}
.cases-risk-quality-original .timeline{display:grid;position:relative;padding-left:8px}.cases-risk-quality-original .timeline__event{display:grid;grid-template-columns:16px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.cases-risk-quality-original .timeline__event>i{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#173d59;border:2px solid var(--accent)}.cases-risk-quality-original .timeline__event span{display:block;color:var(--muted);font-size:7px;text-transform:uppercase}.cases-risk-quality-original .timeline__event b{display:block;font-size:10px;margin:2px 0}.cases-risk-quality-original .timeline__event small{display:block;color:var(--muted);font-size:7px}
.cases-risk-quality-original .resolution-text{min-height:130px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#081523;white-space:pre-wrap;color:#c7d7e9;font-size:9px;line-height:1.6}.cases-risk-quality-original .panel-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.cases-risk-quality-original .empty-state{text-align:center;padding:38px 22px}.cases-risk-quality-original .empty-state__icon{font-size:42px;color:var(--purple);margin-bottom:8px}.cases-risk-quality-original .empty-state h3{font-size:20px;margin:6px 0}.cases-risk-quality-original .empty-state p{max-width:640px;margin:0 auto;color:var(--muted);line-height:1.6}
.cases-risk-quality-original .insights{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cases-risk-quality-original .insight{border:1px solid var(--line);border-radius:11px;background:#091827;color:#fff;padding:11px;text-align:left}.cases-risk-quality-original .insight span{display:block;color:var(--muted);font-size:7px;text-transform:uppercase}.cases-risk-quality-original .insight b{display:block;margin:5px 0;font-size:10px}.cases-risk-quality-original .insight small{display:block;color:#a8bad0;font-size:8px;line-height:1.5}.cases-risk-quality-original .insight--danger{border-color:#693244}.cases-risk-quality-original .insight--warning{border-color:#67552d}.cases-risk-quality-original .insight--success{border-color:#2e6654}
.cases-risk-quality-original .action-list{display:grid;gap:7px}.cases-risk-quality-original .action-list button{padding:10px;border:1px solid var(--line);border-radius:9px;background:#091827;color:#fff;text-align:left}.cases-risk-quality-original .action-list button:hover{border-color:#3f718e;background:#10243b}
.cases-risk-quality-original .control-stats{display:flex;gap:6px;flex-wrap:wrap}.cases-risk-quality-original .control-stats span{padding:5px 7px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:7px}.cases-risk-quality-original .control-stats b{color:#fff;margin-left:3px}
.cases-risk-quality-original .control-chart{height:300px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#071522}.cases-risk-quality-original .control-chart svg{width:100%;height:250px;overflow:visible}.cases-risk-quality-original .control-chart .grid{stroke:#1b3045;stroke-width:1}.cases-risk-quality-original .control-chart .ucl{stroke:var(--danger);stroke-width:2;stroke-dasharray:8 6}.cases-risk-quality-original .control-chart .cl{stroke:var(--warn);stroke-width:2;stroke-dasharray:8 6}.cases-risk-quality-original .control-chart .lcl{stroke:var(--ok);stroke-width:2;stroke-dasharray:8 6}.cases-risk-quality-original .control-chart .trend{fill:none;stroke:var(--accent);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.cases-risk-quality-original .control-chart .point{fill:#102a46;stroke:var(--accent);stroke-width:3;cursor:pointer}.cases-risk-quality-original .control-chart .point:hover{r:9}.cases-risk-quality-original .control-legend{display:grid;gap:8px}.cases-risk-quality-original .control-legend div{display:flex;align-items:center;gap:8px;font-size:8px;color:var(--muted)}.cases-risk-quality-original .control-legend i{width:28px;border-top:2px dashed}.cases-risk-quality-original .legend-ucl{border-color:var(--danger)!important}.cases-risk-quality-original .legend-cl{border-color:var(--warn)!important}.cases-risk-quality-original .legend-lcl{border-color:var(--ok)!important}
.cases-risk-quality-original .quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cases-risk-quality-original .quality-grid button{padding:11px;border:1px solid var(--line);border-radius:10px;background:#091827;color:#fff;text-align:left}.cases-risk-quality-original .quality-grid span{display:block;color:var(--muted);font-size:8px}.cases-risk-quality-original .quality-grid strong{display:block;font-size:15px;margin:5px 0}.cases-risk-quality-original .quality-grid i b{background:var(--ok)}
.cases-risk-quality-original .empty{padding:18px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:8px;text-align:center}
.cases-risk-quality-original .drawer,.cases-risk-quality-original .action-drawer{position:fixed;z-index:80;top:18px;right:18px;bottom:18px;width:min(470px,calc(100vw - 36px));border-radius:16px;padding:14px;overflow:auto;box-shadow:0 28px 80px rgba(0,0,0,.55)}
.cases-risk-quality-original .drawer header,.cases-risk-quality-original .action-drawer header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}
.cases-risk-quality-original .drawer header h3,.cases-risk-quality-original .action-drawer header h3{margin:3px 0 0}.cases-risk-quality-original .drawer header button,.cases-risk-quality-original .action-drawer header button{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:#081523;color:#fff}
.cases-risk-quality-original .drawer__rows{display:grid;gap:8px;margin-top:10px}.cases-risk-quality-original .drawer__rows article{padding:10px;border:1px solid var(--line);border-radius:10px;background:#081523}.cases-risk-quality-original .drawer__rows article div{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:3px 0}.cases-risk-quality-original .drawer__rows span{color:var(--muted);font-size:7px}.cases-risk-quality-original .drawer__rows b{font-size:8px;word-break:break-word}
.cases-risk-quality-original .action-drawer{display:grid;align-content:start;gap:10px}.cases-risk-quality-original .action-drawer__buttons{display:flex;gap:8px}.cases-risk-quality-original .request-evidence{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.cases-risk-quality-original .request-evidence div{padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cases-risk-quality-original .request-evidence span{display:block;color:var(--muted);font-size:7px}.cases-risk-quality-original .request-evidence b{display:block;margin-top:3px;font-size:8px}.cases-risk-quality-original .action-message{padding:9px;border:1px solid #315474;border-radius:9px;background:#081523;color:#c6daef;font-size:8px}
@media(max-width:1280px){.cases-risk-quality-original .metrics{grid-template-columns:repeat(4,1fr)}.cases-risk-quality-original .tabs{grid-template-columns:repeat(5,1fr)}.cases-risk-quality-original .inputbar{grid-template-columns:repeat(3,1fr)}.cases-risk-quality-original .identity{grid-template-columns:auto 1fr}.cases-risk-quality-original .identity__meta{grid-column:1/-1}.cases-risk-quality-original .identity__actions{grid-column:1/-1;justify-content:flex-start}.cases-risk-quality-original .workspace{grid-template-columns:1fr}.cases-risk-quality-original .quality-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cases-risk-quality-original{padding:9px}.cases-risk-quality-original .hero{display:grid}.cases-risk-quality-original .hero__actions{justify-content:flex-start}.cases-risk-quality-original .metrics{grid-template-columns:repeat(2,1fr)}.cases-risk-quality-original .tabs{display:flex;overflow:auto}.cases-risk-quality-original .tabs button{min-width:145px}.cases-risk-quality-original .inputbar{grid-template-columns:1fr}.cases-risk-quality-original .inputbar__search{min-width:0}.cases-risk-quality-original .identity{grid-template-columns:1fr}.cases-risk-quality-original .identity__avatar{display:none}.cases-risk-quality-original .identity__meta{grid-template-columns:repeat(2,1fr)}.cases-risk-quality-original .identity__meta div{border-bottom:1px solid var(--line)}.cases-risk-quality-original .case-table{overflow:auto}.cases-risk-quality-original .case-table__head,.cases-risk-quality-original .case-table__row{min-width:720px}.cases-risk-quality-original .queue{overflow:auto}.cases-risk-quality-original .queue__item{min-width:700px}.cases-risk-quality-original .sla-grid{grid-template-columns:1fr}.cases-risk-quality-original .insights{grid-template-columns:1fr}.cases-risk-quality-original .quality-grid{grid-template-columns:1fr}.cases-risk-quality-original .donut-wrap{grid-template-columns:1fr}.cases-risk-quality-original .heatmap{grid-template-columns:100px repeat(4,70px);overflow:auto}.cases-risk-quality-original .control-chart{height:250px}.cases-risk-quality-original .control-chart svg{height:205px}}



.cases-risk-quality-original .service-foundation{align-items:start}.cases-risk-quality-original .service-foundation__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.cases-risk-quality-original .service-foundation__grid article{border:1px solid var(--wtp-border);border-radius:12px;padding:.85rem;display:grid;gap:.3rem}.cases-risk-quality-original .service-foundation__grid span,.cases-risk-quality-original .mobile-impact span{font-size:.72rem;color:var(--wtp-muted)}.cases-risk-quality-original .truth-boundaries{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.cases-risk-quality-original .truth-boundaries span{border:1px solid var(--wtp-border);border-radius:999px;padding:.35rem .55rem;font-size:.68rem}.cases-risk-quality-original .mobile-impact{display:grid;gap:.65rem}.cases-risk-quality-original .mobile-impact>div{display:grid;gap:.15rem}@media(max-width:980px){.cases-risk-quality-original .service-foundation__grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.cases-risk-quality-original .service-foundation__grid{grid-template-columns:1fr}}

.cases-risk-quality-original .service-routing{align-items:start}.cases-risk-quality-original .service-routing__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.cases-risk-quality-original .service-routing__grid article{border:1px solid var(--wtp-border);border-radius:12px;padding:.85rem;display:grid;gap:.3rem}.cases-risk-quality-original .service-routing__grid span{font-size:.72rem;color:var(--wtp-muted)}.cases-risk-quality-original .service-routing__truth{margin-top:.9rem}@media(max-width:980px){.cases-risk-quality-original .service-routing__grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.cases-risk-quality-original .service-routing__grid{grid-template-columns:1fr}}

.cases-risk-quality-original .service-entitlements__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.cases-risk-quality-original .service-entitlements__grid>article{padding:14px;border:1px solid var(--border-color,#d7dce4);border-radius:12px;display:grid;gap:5px}.cases-risk-quality-original .service-entitlements__grid span{font-size:12px;opacity:.72}.cases-risk-quality-original .service-entitlements__grid small{line-height:1.35}.cases-risk-quality-original .service-entitlements__truth{margin-top:14px}
.cases-risk-quality-original .service-knowledge{align-items:start}.cases-risk-quality-original .service-knowledge__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.cases-risk-quality-original .service-knowledge__grid article{border:1px solid var(--wtp-border);border-radius:12px;padding:.85rem;display:grid;gap:.3rem}.cases-risk-quality-original .service-knowledge__grid span{font-size:.72rem;color:var(--wtp-muted)}.cases-risk-quality-original .knowledge-results{display:grid;gap:.6rem;margin-top:.8rem}.cases-risk-quality-original .knowledge-results article{border:1px solid var(--wtp-border);border-radius:10px;padding:.7rem;display:grid;grid-template-columns:1fr auto;gap:.25rem}.cases-risk-quality-original .knowledge-results small{grid-column:1/-1;color:var(--wtp-muted)}.cases-risk-quality-original .service-knowledge__truth{margin-top:.9rem}@media(max-width:980px){.cases-risk-quality-original .service-knowledge__grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.cases-risk-quality-original .service-knowledge__grid{grid-template-columns:1fr}}
/* Original drawer/panel design; bounded solely to the new influence inspector. */
.contacts-native .contacts-influence-drawer{overflow:auto;max-width:calc(100vw - 32px);box-sizing:border-box}.contacts-native .contacts-influence-drawer p,.contacts-native .contacts-influence-drawer pre{overflow-wrap:anywhere;white-space:pre-wrap}.contacts-native .contacts-influence-drawer pre{max-width:100%;min-width:0}
@media(max-width:700px){.contacts-native .contacts-influence-drawer{max-width:calc(100vw - 20px)}}

/* SCREEN038 original composition; local UniversalViz scope only. */
.interest-scoring{display:grid;gap:1rem;color:var(--wtp-text,#e7edf7)}.interest-scoring>header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.interest-scoring h2,.interest-scoring p{margin:.2rem 0}.interest-scoring__tabs{display:flex;gap:.4rem;overflow:auto;padding-bottom:.2rem}.interest-scoring__tabs button{border:1px solid var(--wtp-border,#2a3a50);background:var(--wtp-surface,#07111f);color:inherit;padding:.48rem .7rem;border-radius:.55rem;white-space:nowrap}.interest-scoring__tabs button.active{font-weight:700;outline:1px solid currentColor}.interest-scoring__grid{display:grid;grid-template-columns:repeat(2,minmax(20rem,1fr));gap:1rem}.interest-scoring__panel,.interest-scoring__boundary{padding:1rem;border:1px solid var(--wtp-border,#2a3a50);border-radius:.8rem;background:var(--wtp-surface,#07111f)}.interest-scoring__chips{display:flex;gap:.4rem;flex-wrap:wrap}.interest-scoring__chips span{padding:.32rem .52rem;border-radius:999px;background:rgba(255,255,255,.08);font-size:.78rem}.interest-scoring__boundary{border-left:4px solid currentColor;font-size:.82rem}@media(max-width:1000px){.interest-scoring__grid{grid-template-columns:1fr}}@media(max-width:700px){.interest-scoring>header{display:grid}}

.interest-scoring .wtp-viz{display:grid;gap:.65rem;border:1px solid rgba(120,140,170,.32);border-radius:.8rem;padding:.85rem;background:rgba(7,17,31,.96);color:#e7edf7;min-height:13rem}.interest-scoring .wtp-viz header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.interest-scoring .wtp-viz header div{display:grid}.interest-scoring .wtp-viz header small,.interest-scoring .wtp-viz footer,.interest-scoring .wtp-viz__row small{opacity:.7;font-size:.72rem}.interest-scoring .wtp-viz__canvas{display:grid;gap:.5rem;align-content:center}.interest-scoring .wtp-viz__row{display:grid;grid-template-columns:minmax(5.5rem,.8fr) minmax(8rem,2fr) 3rem 4.5rem;gap:.5rem;align-items:center}.interest-scoring .wtp-viz__track{height:.7rem;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.interest-scoring .wtp-viz__track i{display:block;height:100%;background:currentColor;opacity:.72}.interest-scoring .wtp-viz__row.predicted{border-left:2px dashed currentColor;padding-left:.4rem;opacity:.82}.interest-scoring .wtp-viz__network .interest-scoring .wtp-viz__row{border:1px solid rgba(255,255,255,.1);padding:.45rem;border-radius:.6rem}.interest-scoring .wtp-viz__heatmap .interest-scoring .wtp-viz__row{background:rgba(255,255,255,.04);padding:.4rem}.interest-scoring .wtp-viz footer{display:flex;gap:.7rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);padding-top:.55rem}@media(max-width:700px){.interest-scoring .wtp-viz__row{grid-template-columns:1fr}.interest-scoring .wtp-viz__track{width:100%}}

/* Original status-pill dependency, locally scoped. */
.interest-scoring .wtp-pill {
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.32rem .58rem;
  border-radius:999px;
  border:1px solid var(--wtp-border);
  font-size:.72rem;
  font-weight:700;
  background:rgba(255,255,255,.025);
  color:var(--wtp-text-muted)
}
.interest-scoring .wtp-pill__dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--wtp-accent)
}
.interest-scoring .wtp-pill[data-tone='success'] {
  color:var(--wtp-positive);
  border-color:rgba(65,221,145,.25)
}
.interest-scoring .wtp-pill[data-tone='success'] .interest-scoring .wtp-pill__dot {
  background:var(--wtp-positive)
}
.interest-scoring .wtp-pill[data-tone='warning'] {
  color:var(--wtp-warning);
  border-color:rgba(255,177,61,.25)
}
.interest-scoring .wtp-pill[data-tone='warning'] .interest-scoring .wtp-pill__dot {
  background:var(--wtp-warning)
}
.interest-scoring .wtp-pill[data-tone='danger'] {
  color:var(--wtp-danger);
  border-color:rgba(255,86,108,.25)
}
.interest-scoring .wtp-pill[data-tone='danger'] .interest-scoring .wtp-pill__dot {
  background:var(--wtp-danger)
}

/* SCREEN001 original priorities; scoped original declarations. */
.wb-original-queue {
    display:block;
}

.wb-original-queue.workbench-pro-screen {
    --bg:#07111f;
    --panel:#0d1b2e;
    --panel2:#12243c;
    --panel3:#091827;
    --line:#213955;
    --text:#e9f2ff;
    --muted:#8fa6c2;
    --accent:#62d7ff;
    --ok:#66dfb2;
    --warn:#f1c967;
    --danger:#ff758c;
    --purple:#b990ff;
    min-height:100%;
    display:grid;
    gap:13px;
    padding:20px;
    color:var(--text);
    background:
        radial-gradient(circle at 10% 0,rgba(18,52,90,.78) 0,transparent 32%),
        var(--bg);
    font:13px/1.45 Inter,Segoe UI,Arial,sans-serif;
}

.wb-original-queue button,
.wb-original-queue input,
.wb-original-queue select,
.wb-original-queue textarea {
    font:inherit;
}

.wb-original-queue button {
    color:inherit;
}

.wb-original-queue .panel {
    border:1px solid var(--line);
    background:linear-gradient(145deg,rgba(20,39,65,.94),rgba(12,24,42,.94));
    border-radius:16px;
    box-shadow:0 14px 32px rgba(0,0,0,.12);
}

.wb-original-queue .hero {
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:20px;
}

.wb-original-queue .hero-copy {
    min-width:0;
}

.wb-original-queue .eyebrow {
    color:var(--accent);
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.wb-original-queue .hero h1 {
    margin:5px 0;
    font-size:30px;
    letter-spacing:-.035em;
}

.wb-original-queue .hero p {
    margin:0;
    max-width:920px;
    color:var(--muted);
}

.wb-original-queue .chips {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:12px;
}

.wb-original-queue .chip {
    padding:4px 8px;
    border:1px solid var(--line);
    border-radius:999px;
    font-size:9px;
    font-weight:800;
}

.wb-original-queue .chip.ok {
    color:var(--ok);
}

.wb-original-queue .chip.warn {
    color:var(--warn);
}

.wb-original-queue .actions {
    display:flex;
    gap:8px;
    align-items:flex-start;
    flex-wrap:wrap;
}

.wb-original-queue .actions.vertical {
    display:grid;
    grid-template-columns:1fr;
}

.wb-original-queue .btn {
    min-height:36px;
    border:1px solid #3f718e;
    border-radius:10px;
    padding:8px 12px;
    cursor:pointer;
    font-weight:800;
    background:linear-gradient(135deg,#64d7ff,#88efd2);
    color:#06121b;
}

.wb-original-queue .btn:hover {
    filter:brightness(1.07);
}

.wb-original-queue .btn:disabled {
    opacity:.55;
    cursor:not-allowed;
}

.wb-original-queue .btn.ghost {
    background:#12243c;
    color:#fff;
    border-color:var(--line);
}

.wb-original-queue .btn.full {
    width:100%;
}

.wb-original-queue .inputbar {
    display:grid;
    grid-template-columns:repeat(5,minmax(110px,.55fr)) minmax(220px,1.5fr) auto;
    gap:8px;
    padding:12px;
}

.wb-original-queue .field {
    display:grid;
    gap:5px;
}

.wb-original-queue .field.wide {
    min-width:0;
}

.wb-original-queue .field label {
    color:var(--muted);
    font-size:8px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.wb-original-queue .field input,
.wb-original-queue .field select,
.wb-original-queue .field textarea {
    width:100%;
    min-height:35px;
    padding:7px 9px;
    border:1px solid var(--line);
    border-radius:8px;
    outline:none;
    background:#0a1727;
    color:#fff;
}

.wb-original-queue .field input:focus,
.wb-original-queue .field select:focus,
.wb-original-queue .field textarea:focus {
    border-color:#3f789d;
    box-shadow:0 0 0 2px rgba(98,215,255,.08);
}

.wb-original-queue .loading,
.wb-original-queue .empty {
    padding:18px;
    color:var(--muted);
}

.wb-original-queue .metrics {
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:7px;
}

.wb-original-queue .metric {
    min-width:0;
    min-height:100px;
    display:grid;
    align-content:space-between;
    padding:11px;
    text-align:left;
    cursor:pointer;
}

.wb-original-queue .metric:hover {
    border-color:#3b84ad;
    transform:translateY(-1px);
}

.wb-original-queue .metric span,
.wb-original-queue .metric small {
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .metric span {
    text-transform:uppercase;
    letter-spacing:.05em;
}

.wb-original-queue .metric strong {
    display:block;
    overflow:hidden;
    font-size:18px;
    text-overflow:ellipsis;
}

.wb-original-queue .progress {
    height:5px;
    overflow:hidden;
    border-radius:99px;
    background:#081422;
}

.wb-original-queue .progress i {
    display:block;
    height:100%;
    border-radius:99px;
    background:var(--accent);
}

.wb-original-queue .progress i[data-tone='success'] {
    background:var(--ok);
}

.wb-original-queue .progress i[data-tone='warning'] {
    background:var(--warn);
}

.wb-original-queue .progress i[data-tone='danger'] {
    background:var(--danger);
}

.wb-original-queue .progress i[data-tone='info'] {
    background:#63a9ff;
}

.wb-original-queue .tabs {
    display:grid;
    grid-template-columns:repeat(10,minmax(0,1fr));
    gap:4px;
    padding:5px;
}

.wb-original-queue .tab {
    min-width:0;
    padding:9px 7px;
    border:1px solid transparent;
    border-radius:9px;
    background:transparent;
    color:var(--muted);
    text-align:left;
    cursor:pointer;
}

.wb-original-queue .tab:hover {
    background:#10243a;
    color:#fff;
}

.wb-original-queue .tab.active {
    border-color:#3b84ad;
    background:#16314f;
    color:#fff;
}

.wb-original-queue .tab b,
.wb-original-queue .tab small {
    display:block;
}

.wb-original-queue .tab b {
    font-size:8px;
}

.wb-original-queue .tab small {
    margin-top:2px;
    overflow:hidden;
    font-size:7px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.wb-original-queue .workspace {
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
    gap:12px;
}

.wb-original-queue .workspace > .panel {
    min-width:0;
    padding:15px;
}

.wb-original-queue .executive-workspace {
    grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
}

.wb-original-queue .section-header {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:12px;
}

.wb-original-queue .section-header h2,
.wb-original-queue .inspector h2 {
    margin:3px 0;
    font-size:16px;
}

.wb-original-queue .section-header > strong {
    font-size:12px;
    color:#d7ebff;
}

.wb-original-queue .executive-grid {
    display:grid;
    grid-template-columns:150px 1fr;
    gap:16px;
    align-items:center;
}

.wb-original-queue .donut {
    width:126px;
    height:126px;
    display:grid;
    place-items:center;
    border-radius:50%;
}

.wb-original-queue .donut > div {
    width:96px;
    height:96px;
    display:grid;
    place-items:center;
    align-content:center;
    border-radius:50%;
    background:#091827;
}

.wb-original-queue .donut strong {
    font-size:26px;
}

.wb-original-queue .donut span {
    color:var(--muted);
    font-size:8px;
    text-transform:uppercase;
}

.wb-original-queue .chart-title {
    display:flex;
    justify-content:space-between;
    margin-top:12px;
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .sparkline {
    width:100%;
    height:110px;
    margin-top:7px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#081523;
}

.wb-original-queue .sparkline.large {
    height:170px;
}

.wb-original-queue .sparkline polyline {
    fill:none;
    stroke:var(--accent);
    stroke-width:4;
    vector-effect:non-scaling-stroke;
}

.wb-original-queue .output-strip {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:7px;
    margin-top:10px;
}

.wb-original-queue .output-strip span {
    padding:8px;
    border:1px solid var(--line);
    border-radius:9px;
    background:#091827;
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .output-strip b {
    display:block;
    margin-top:3px;
    color:#fff;
}

.wb-original-queue .inspector {
    position:relative;
}

.wb-original-queue .signal {
    width:100%;
    display:grid;
    gap:3px;
    margin:7px 0;
    padding:10px;
    border:1px solid var(--line);
    border-left:3px solid var(--accent);
    border-radius:9px;
    background:#091827;
    text-align:left;
    cursor:pointer;
}

.wb-original-queue .signal[data-tone='danger'] {
    border-left-color:var(--danger);
}

.wb-original-queue .signal[data-tone='warning'] {
    border-left-color:var(--warn);
}

.wb-original-queue .signal span,
.wb-original-queue .signal small {
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .bar-chart {
    display:grid;
    gap:8px;
}

.wb-original-queue .bar-row {
    width:100%;
    display:grid;
    grid-template-columns:minmax(80px,120px) 1fr minmax(42px,auto);
    gap:8px;
    align-items:center;
    padding:4px 0;
    border:0;
    background:transparent;
    text-align:left;
}

.wb-original-queue .bar-row span {
    overflow:hidden;
    color:var(--muted);
    font-size:8px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.wb-original-queue .bar {
    height:9px;
    overflow:hidden;
    border-radius:99px;
    background:#081422;
}

.wb-original-queue .bar i {
    display:block;
    height:100%;
    border-radius:99px;
    background:linear-gradient(90deg,#26769e,var(--accent));
}

.wb-original-queue .bar-row b {
    font-size:9px;
    text-align:right;
}

.wb-original-queue .priority-list {
    display:grid;
}

.wb-original-queue .priority-row {
    width:100%;
    display:grid;
    grid-template-columns:95px minmax(0,1fr) 120px 35px;
    gap:10px;
    align-items:center;
    padding:10px 5px;
    border:0;
    border-top:1px solid var(--line);
    background:transparent;
    text-align:left;
    cursor:pointer;
}

.wb-original-queue .priority-row:hover,
.wb-original-queue .priority-row.selected {
    background:rgba(22,49,79,.48);
}

.wb-original-queue .module-pill {
    display:inline-flex;
    justify-content:center;
    padding:4px 6px;
    border:1px solid #315a7c;
    border-radius:999px;
    color:var(--accent);
    font-size:8px;
}

.wb-original-queue .priority-copy {
    min-width:0;
    display:grid;
    gap:3px;
}

.wb-original-queue .priority-copy b,
.wb-original-queue .priority-copy small {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.wb-original-queue .priority-copy small {
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .score-track {
    height:7px;
    overflow:hidden;
    border-radius:99px;
    background:#071321;
}

.wb-original-queue .score-track i {
    display:block;
    height:100%;
    background:var(--accent);
}

.wb-original-queue .score-track i[data-tone='danger'] {
    background:var(--danger);
}

.wb-original-queue .score-track i[data-tone='warning'] {
    background:var(--warn);
}

.wb-original-queue .detail-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:7px;
    margin:12px 0;
}

.wb-original-queue .detail-grid div {
    padding:9px;
    border:1px solid var(--line);
    border-radius:9px;
    background:#091827;
}

.wb-original-queue .detail-grid span,
.wb-original-queue .detail-grid b {
    display:block;
}

.wb-original-queue .detail-grid span {
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .detail-grid b {
    margin-top:3px;
    font-size:9px;
    overflow-wrap:anywhere;
}

.wb-original-queue .boundary {
    margin-top:12px;
    padding:10px;
    border:1px solid #5b4a22;
    border-radius:9px;
    background:#241f12;
    color:#f6dfa4;
    font-size:9px;
}

.wb-original-queue .agenda-timeline {
    display:grid;
}

.wb-original-queue .agenda-row {
    width:100%;
    display:grid;
    grid-template-columns:145px 18px 1fr;
    gap:10px;
    align-items:center;
    padding:10px 5px;
    border:0;
    border-bottom:1px solid var(--line);
    background:transparent;
    text-align:left;
    cursor:pointer;
}

.wb-original-queue .agenda-row:hover,
.wb-original-queue .agenda-row.selected {
    background:rgba(22,49,79,.4);
}

.wb-original-queue .agenda-row time {
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .timeline-dot {
    width:10px;
    height:10px;
    border:2px solid var(--accent);
    border-radius:50%;
    background:#0a1727;
}

.wb-original-queue .agenda-copy {
    display:grid;
    gap:3px;
}

.wb-original-queue .agenda-copy small {
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .funnel {
    display:grid;
    gap:7px;
    padding:10px 0;
}

.wb-original-queue .funnel button {
    min-width:34%;
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin:auto;
    padding:11px 13px;
    border:1px solid #2d6389;
    border-radius:9px;
    background:linear-gradient(90deg,#1a5478,#15344f);
    cursor:pointer;
}

.wb-original-queue .funnel button:hover {
    filter:brightness(1.12);
}

.wb-original-queue .funnel span,
.wb-original-queue .funnel small {
    font-size:8px;
}

.wb-original-queue .funnel small {
    color:#9fc6de;
}

.wb-original-queue .activity-stream {
    max-height:430px;
    overflow:auto;
    margin-top:10px;
}

.wb-original-queue .activity-row {
    width:100%;
    display:grid;
    grid-template-columns:32px 1fr 150px;
    gap:10px;
    align-items:center;
    padding:9px 4px;
    border:0;
    border-bottom:1px solid var(--line);
    background:transparent;
    text-align:left;
    cursor:pointer;
}

.wb-original-queue .activity-row:hover {
    background:#0c1d30;
}

.wb-original-queue .activity-icon {
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border:1px solid #315a7c;
    border-radius:8px;
    background:#112a45;
    color:var(--accent);
    font-weight:900;
}

.wb-original-queue .activity-row > span:nth-child(2) {
    display:grid;
    gap:2px;
}

.wb-original-queue .activity-row small,
.wb-original-queue .activity-row time {
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .activity-row time {
    text-align:right;
}

.wb-original-queue .vertical-chart {
    height:300px;
    display:flex;
    align-items:flex-end;
    gap:8px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#081523;
}

.wb-original-queue .vertical-chart button {
    flex:1;
    height:100%;
    display:grid;
    grid-template-rows:1fr auto auto;
    align-items:end;
    gap:4px;
    border:0;
    background:transparent;
    text-align:center;
}

.wb-original-queue .vertical-chart i {
    width:72%;
    min-height:3%;
    align-self:end;
    justify-self:center;
    border-radius:5px 5px 2px 2px;
    background:linear-gradient(180deg,var(--accent),#265d87);
}

.wb-original-queue .vertical-chart span {
    color:var(--muted);
    font-size:7px;
}

.wb-original-queue .alert-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:8px;
}

.wb-original-queue .alert-card {
    display:grid;
    gap:5px;
    padding:12px;
    border:1px solid var(--line);
    border-left:3px solid var(--warn);
    border-radius:10px;
    background:#091827;
    text-align:left;
    cursor:pointer;
}

.wb-original-queue .alert-card[data-tone='danger'] {
    border-left-color:var(--danger);
}

.wb-original-queue .alert-card[data-tone='success'] {
    border-left-color:var(--ok);
}

.wb-original-queue .alert-card span,
.wb-original-queue .alert-card small {
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .inspector pre {
    max-height:330px;
    overflow:auto;
    padding:10px;
    border:1px solid var(--line);
    border-radius:9px;
    background:#07131f;
    color:#bcd8f3;
    font-size:9px;
    white-space:pre-wrap;
}

.wb-original-queue .insight-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:8px;
}

.wb-original-queue .insight-card {
    padding:12px;
    border:1px solid var(--line);
    border-top:3px solid var(--accent);
    border-radius:10px;
    background:#091827;
}

.wb-original-queue .insight-card[data-tone='danger'] {
    border-top-color:var(--danger);
}

.wb-original-queue .insight-card[data-tone='warning'] {
    border-top-color:var(--warn);
}

.wb-original-queue .insight-card[data-tone='success'] {
    border-top-color:var(--ok);
}

.wb-original-queue .insight-card header {
    display:flex;
    justify-content:space-between;
    gap:8px;
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .insight-card h3 {
    margin:9px 0 4px;
    font-size:13px;
}

.wb-original-queue .insight-card p,
.wb-original-queue .insight-card small {
    color:var(--muted);
    font-size:9px;
}

.wb-original-queue .control-output {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:6px;
    margin-bottom:9px;
}

.wb-original-queue .control-output span {
    padding:8px;
    border:1px solid var(--line);
    border-radius:8px;
    background:#091827;
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .control-output b {
    display:block;
    margin-top:3px;
    color:#fff;
}

.wb-original-queue .control-chart {
    height:280px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#081523;
}

.wb-original-queue .control-chart svg {
    width:100%;
    height:235px;
}

.wb-original-queue .limit {
    stroke-width:1.5;
    stroke-dasharray:8 6;
    vector-effect:non-scaling-stroke;
}

.wb-original-queue .limit.ucl {
    stroke:var(--danger);
}

.wb-original-queue .limit.cl {
    stroke:var(--warn);
}

.wb-original-queue .limit.lcl {
    stroke:var(--ok);
}

.wb-original-queue .control-trend {
    fill:none;
    stroke:var(--accent);
    stroke-width:4;
    vector-effect:non-scaling-stroke;
}

.wb-original-queue .control-point {
    fill:#173653;
    stroke:var(--accent);
    stroke-width:3;
    cursor:pointer;
}

.wb-original-queue .control-point:hover {
    r:9;
}

.wb-original-queue .control-point.outlier {
    fill:#4b1722;
    stroke:var(--danger);
}

.wb-original-queue .widget-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}

.wb-original-queue .widget-card {
    min-height:120px;
    display:grid;
    align-content:start;
    gap:6px;
    padding:12px;
    border:1px solid #315a7c;
    border-radius:11px;
    background:#0b1c2f;
    text-align:left;
    cursor:pointer;
}

.wb-original-queue .widget-card:hover {
    border-color:var(--accent);
}

.wb-original-queue .widget-card.disabled {
    opacity:.45;
    border-style:dashed;
}

.wb-original-queue .widget-card span,
.wb-original-queue .widget-card small,
.wb-original-queue .widget-card i {
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .widget-card span {
    color:var(--ok);
    font-weight:900;
}

.wb-original-queue .widget-card.disabled span {
    color:var(--danger);
}

.wb-original-queue .widget-card b {
    font-size:12px;
}

.wb-original-queue .request-status {
    display:grid;
    grid-template-columns:1fr auto;
    gap:6px;
    margin-top:12px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:9px;
    background:#091827;
    font-size:9px;
}

.wb-original-queue .request-status span {
    color:var(--muted);
}

.wb-original-queue .message {
    margin-top:8px;
    color:var(--accent);
    font-size:9px;
}

.wb-original-queue .heatmap {
    display:grid;
    grid-template-columns:95px repeat(4,1fr);
    gap:5px;
}

.wb-original-queue .heat-corner,
.wb-original-queue .heat-col,
.wb-original-queue .heat-row,
.wb-original-queue .heat-cell {
    min-height:34px;
    display:grid;
    place-items:center;
    border-radius:7px;
}

.wb-original-queue .heat-col,
.wb-original-queue .heat-row {
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .heat-row {
    justify-content:start;
}

.wb-original-queue .heat-cell {
    border:1px solid #315570;
    background:rgba(98,215,255,var(--heat-opacity));
    color:#fff;
    cursor:pointer;
}

.wb-original-queue .heat-cell:hover {
    outline:2px solid var(--accent);
}

.wb-original-queue .inspector.compact {
    margin-top:8px;
    padding:8px;
    border:1px solid var(--line);
    border-radius:8px;
    background:#091827;
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .drawer,
.wb-original-queue .action-drawer {
    position:fixed;
    top:0;
    right:0;
    z-index:1002;
    width:min(520px,92vw);
    height:100vh;
    overflow:auto;
    padding:18px;
    border-left:1px solid var(--line);
    background:#081421;
    box-shadow:-28px 0 60px rgba(0,0,0,.34);
    transform:translateX(105%);
    transition:transform .2s ease;
}

.wb-original-queue .drawer.open,
.wb-original-queue .action-drawer.open {
    transform:translateX(0);
}

.wb-original-queue .drawer header,
.wb-original-queue .action-drawer header {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
    margin-bottom:15px;
}

.wb-original-queue .drawer h2,
.wb-original-queue .action-drawer h2 {
    margin:3px 0;
    font-size:17px;
}

.wb-original-queue .icon-btn {
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid var(--line);
    border-radius:8px;
    background:#10243a;
    cursor:pointer;
}

.wb-original-queue .drawer-list {
    display:grid;
    gap:7px;
}

.wb-original-queue .drawer-list article {
    display:grid;
    gap:3px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:9px;
    background:#0b1a2b;
}

.wb-original-queue .drawer-list article span,
.wb-original-queue .drawer-list article small {
    color:var(--muted);
    font-size:8px;
}

.wb-original-queue .drawer-backdrop {
    position:fixed;
    inset:0;
    z-index:1001;
    background:rgba(0,0,0,.45);
}

.wb-original-queue .action-drawer {
    z-index:1004;
}

.wb-original-queue .drawer-backdrop.action {
    z-index:1003;
}

@media(max-width:1350px) {
    .wb-original-queue .metrics {
        grid-template-columns:repeat(4,1fr);
    }
    .wb-original-queue .tabs {
        grid-template-columns:repeat(5,1fr);
    }
    .wb-original-queue .inputbar {
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:1000px) {
    .wb-original-queue .workspace,
    .wb-original-queue .executive-workspace {
        grid-template-columns:1fr;
    }
    .wb-original-queue .widget-grid {
        grid-template-columns:repeat(2,1fr);
    }
    .wb-original-queue .output-strip {
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:760px) {
    .wb-original-queue.workbench-pro-screen {
        padding:10px;
    }
    .wb-original-queue .hero {
        display:grid;
    }
    .wb-original-queue .metrics {
        grid-template-columns:repeat(2,1fr);
    }
    .wb-original-queue .tabs {
        display:flex;
        overflow:auto;
    }
    .wb-original-queue .tab {
        min-width:145px;
    }
    .wb-original-queue .inputbar {
        grid-template-columns:1fr;
    }
    .wb-original-queue .executive-grid {
        grid-template-columns:1fr;
    }
    .wb-original-queue .donut {
        margin:auto;
    }
    .wb-original-queue .priority-row {
        grid-template-columns:80px 1fr 35px;
    }
    .wb-original-queue .score-track {
        display:none;
    }
    .wb-original-queue .agenda-row {
        grid-template-columns:100px 14px 1fr;
    }
    .wb-original-queue .activity-row {
        grid-template-columns:28px 1fr;
    }
    .wb-original-queue .activity-row time {
        grid-column:2;
        text-align:left;
    }
    .wb-original-queue .alert-grid,
    .wb-original-queue .insight-grid,
    .wb-original-queue .widget-grid {
        grid-template-columns:1fr;
    }
    .wb-original-queue .control-output {
        grid-template-columns:repeat(2,1fr);
    }
    .wb-original-queue .heatmap {
        grid-template-columns:78px repeat(4,1fr);
        overflow:auto;
    }
}

.wb-original-queue .enterprise-search-workspace { grid-template-columns:minmax(0,1.5fr) minmax(320px,.75fr); }
.wb-original-queue .enterprise-search-bar { display:grid; grid-template-columns:1fr auto; gap:8px; margin:12px 0; }
.wb-original-queue .enterprise-search-bar input { min-height:38px; border:1px solid var(--line); border-radius:8px; background:#0b1a2b; color:inherit; padding:0 12px; }
.wb-original-queue .search-boundaries { display:flex; gap:6px; flex-wrap:wrap; margin:8px 0 12px; }
.wb-original-queue .search-boundaries span { border:1px solid var(--line); border-radius:999px; padding:5px 8px; color:var(--muted); font-size:9px; }
.wb-original-queue .enterprise-search-results { display:grid; gap:7px; }
.wb-original-queue .enterprise-search-results button { display:grid; gap:3px; text-align:left; padding:10px; border:1px solid var(--line); border-radius:9px; background:#0b1a2b; color:inherit; cursor:pointer; }
.wb-original-queue .enterprise-search-results button.selected { outline:1px solid var(--accent); }
.wb-original-queue .enterprise-search-results span,.wb-original-queue .enterprise-search-results small { color:var(--muted); font-size:9px; }
.wb-original-queue .enterprise-context-graph { margin-top:10px; padding-top:10px; border-top:1px solid var(--line); }
.wb-original-queue .enterprise-context-graph pre { max-height:320px; overflow:auto; white-space:pre-wrap; }
@media(max-width:1000px){ .wb-original-queue .enterprise-search-workspace { grid-template-columns:1fr; } }

.wb-original-queue .nba-panel{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--wtp-border,#334155);border-radius:.8rem;background:var(--wtp-surface,#101827)}
.wb-original-queue .nba-panel header,.wb-original-queue .candidate{display:flex;gap:.75rem;align-items:flex-start;justify-content:space-between}.wb-original-queue .nba-panel h3{margin:.15rem 0}.wb-original-queue .boundary{font-size:.82rem;opacity:.85}.wb-original-queue .candidate{padding:.75rem;border:1px solid rgba(148,163,184,.25);border-radius:.65rem}.wb-original-queue .candidate.blocked{opacity:.7}.wb-original-queue .score{display:grid;min-width:3.5rem;text-align:center}.wb-original-queue .score strong{font-size:1.35rem}.wb-original-queue .copy{display:grid;gap:.2rem;flex:1}.wb-original-queue .copy b,.wb-original-queue .copy p{margin:0}.wb-original-queue .feedback{display:flex;gap:.35rem;flex-wrap:wrap}.wb-original-queue .empty{opacity:.7}.wb-original-queue .decision{justify-self:start}

/* Original Customer360 overview, source-scoped, native surfaces untouched. */


.customer360-original{
display:block
}
.customer360-original{
--bg:#07111f;
--panel:#0d1b2e;
--panel2:#12243c;
--line:#213955;
--text:#e9f2ff;
--muted:#8fa6c2;
--accent:#63d8ff;
--ok:#66dfb2;
--warn:#f1c967;
--danger:#ff758c;
color:var(--text);
display:grid;
gap:14px;
background:radial-gradient(circle at 8% 0,#12345a 0,transparent 30%),var(--bg);
padding:18px;
min-height:100vh
}
.customer360-original .hero,.customer360-original .account-strip,.customer360-original .metric,.customer360-original .control-panel,.customer360-original .tabs,.customer360-original .canvas,.customer360-original .inspector,.customer360-original .interop,.customer360-original .drawer{
border:1px solid var(--line);
background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(10,22,39,.97));
border-radius:18px
}
.customer360-original .hero{
display:flex;
justify-content:space-between;
gap:20px;
padding:20px
}
.customer360-original .hero__identity{
display:flex;
gap:14px
}
.customer360-original .avatar{
width:58px;
height:58px;
border-radius:16px;
background:linear-gradient(135deg,#153e65,#20a8c5);
display:grid;
place-items:center;
font-size:22px;
font-weight:900;
box-shadow:0 10px 30px #0005
}
.customer360-original .eyebrow{
color:var(--accent);
font-size:10px;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase
}
.customer360-original .hero h1{
margin:4px 0;
font-size:30px
}
.customer360-original .hero p{
margin:0;
color:var(--muted);
max-width:850px
}
.customer360-original .badges{
display:flex;
gap:6px;
flex-wrap:wrap;
margin-top:10px
}
.customer360-original .badges span,.customer360-original .status{
border:1px solid var(--line);
border-radius:999px;
padding:4px 8px;
font-size:9px;
font-weight:900
}
.customer360-original .badges span:nth-child(1){
color:var(--accent)
}
.customer360-original .badges span:nth-child(2),.customer360-original .status.warning{
color:var(--warn)
}
.customer360-original .badges span:nth-child(3),.customer360-original .badges span:nth-child(4),.customer360-original .status.success{
color:var(--ok)
}
.customer360-original .status.info{
color:var(--accent)
}
.customer360-original .hero__actions{
display:flex;
align-items:flex-start;
gap:7px;
flex-wrap:wrap
}
.customer360-original .btn{
border:1px solid #3f718e;
background:#12243c;
color:#fff;
padding:9px 12px;
border-radius:10px;
font-weight:800;
cursor:pointer
}
.customer360-original .btn.accent{
background:linear-gradient(135deg,#64d7ff,#88efd2);
color:#06121b
}
.customer360-original .btn.ghost{
background:#102035
}
.customer360-original .btn.warning{
background:#322714;
color:#ffe6a2;
border-color:#685326
}
.customer360-original .btn.danger{
background:#3a1821;
color:#ffd8de;
border-color:#6a2f40
}
.customer360-original .btn:disabled{
opacity:.45;
cursor:not-allowed
}
.customer360-original .state{
padding:20px;
border:1px solid var(--line);
border-radius:14px;
background:#0c1b2e
}
.customer360-original .state.danger{
color:var(--danger)
}
.customer360-original .account-strip{
display:grid;
grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;
overflow:hidden
}
.customer360-original .account-strip div{
padding:11px 14px;
border-right:1px solid var(--line)
}
.customer360-original .account-strip small,.customer360-original .account-strip strong{
display:block
}
.customer360-original .account-strip small{
color:var(--muted);
font-size:9px;
text-transform:uppercase
}
.customer360-original .account-strip strong{
margin-top:4px;
font-size:11px
}
.customer360-original .metrics{
display:grid;
grid-template-columns:repeat(8,1fr);
gap:8px
}
.customer360-original .metric{
padding:12px;
color:inherit;
text-align:left;
cursor:pointer;
min-height:108px;
display:grid;
align-content:space-between
}
.customer360-original .metric span{
font-size:9px;
color:var(--muted);
text-transform:uppercase
}
.customer360-original .metric strong{
font-size:20px
}
.customer360-original .metric small{
font-size:9px;
color:var(--muted)
}
.customer360-original .metric.success strong{
color:var(--ok)
}
.customer360-original .metric.warning strong{
color:var(--warn)
}
.customer360-original .metric.danger strong{
color:var(--danger)
}
.customer360-original .metric.accent strong{
color:var(--accent)
}
.customer360-original .progress{
height:4px;
border-radius:99px;
background:#1b3049;
overflow:hidden
}
.customer360-original .progress i{
display:block;
height:100%;
background:linear-gradient(90deg,#56d6ff,#72e3af);
border-radius:99px
}
.customer360-original .control-panel{
display:flex;
gap:8px;
align-items:end;
padding:10px
}
.customer360-original .control{
display:grid;
gap:4px
}
.customer360-original .control.grow{
flex:1
}
.customer360-original .control label,.customer360-original .drawer label{
font-size:9px;
text-transform:uppercase;
color:var(--muted);
font-weight:800
}
.customer360-original .control input,.customer360-original .control select,.customer360-original .drawer input,.customer360-original .drawer select,.customer360-original .drawer textarea{
background:#091827;
border:1px solid var(--line);
color:var(--text);
border-radius:8px;
padding:8px;
outline:none
}
.customer360-original .tabs{
display:grid;
grid-template-columns:repeat(10,1fr);
gap:5px;
padding:6px
}
.customer360-original .tabs button{
border:1px solid transparent;
background:transparent;
color:var(--muted);
text-align:left;
padding:9px;
border-radius:10px;
min-width:0
}
.customer360-original .tabs b,.customer360-original .tabs small{
display:block
}
.customer360-original .tabs b{
font-size:10px;
color:#d9e8fa
}
.customer360-original .tabs small{
font-size:8px;
margin-top:3px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.customer360-original .tabs button.active{
background:#16314f;
border-color:#3b84ad;
color:#fff
}
.customer360-original .workspace{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:12px
}
.customer360-original .canvas,.customer360-original .inspector{
padding:16px;
min-height:570px
}
.customer360-original .pane>header{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
margin-bottom:14px
}
.customer360-original .pane h2{
margin:3px 0;
font-size:18px
}
.customer360-original .overview-grid{
display:grid;
grid-template-columns:320px 1fr;
gap:10px
}
.customer360-original .card{
border:1px solid var(--line);
border-radius:14px;
background:#0b1829;
padding:14px
}
.customer360-original .card>span{
color:var(--muted);
font-size:9px;
text-transform:uppercase;
font-weight:900
}
.customer360-original .wide{
grid-column:1/-1
}
.customer360-original .score-card{
text-align:center
}
.customer360-original .gauge{
--score:0;
width:138px;
height:138px;
margin:14px auto;
border-radius:50%;
display:grid;
place-items:center;
align-content:center;
background:radial-gradient(circle,#091725 55%,transparent 57%),conic-gradient(var(--ok) calc(var(--score)*1%),#1c3148 0);
box-shadow:inset 0 0 25px #0006
}
.customer360-original .gauge strong{
font-size:38px
}
.customer360-original .gauge small{
color:var(--muted)
}
.customer360-original .score-card p,.customer360-original .card p{
color:var(--muted);
font-size:10px
}
.customer360-original .radar-bars{
display:grid;
gap:12px;
margin-top:13px
}
.customer360-original .radar-bars button,.customer360-original .bar-chart button,.customer360-original .legend-bars button{
display:grid;
grid-template-columns:120px 1fr 60px;
gap:8px;
align-items:center;
background:transparent;
border:0;
color:inherit;
text-align:left
}
.customer360-original .radar-bars em,.customer360-original .bar-chart em{
font-style:normal;
color:var(--muted);
font-size:10px
}
.customer360-original .radar-bars div,.customer360-original .bar-chart div{
height:8px;
background:#142940;
border-radius:99px;
overflow:hidden
}
.customer360-original .radar-bars i,.customer360-original .bar-chart i{
display:block;
height:100%;
background:linear-gradient(90deg,#64d7ff,#82e6b8)
}
.customer360-original .insight-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
margin-top:10px
}
.customer360-original .insight{
border:1px solid var(--line);
background:#0d1c2f;
color:inherit;
text-align:left;
padding:10px;
border-radius:10px
}
.customer360-original .insight p{
font-size:9px;
color:var(--muted);
min-height:30px
}
.customer360-original .insight.warning{
border-color:#6a5528
}
.customer360-original .insight.danger{
border-color:#6d3441
}
.customer360-original .insight.positive{
border-color:#275844
}
.customer360-original .segmented{
display:flex;
border:1px solid var(--line);
border-radius:9px;
padding:3px
}
.customer360-original .segmented button{
border:0;
background:transparent;
color:var(--muted);
padding:6px 8px;
border-radius:6px
}
.customer360-original .segmented button.active{
background:#173552;
color:#fff
}
.customer360-original .timeline{
display:grid
}
.customer360-original .timeline>button{
display:grid;
grid-template-columns:34px 1fr auto;
gap:10px;
align-items:center;
border:0;
border-bottom:1px solid #183048;
background:transparent;
color:inherit;
text-align:left;
padding:10px 2px
}
.customer360-original .timeline>button>i{
width:30px;
height:30px;
border-radius:50%;
display:grid;
place-items:center;
background:#173552;
color:var(--accent);
font-style:normal;
font-weight:900
}
.customer360-original .timeline small,.customer360-original .timeline span{
display:block;
color:var(--muted);
font-size:9px
}
.customer360-original .relationship-map{
min-height:430px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
align-content:center;
background:radial-gradient(circle at center,#102f4f 0,transparent 46%);
border:1px dashed #294966;
border-radius:16px;
padding:24px
}
.customer360-original .node{
position:relative;
border:1px solid var(--line);
background:#0d1c2e;
color:inherit;
border-radius:14px;
padding:14px;
min-height:94px;
box-shadow:0 10px 24px #0003;
text-align:left
}
.customer360-original .node.account{
grid-column:2/4;
border-color:#55c9e8;
background:#123353
}
.customer360-original .node.contact{
border-color:#2e6f62
}
.customer360-original .node.opportunity{
border-color:#6d572b
}
.customer360-original .node.case{
border-color:#673744
}
.customer360-original .node small{
display:block;
color:var(--muted);
margin-top:5px
}
.customer360-original .node span{
display:block;
height:3px;
background:var(--accent);
margin-top:12px
}
.customer360-original .relationship-legend{
display:flex;
gap:16px;
color:var(--muted);
font-size:9px;
margin-top:10px
}
.customer360-original .chart-layout{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px
}
.customer360-original .chart-card{
min-height:390px
}
.customer360-original .bar-chart{
display:grid;
gap:13px;
margin-top:16px
}
.customer360-original .table-card{
display:grid;
align-content:start
}
.customer360-original .data-row{
display:flex;
justify-content:space-between;
gap:10px;
border:0;
border-top:1px solid var(--line);
background:transparent;
color:inherit;
text-align:left;
padding:11px 2px
}
.customer360-original .data-row small{
display:block;
color:var(--muted);
font-size:9px;
margin-top:3px
}
.customer360-original .vertical-chart{
height:310px;
display:flex;
align-items:end;
gap:10px;
margin-top:20px;
border-bottom:1px solid var(--line)
}
.customer360-original .vertical-chart button{
height:100%;
flex:1;
display:grid;
grid-template-rows:auto 1fr auto;
align-items:end;
background:transparent;
border:0;
color:inherit;
min-width:55px
}
.customer360-original .vertical-chart i{
display:block;
width:60%;
max-height:82%;
min-height:4px;
margin:auto auto 0;
background:linear-gradient(180deg,#61d9ff,#194f78);
border-radius:7px 7px 0 0
}
.customer360-original .vertical-chart em{
font-style:normal;
font-size:8px;
color:var(--muted);
padding:6px 0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.customer360-original .donut-wrap{
display:grid;
grid-template-columns:170px 1fr;
gap:20px;
align-items:center;
margin-top:30px
}
.customer360-original .donut{
width:150px;
height:150px;
border-radius:50%;
display:grid;
place-items:center;
align-content:center;
background:radial-gradient(circle,#0b1829 53%,transparent 55%),conic-gradient(#5fd9ff 0 34%,#71dfaf 34% 63%,#f1c967 63% 82%,#ff758c 82%);
margin:auto
}
.customer360-original .donut strong{
font-size:32px
}
.customer360-original .donut small{
color:var(--muted)
}
.customer360-original .legend-bars{
display:grid;
gap:12px
}
.customer360-original .legend-bars button{
grid-template-columns:75px 1fr 30px
}
.customer360-original .legend-bars i{
height:6px;
border-radius:99px;
background:linear-gradient(90deg,#5fd9ff,#6ee0ae)
}
.customer360-original .consent-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px
}
.customer360-original .consent-card{
border:1px solid var(--line);
border-radius:14px;
padding:16px;
background:#0b1829
}
.customer360-original .consent-card span,.customer360-original .consent-card strong{
display:block
}
.customer360-original .consent-card span{
text-transform:uppercase;
color:var(--muted);
font-size:9px
}
.customer360-original .consent-card strong{
margin:8px 0;
font-size:11px
}
.customer360-original .consent-card.enabled strong{
color:var(--ok)
}
.customer360-original .consent-card.disabled strong{
color:var(--warn)
}
.customer360-original .switch{
width:42px;
height:22px;
border-radius:99px;
background:#23354a;
padding:3px
}
.customer360-original .switch i{
display:block;
width:16px;
height:16px;
border-radius:50%;
background:#8495aa
}
.customer360-original .enabled .switch{
background:#194d3d
}
.customer360-original .enabled .switch i{
margin-left:20px;
background:var(--ok)
}
.customer360-original .callout{
margin-top:12px;
border:1px solid #695629;
background:#2d2413;
color:#ffe6a2;
border-radius:11px;
padding:10px;
font-size:10px
}
.customer360-original .insight-board{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px
}
.customer360-original .insight-card{
border:1px solid var(--line);
background:#0b1829;
color:inherit;
border-radius:14px;
padding:14px;
display:grid;
grid-template-columns:58px 1fr;
gap:12px;
text-align:left
}
.customer360-original .insight-score{
width:54px;
height:54px;
border-radius:50%;
display:grid;
place-items:center;
border:5px solid #2c5973;
font-size:18px;
font-weight:900
}
.customer360-original .insight-card small,.customer360-original .insight-card p{
color:var(--muted)
}
.customer360-original .insight-card strong{
display:block;
margin:3px 0
}
.customer360-original .action-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px
}
.customer360-original .action-grid>button{
border:1px solid var(--line);
background:#0b1829;
color:inherit;
border-radius:14px;
padding:14px;
text-align:left;
min-height:150px
}
.customer360-original .action-grid strong,.customer360-original .action-grid p,.customer360-original .action-grid small{
display:block
}
.customer360-original .action-grid p,.customer360-original .action-grid small{
color:var(--muted);
font-size:9px
}
.customer360-original .risk{
display:inline-block;
border-radius:99px;
padding:3px 7px;
font-size:8px;
text-transform:uppercase;
margin-bottom:10px
}
.customer360-original .risk.medium{
background:#253754;
color:#9dd9ff
}
.customer360-original .risk.high{
background:#392617;
color:#ffd184
}
.customer360-original .quality-layout{
display:grid;
grid-template-columns:300px 1fr;
gap:10px
}
.customer360-original .missing{
display:flex;
flex-wrap:wrap;
gap:6px;
margin:16px 0
}
.customer360-original .missing span{
padding:5px 8px;
border-radius:99px;
border:1px solid #5f3a42;
color:#ffb8c3;
font-size:9px
}
.customer360-original .missing .good{
border-color:#2b5b49;
color:#8de1ba
}
.customer360-original .quality-bar{
height:16px;
background:#172a3f;
border-radius:99px;
overflow:hidden
}
.customer360-original .quality-bar i{
display:block;
height:100%;
background:linear-gradient(90deg,#5ed8ff,#68e0ae)
}
.customer360-original .inspector{
background:#081522
}
.customer360-original .inspector header{
border-bottom:1px solid var(--line);
padding-bottom:10px
}
.customer360-original .inspector h3{
margin:4px 0
}
.customer360-original .inspector pre,.customer360-original .drawer pre{
white-space:pre-wrap;
word-break:break-word;
color:#b8d5f4;
font-size:9px;
max-height:420px;
overflow:auto
}
.customer360-original .inspector-kpis{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:8px;
margin-top:12px
}
.customer360-original .inspector-kpis div{
padding:12px;
border:1px solid var(--line);
border-radius:10px
}
.customer360-original .inspector-kpis span,.customer360-original .inspector-kpis strong{
display:block
}
.customer360-original .inspector-kpis span{
font-size:9px;
color:var(--muted)
}
.customer360-original .inspector-kpis strong{
font-size:20px;
margin-top:5px
}
.customer360-original .boundary{
margin-top:12px;
padding:12px;
border:1px solid #285447;
background:#0f251f;
border-radius:10px
}
.customer360-original .boundary p{
font-size:10px;
color:#a5cabc
}
.customer360-original .interop{
display:grid;
grid-template-columns:repeat(6,1fr);
overflow:hidden
}
.customer360-original .interop article{
padding:12px;
border-right:1px solid var(--line)
}
.customer360-original .interop b,.customer360-original .interop span{
display:block
}
.customer360-original .interop b{
color:var(--accent);
font-size:10px
}
.customer360-original .interop span{
color:var(--muted);
font-size:9px;
margin-top:3px
}
.customer360-original .empty{
padding:30px;
text-align:center;
color:var(--muted)
}
.customer360-original .drawer-backdrop{
position:fixed;
inset:0;
background:#0009;
z-index:70
}
.customer360-original .drawer{
position:fixed;
right:16px;
top:16px;
bottom:16px;
width:min(460px,calc(100vw - 32px));
z-index:80;
padding:18px;
overflow:auto;
box-shadow:0 24px 80px #000c
}
.customer360-original .drawer header{
display:flex;
justify-content:space-between
}
.customer360-original .drawer header h2{
margin:4px 0
}
.customer360-original .drawer header button{
border:0;
background:transparent;
color:#fff;
font-size:24px
}
.customer360-original .drawer label{
display:grid;
gap:5px;
margin-top:12px
}
.customer360-original .drawer-actions{
display:flex;
gap:8px;
margin-top:14px
}

@media(max-width:1400px){
.customer360-original .metrics{
grid-template-columns:repeat(4,1fr)
}
.customer360-original .tabs{
grid-template-columns:repeat(5,1fr)
}
.customer360-original .action-grid{
grid-template-columns:repeat(2,1fr)
}

}
@media(max-width:1050px){
.customer360-original .workspace{
grid-template-columns:1fr
}
.customer360-original .inspector{
display:none
}
.customer360-original .account-strip{
grid-template-columns:repeat(3,1fr)
}
.customer360-original .overview-grid,.customer360-original .chart-layout,.customer360-original .quality-layout{
grid-template-columns:1fr
}
.customer360-original .insight-grid{
grid-template-columns:repeat(2,1fr)
}
.customer360-original .consent-grid{
grid-template-columns:repeat(2,1fr)
}
.customer360-original .interop{
grid-template-columns:repeat(3,1fr)
}

}
@media(max-width:720px){
.customer360-original{
padding:10px
}
.customer360-original .hero{
display:grid
}
.customer360-original .hero__identity{
display:grid
}
.customer360-original .metrics{
grid-template-columns:repeat(2,1fr)
}
.customer360-original .tabs{
display:flex;
overflow:auto
}
.customer360-original .tabs button{
min-width:145px
}
.customer360-original .control-panel{
display:grid
}
.customer360-original .account-strip{
grid-template-columns:1fr 1fr
}
.customer360-original .relationship-map{
grid-template-columns:1fr 1fr
}
.customer360-original .node.account{
grid-column:1/-1
}
.customer360-original .insight-grid,.customer360-original .insight-board,.customer360-original .action-grid,.customer360-original .consent-grid{
grid-template-columns:1fr
}
.customer360-original .donut-wrap{
grid-template-columns:1fr
}
.customer360-original .interop{
grid-template-columns:repeat(2,1fr)
}

}


/* 0.8.18 — interactive statistical control chart */
.customer360-original .control-chart-card {
  grid-column: 1 / -1;
  min-height: 360px;
}
.customer360-original .chart-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
}
.customer360-original .chart-heading h3 {
  margin: 4px 0 4px;
  font-size: 16px;
}
.customer360-original .chart-heading p {
  max-width: 760px;
  margin: 0;
  color: var(--c360-muted);
  font-size: 10px;
  line-height: 1.55;
}
.customer360-original .control-readout {
  min-width: 150px;
  padding: 9px 11px;
  border: 1px solid var(--c360-line);
  border-radius: 10px;
  background: #091827;
  text-align: right;
}
.customer360-original .control-readout strong,.customer360-original .control-readout small {
  display: block;
}
.customer360-original .control-readout strong {
  color: var(--c360-accent);
  font-size: 11px;
}
.customer360-original .control-readout small {
  margin-top: 3px;
  color: var(--c360-muted);
  font-size: 9px;
}
.customer360-original .control-chart {
  min-height: 260px;
  padding: 12px 14px 8px;
  border: 1px solid var(--c360-line);
  border-radius: 12px;
  background:
    linear-gradient(rgba(98, 215, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(98, 215, 255, .025) 1px, transparent 1px),
    #081523;
  background-size: 28px 28px;
}
.customer360-original .control-chart svg {
  width: 100%;
  height: 220px;
  overflow: visible;
}
.customer360-original .control-chart .grid-line {
  stroke: #29415a;
  stroke-width: 1;
}
.customer360-original .control-chart .limit {
  stroke-width: 1.4;
  stroke-dasharray: 9 6;
  vector-effect: non-scaling-stroke;
}
.customer360-original .control-chart .ucl { stroke: var(--c360-danger); }
.customer360-original .control-chart .cl { stroke: var(--c360-warning); }
.customer360-original .control-chart .lcl { stroke: var(--c360-success); }
.customer360-original .control-chart .trend {
  fill: none;
  stroke: var(--c360-accent);
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
}
.customer360-original .control-chart .control-point {
  cursor: pointer;
  outline: none;
}
.customer360-original .control-chart .control-point circle {
  fill: #173653;
  stroke: var(--c360-accent);
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
  transition: r .15s ease, stroke-width .15s ease, filter .15s ease;
}
.customer360-original .control-chart .control-point circle.outside {
  fill: #3a1821;
  stroke: var(--c360-danger);
}
.customer360-original .control-chart .control-point:hover circle,.customer360-original .control-chart .control-point:focus circle {
  r: 10;
  stroke-width: 4;
  filter: drop-shadow(0 0 6px rgba(98, 215, 255, .45));
}
.customer360-original .control-chart text {
  fill: var(--c360-muted);
  font-size: 8px;
}
.customer360-original .control-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 7px 2px 0;
  color: var(--c360-muted);
  font-size: 9px;
}
.customer360-original .control-legend .danger { color: var(--c360-danger); }
.customer360-original .control-legend .warning { color: var(--c360-warning); }
.customer360-original .control-legend .success { color: var(--c360-success); }
.customer360-original .control-empty {
  padding: 28px;
  border: 1px dashed var(--c360-line);
  border-radius: 12px;
  background: #081523;
}
@media (max-width: 760px) {
  .customer360-original .chart-heading { display: grid; }
  .customer360-original .control-readout { text-align: left; }
  .customer360-original .control-chart { overflow-x: auto; }
  .customer360-original .control-chart svg { min-width: 620px; }
}



.customer360-original{min-width:0;max-width:100%;box-sizing:border-box;--c360-line:var(--line);--c360-muted:var(--muted);--c360-accent:var(--accent);--c360-danger:var(--danger);--c360-warning:var(--warn);--c360-success:var(--ok)}
.customer360-original .canvas,.customer360-original .card{min-width:0;box-sizing:border-box}

/* Host adaptation: retain original320px inspector and health card; original chart620px minimum prevents collapsed dimension tracks. */
.customer360-original{overflow-x:auto}
@media(min-width:1051px){.customer360-original .workspace{grid-template-columns:minmax(620px,1fr) 320px}}

/* Original shared NBA component, Customer360 actions scope. */
.customer360-actions-original .nba-panel{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--wtp-border,#334155);border-radius:.8rem;background:var(--wtp-surface,#101827)}.customer360-actions-original .nba-panel header,.customer360-actions-original .candidate{display:flex;gap:.75rem;align-items:flex-start;justify-content:space-between}.customer360-actions-original .nba-panel h3{margin:.15rem 0}.customer360-actions-original .boundary{font-size:.82rem;opacity:.85}.customer360-actions-original .candidate{padding:.75rem;border:1px solid rgba(148,163,184,.25);border-radius:.65rem}.customer360-actions-original .candidate.blocked{opacity:.7}.customer360-actions-original .score{display:grid;min-width:3.5rem;text-align:center}.customer360-actions-original .score strong{font-size:1.35rem}.customer360-actions-original .copy{display:grid;gap:.2rem;flex:1}.customer360-actions-original .copy b,.customer360-actions-original .copy p{margin:0}.customer360-actions-original .feedback{display:flex;gap:.35rem;flex-wrap:wrap}.customer360-actions-original .empty{opacity:.7}.customer360-actions-original .decision{justify-self:start}

/* Original Service Portal styles; scoped to original composition. */
.service-portal-original.service-portal-shell{display:grid;gap:16px}.service-portal-original .portal-hero,.service-portal-original .portal-controls,.service-portal-original .portal-grid,.service-portal-original .portal-boundaries{display:grid;gap:12px}.service-portal-original .portal-hero{grid-template-columns:minmax(0,1fr) minmax(220px,320px)}.service-portal-original .portal-controls{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end}.service-portal-original .portal-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.service-portal-original .portal-grid article,.service-portal-original .portal-hero aside{border:1px solid var(--wtp-border,#d7dce5);border-radius:12px;padding:16px}.service-portal-original .portal-boundaries{grid-template-columns:repeat(3,minmax(0,1fr));font-size:12px}.service-portal-original .portal-controls label{display:grid;gap:4px}.service-portal-original .portal-error{padding:10px;border:1px solid currentColor}.service-portal-original .eyebrow{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em}@media(max-width:900px){.service-portal-original .portal-hero,.service-portal-original .portal-controls,.service-portal-original .portal-boundaries{grid-template-columns:1fr}}

/* Original Collection Studio styles, scoped. */
.surveys-original{display:block}.surveys-original.collection-studio{display:grid;gap:16px;padding:20px;min-height:100%;color:var(--wtp-text,#172033)}.surveys-original .hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px;border:1px solid rgba(15,23,42,.12);border-radius:18px;background:var(--wtp-surface,#fff)}.surveys-original .hero h2{margin:6px 0}.surveys-original .hero p{max-width:900px;margin:0;opacity:.72}.surveys-original .eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.surveys-original .tabs{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.surveys-original .tabs button,.surveys-original .panel button,.surveys-original .hero button{border:1px solid rgba(15,23,42,.15);border-radius:10px;background:var(--wtp-surface,#fff);padding:9px 11px;font-weight:700;cursor:pointer;white-space:nowrap}.surveys-original .tabs button.active{box-shadow:0 4px 14px rgba(15,23,42,.14)}.surveys-original .grid,.surveys-original .builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.surveys-original .panel,.surveys-original .boundaries,.surveys-original .notice{padding:16px;border:1px solid rgba(15,23,42,.11);border-radius:14px;background:var(--wtp-surface,#fff)}.surveys-original .panel h3{margin:0 0 10px}.surveys-original .panel p{line-height:1.5;opacity:.76}.surveys-original .panel dl{display:grid;grid-template-columns:130px 1fr;gap:8px}.surveys-original .panel dt{font-weight:800}.surveys-original .panel dd{margin:0}.surveys-original .panel label{display:grid;gap:5px;margin:8px 0;font-size:12px;font-weight:700}.surveys-original .panel input{padding:9px;border:1px solid rgba(15,23,42,.16);border-radius:9px}.surveys-original .chips{display:flex;gap:6px;flex-wrap:wrap}.surveys-original .chips span,.surveys-original .boundaries span{padding:6px 8px;border-radius:99px;background:rgba(15,23,42,.06);font-size:11px}.surveys-original .panel pre{max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:10px;border-radius:9px;background:rgba(15,23,42,.04);font-size:11px}.surveys-original .boundaries{display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-left:4px solid currentColor}.surveys-original .notice.error{font-weight:700}@media(max-width:900px){.surveys-original .grid,.surveys-original .builder-grid{grid-template-columns:1fr}.surveys-original .hero{flex-direction:column}}

/* Original Procurement styles, scoped. */
.procurement-original .procurement-suppliers{
  display:grid;
  gap:16px;
}.procurement-original .procurement-suppliers header{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}.procurement-original .grid{
  display:grid;
  grid-template-columns:
    repeat(auto-fit,minmax(240px,1fr));
  gap:12px;
}.procurement-original .panel,.procurement-original .notice{
  border:1px solid var(--border-color,#d8dde6);
  border-radius:10px;
  padding:14px;
}.procurement-original pre{
  white-space:pre-wrap;
  overflow:auto;
}

/* Original shared status pill styles, scoped to Procurement. */
.procurement-original .wtp-pill {
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.32rem .58rem;
  border-radius:999px;
  border:1px solid var(--wtp-border);
  font-size:.72rem;
  font-weight:700;
  background:rgba(255,255,255,.025);
  color:var(--wtp-text-muted)
}
.procurement-original .wtp-pill__dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--wtp-accent)
}
.procurement-original .wtp-pill[data-tone='success'] {
  color:var(--wtp-positive);
  border-color:rgba(65,221,145,.25)
}
.procurement-original .wtp-pill[data-tone='success'] .wtp-pill__dot {
  background:var(--wtp-positive)
}
.procurement-original .wtp-pill[data-tone='warning'] {
  color:var(--wtp-warning);
  border-color:rgba(255,177,61,.25)
}
.procurement-original .wtp-pill[data-tone='warning'] .wtp-pill__dot {
  background:var(--wtp-warning)
}
.procurement-original .wtp-pill[data-tone='danger'] {
  color:var(--wtp-danger);
  border-color:rgba(255,86,108,.25)
}
.procurement-original .wtp-pill[data-tone='danger'] .wtp-pill__dot {
  background:var(--wtp-danger)
}

/* Original Finance Treasury styles, scoped. */
.finance-original .finance-treasury-view{
    display: grid;
    gap: 1rem;
}.finance-original .finance-treasury-view header h2{
    margin: .25rem 0;
}.finance-original .finance-treasury-view__grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .75rem;
}.finance-original .finance-treasury-view__grid article{
    display: grid;
    gap: .25rem;
    padding: 1rem;
    border: 1px solid var(--wtp-border, #d8dee9);
    border-radius: .75rem;
}.finance-original .finance-treasury-view__grid span,.finance-original .finance-treasury-view__status{
    opacity: .75;
}.finance-original .finance-treasury-view pre{
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* Original Operations Logistics styles, scoped. */
.operations-original .operations-logistics{
  display:grid;
  gap:16px;
}.operations-original .operations-logistics header h2{
  margin:4px 0;
}.operations-original .operations-logistics__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}.operations-original .operations-logistics__grid article{
  padding:14px;
  border:1px solid var(--wtp-border,#d7dce3);
  border-radius:8px;
}.operations-original .operations-logistics footer{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  font-size:12px;
}

/* Original Sustainability ESG styles, scoped. */
.sustainability-original .sustainability-esg{
  display:grid;
  gap:16px;
}.sustainability-original .sustainability-esg header h2{
  margin:4px 0;
}.sustainability-original .sustainability-esg__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}.sustainability-original .sustainability-esg__grid article{
  padding:14px;
  border:1px solid var(--wtp-border,#d7dce3);
  border-radius:8px;
}.sustainability-original .sustainability-esg footer{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  font-size:12px;
}

/* Original People Workforce styles; literal source newline escapes decoded, local scope. */
.people-original.people-workforce{display:grid;gap:1rem;font-size:15px}.people-original .truth{display:flex;flex-wrap:wrap;gap:.5rem}.people-original .truth span{padding:.35rem .55rem;border:1px solid currentColor;border-radius:.35rem}.people-original.people-workforce nav{display:flex;flex-wrap:wrap;gap:.5rem}.people-original.people-workforce button{min-height:40px}.people-original.people-workforce pre{white-space:pre-wrap;overflow-wrap:anywhere}

/* Original Enterprise HR styles; literal source newline escapes decoded, local scope. */
.enterprise-original.enterprise-hr{display:grid;gap:1rem;font-size:15px}.enterprise-original .truth{display:flex;flex-wrap:wrap;gap:.5rem}.enterprise-original .truth span{padding:.35rem .55rem;border:1px solid currentColor;border-radius:.35rem}.enterprise-original.enterprise-hr nav{display:flex;flex-wrap:wrap;gap:.5rem}.enterprise-original.enterprise-hr button{min-height:40px}.enterprise-original.enterprise-hr pre{white-space:pre-wrap;overflow-wrap:anywhere}

/* Original Spatial Intelligence styles, scoped to the preserved composition. */
.spatial-original.spatial-intelligence{display:grid;gap:1rem;font-size:15px}.spatial-original .truth{display:flex;flex-wrap:wrap;gap:.5rem}.spatial-original .truth span{padding:.35rem .55rem;border:1px solid currentColor;border-radius:.35rem}.spatial-original.spatial-intelligence nav{display:flex;flex-wrap:wrap;gap:.5rem}.spatial-original.spatial-intelligence button{min-height:40px}.spatial-original.spatial-intelligence pre{white-space:pre-wrap;overflow-wrap:anywhere}

/* Original Legal Intelligence styles, scoped to the preserved composition. */
.legal-original.legal-obligations{display:grid;gap:1rem;font-size:15px}.legal-original .truth{display:flex;flex-wrap:wrap;gap:.5rem}.legal-original .truth span{padding:.35rem .55rem;border:1px solid currentColor;border-radius:.35rem}.legal-original.legal-obligations nav{display:flex;flex-wrap:wrap;gap:.5rem}.legal-original.legal-obligations button{min-height:40px}.legal-original.legal-obligations pre{white-space:pre-wrap;overflow-wrap:anywhere}

/* Original Follow-up filter rules, scoped to the restored existing controls. */
.followup-native .followup-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto auto;gap:.45rem}
.followup-native .followup-filters input,.followup-native .followup-filters select{min-width:0;padding:.62rem .7rem;border:1px solid var(--wtp-border);border-radius:9px;background:var(--wtp-surface);color:var(--wtp-text)}
.followup-native .followup-filters button{padding:.62rem .8rem;border:1px solid rgba(56,189,248,.34);border-radius:9px;background:rgba(14,116,144,.2);color:var(--wtp-text)}
.followup-native .followup-filters .ghost{background:transparent;border-color:var(--wtp-border)}
.followup-native .followup-filters label{min-width:0}
@media(max-width:1200px){.followup-native .followup-filters{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.followup-native .followup-filters{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.followup-native .followup-filters{grid-template-columns:1fr}}

/* Original Products Pro SPC rules, scoped to the original control fragment. */
.products-original-control{--bg:#07111f;--panel:#0d1b2e;--card:#12243c;--line:#213955;--muted:#8fa6c2;--accent:#62d7ff;--ok:#66dfb2;--warn:#f1c967;--danger:#ff758c;font:13px/1.45 Inter,Segoe UI,Arial,sans-serif}
.products-original-control .panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,39,65,.96),rgba(12,24,42,.96));border-radius:16px}
.products-original-control .stats{display:flex;gap:7px;flex-wrap:wrap}
.products-original-control .panel{padding:14px;min-width:0}
.products-original-control .panel header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}
.products-original-control .panel h2{font-size:14px;margin:2px 0}
.products-original-control .control-card{grid-column:span 1}
.products-original-control .control-chart{height:240px;border:1px solid var(--line);border-radius:12px;background:#081523;padding:10px}
.products-original-control .control-chart svg{width:100%;height:210px}
.products-original-control .control-chart line{stroke-dasharray:7 5}
.products-original-control .ucl{stroke:var(--danger)}
.products-original-control .cl{stroke:var(--warn)}
.products-original-control .lcl{stroke:var(--ok)}
.products-original-control .trend{fill:none;stroke:var(--accent);stroke-width:3}
.products-original-control .control-chart circle{fill:#173653;stroke:var(--accent);stroke-width:2;cursor:pointer}
.products-original-control .stats span{font-size:8px;color:var(--muted)}
.products-original-control .empty{padding:10px;color:var(--muted);font-size:9px}
.products-original-control .point-read{padding:10px;color:var(--muted);font-size:9px}

/* Original SCREEN-027 queue fragment, scoped to the native queue only. */
.followup-native .followup-original-queue{--wtp-surface:var(--panel-solid);border:1px solid var(--wtp-border);border-radius:14px;background:var(--wtp-surface);padding:.9rem;display:grid;align-content:start;gap:.35rem;max-height:720px;overflow:auto;min-width:0;box-sizing:border-box}
.followup-native .followup-original-queue .panel-title{display:flex;justify-content:space-between;gap:.7rem;align-items:center;margin-bottom:.7rem;min-width:0}
.followup-native .followup-original-queue .panel-title h2{margin:.1rem 0}
.followup-native .followup-original-queue .panel-title>span{font-size:.7rem;color:var(--wtp-text-muted)}
.followup-native .followup-original-queue .queue-row{display:grid;grid-template-columns:minmax(0,1fr);gap:.38rem;width:100%;padding:.72rem;border:1px solid var(--wtp-border);border-radius:10px;background:rgba(255,255,255,.018);color:var(--wtp-text);text-align:left;min-width:0;box-sizing:border-box;cursor:pointer}
.followup-native .followup-original-queue .queue-row.active{border-color:#38bdf8;background:rgba(14,116,144,.12)}
.followup-native .followup-original-queue .row-top,.followup-native .followup-original-queue .row-meta,.followup-native .followup-original-queue .row-bottom{display:flex;justify-content:space-between;gap:.6rem;align-items:center;min-width:0;overflow-wrap:anywhere}
.followup-native .followup-original-queue .row-top>*,.followup-native .followup-original-queue .row-meta>*,.followup-native .followup-original-queue .row-bottom>*{min-width:0;overflow-wrap:anywhere}
.followup-native .followup-original-queue .row-meta,.followup-native .followup-original-queue .row-bottom,.followup-native .followup-original-queue .followup-row__native{font-size:.66rem;color:var(--wtp-text-muted)}
.followup-native .followup-original-queue .pill{display:inline-flex;padding:.16rem .42rem;border-radius:999px;background:rgba(148,163,184,.12);font-size:.61rem}
.followup-native .followup-original-queue .pill[data-tone="danger"]{background:rgba(239,68,68,.14);color:#fca5a5}
.followup-native .followup-original-queue .pill[data-tone="warning"]{background:rgba(245,158,11,.14);color:#fcd34d}
.followup-native .followup-original-queue .pill[data-tone="success"]{background:rgba(34,197,94,.13);color:#86efac}
.followup-native .followup-original-queue .empty{font-size:.7rem;color:var(--wtp-text-muted)}
@media(max-width:1200px){.followup-native .followup-original-queue{max-height:420px}}

/* Original SCREEN-028 conversation row slice proposal only; not applied or rendered. */
.social-inbox-native .social-inbox-original-rows{--wtp-border:var(--line);--wtp-text:var(--text);--wtp-text-muted:var(--muted);--wtp-surface:var(--panel-solid);border:1px solid var(--wtp-border);border-radius:14px;background:var(--wtp-surface);padding:.85rem;display:grid;align-content:start;gap:.35rem;max-height:760px;overflow:auto;min-width:0;max-width:100%;box-sizing:border-box}
.social-inbox-native .social-inbox-original-rows .eyebrow{font-size:.65rem;text-transform:uppercase;letter-spacing:.11em;color:#80d7ff}
.social-inbox-native .social-inbox-original-rows .panel-title{display:flex;justify-content:space-between;align-items:center;gap:.7rem;min-width:0}
.social-inbox-native .social-inbox-original-rows .panel-title h2{margin:.1rem 0}
.social-inbox-native .social-inbox-original-rows .panel-title>span{font-size:.68rem;color:var(--wtp-text-muted)}
.social-inbox-native .social-inbox-original-rows .conversation-row{display:grid;gap:.33rem;padding:.7rem;width:100%;border:1px solid var(--wtp-border);border-radius:10px;background:rgba(255,255,255,.016);color:var(--wtp-text);text-align:left;min-width:0;max-width:100%;box-sizing:border-box;cursor:pointer}
.social-inbox-native .social-inbox-original-rows .conversation-row.active{border-color:#38bdf8;background:rgba(14,116,144,.11)}
.social-inbox-native .social-inbox-original-rows .row-top,.social-inbox-native .social-inbox-original-rows .row-meta{display:flex;justify-content:space-between;gap:.6rem;align-items:center;min-width:0;overflow-wrap:anywhere}
.social-inbox-native .social-inbox-original-rows .row-top>*,.social-inbox-native .social-inbox-original-rows .row-meta>*{min-width:0;overflow-wrap:anywhere}
.social-inbox-native .social-inbox-original-rows .row-title{font-size:.73rem;overflow-wrap:anywhere;min-width:0}
.social-inbox-native .social-inbox-original-rows .row-meta{font-size:.63rem;color:var(--wtp-text-muted)}
.social-inbox-native .social-inbox-original-rows .pill{display:inline-flex;padding:.15rem .4rem;border-radius:999px;background:rgba(148,163,184,.12);font-size:.61rem;min-width:0;overflow-wrap:anywhere}
.social-inbox-native .social-inbox-original-rows .pill[data-tone="danger"]{background:rgba(239,68,68,.14);color:#fca5a5}
.social-inbox-native .social-inbox-original-rows .pill[data-tone="warning"]{background:rgba(245,158,11,.14);color:#fde68a}
.social-inbox-native .social-inbox-original-rows .pill[data-tone="success"]{background:rgba(34,197,94,.13);color:#86efac}
.social-inbox-native .social-inbox-original-rows .empty{font-size:.68rem;color:var(--wtp-text-muted)}
@media(max-width:1250px){.social-inbox-native .social-inbox-original-rows{max-height:430px}}

/* Original SCREEN-029 filter rules, scoped to the restored form. */
.social-listening-native .social-listening-original-filters{--wtp-border:var(--line);--wtp-surface:var(--panel-solid);--wtp-text:var(--text)}

.social-listening-original-filters.filters{display:grid;grid-template-columns:repeat(5,1fr) auto auto;gap:.42rem}
.social-listening-original-filters.filters input,.social-listening-original-filters.filters select{min-width:0;padding:.62rem;border:1px solid var(--wtp-border);border-radius:9px;background:var(--wtp-surface);color:var(--wtp-text)}
.social-listening-original-filters.filters button{cursor:pointer;padding:.62rem .8rem;border:1px solid rgba(52,211,153,.28);border-radius:9px;background:rgba(6,95,70,.18);color:var(--wtp-text)}
.social-listening-original-filters.filters button:disabled{opacity:.45;cursor:not-allowed}
.social-listening-original-filters.filters .ghost{background:transparent;border-color:var(--wtp-border)}
@media(max-width:1150px){.social-listening-original-filters.filters{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.social-listening-original-filters.filters{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.social-listening-original-filters.filters{grid-template-columns:1fr}}

/* Original SCREEN020 header and six source-bounded hero cards; separate from recovered controls. */
#approval-center-native .approval-original-fragment{
  --approval-bg: #07111f;
  --approval-panel: rgba(14, 28, 47, 0.92);
  --approval-panel-soft: rgba(18, 36, 59, 0.72);
  --approval-border: rgba(136, 179, 219, 0.14);
  --approval-border-strong: rgba(91, 197, 255, 0.28);
  --approval-text: #e8f4ff;
  --approval-muted: #8ca6be;
  --approval-accent: #2bd9ff;
  --approval-accent-2: #9c7cff;
  --approval-success: #50e3a4;
  --approval-warning: #ffca64;
  --approval-danger: #ff6f86;
  --approval-critical: #ff405f;
  --approval-shadow: 0 22px 70px rgba(0, 0, 0, 0.22);
  color: var(--approval-text);
  display: block;
  position: relative;
min-width:0;display:grid;gap:12px}
#approval-center-native .approval-original-fragment .approval-pro__header {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 22px;
}
#approval-center-native .approval-original-fragment .approval-pro__heading {
  max-width: 860px;
}
#approval-center-native .approval-original-fragment .approval-pro__heading h2 {
  letter-spacing: -0.035em;
  margin-bottom: 8px;
}
#approval-center-native .approval-original-fragment .approval-pro__heading p {
  color: var(--approval-muted);
  line-height: 1.6;
  margin: 0;
  max-width: 820px;
}
#approval-center-native .approval-original-fragment .approval-pro__header-meta {
  align-items: center;
  color: var(--approval-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 8px;
  margin-top: 12px;
}
#approval-center-native .approval-original-fragment .approval-pro__header-meta span {
  align-items: center;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid var(--approval-border);
  border-radius: 999px;
  display: inline-flex;
  min-height: 28px;
  padding: 4px 10px;
}
#approval-center-native .approval-original-fragment .approval-kpi {
  background: linear-gradient(160deg, rgba(17, 35, 58, 0.98), rgba(9, 20, 36, 0.92));
  border: 1px solid var(--approval-border);
  border-radius: 16px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.14);
  display: flex;
  gap: 12px;
  min-height: 112px;
  overflow: hidden;
  padding: 16px;
  position: relative;
}
#approval-center-native .approval-original-fragment .approval-kpi::after {
  background: radial-gradient(circle, currentColor 0, transparent 68%);
  content: '';
  height: 96px;
  opacity: 0.08;
  position: absolute;
  right: -26px;
  top: -26px;
  width: 96px;
}
#approval-center-native .approval-original-fragment .approval-kpi--overdue {
  color: var(--approval-warning);
}
#approval-center-native .approval-original-fragment .approval-pro__hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}
#approval-center-native .approval-original-fragment .approval-kpi--pending{color:var(--approval-accent)}
#approval-center-native .approval-original-fragment .approval-kpi--critical{color:var(--approval-critical)}
#approval-center-native .approval-original-fragment .approval-kpi--high{color:var(--approval-danger)}
#approval-center-native .approval-original-fragment .approval-kpi--age{color:var(--approval-accent-2)}
#approval-center-native .approval-original-fragment .approval-kpi--resolved{color:var(--approval-success)}
#approval-center-native .approval-original-fragment .approval-kpi__icon {
  align-items: center;
  background: rgba(91, 197, 255, 0.14);
  border-radius: 12px;
  color: inherit;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 15px;
  font-weight: 900;
  height: 38px;
  justify-content: center;
  width: 38px;
}
#approval-center-native .approval-original-fragment .approval-kpi__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
#approval-center-native .approval-original-fragment .approval-kpi__label {
  color: var(--approval-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
#approval-center-native .approval-original-fragment .approval-kpi__value {
  color: var(--approval-text);
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1.05;
  margin-top: 5px;
}
#approval-center-native .approval-original-fragment .approval-kpi__hint {
  color: var(--approval-muted);
  font-size: 11px;
  line-height: 1.3;
  margin-top: auto;
  padding-top: 8px;
}
#approval-center-native .approval-original-fragment .approval-pro__header{margin-bottom:0;min-width:0}
#approval-center-native .approval-original-fragment .approval-pro__heading{min-width:0;max-width:100%}
#approval-center-native .approval-original-fragment .approval-pro__header-meta span{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
#approval-center-native .approval-original-fragment .approval-kpi{width:100%;box-sizing:border-box;margin:0}
#approval-center-native .approval-original-fragment .approval-original-source-note{color:var(--approval-muted);font-size:12px;line-height:1.5;margin:0}
@media(max-width:900px){#approval-center-native .approval-original-fragment .approval-pro__hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){#approval-center-native .approval-original-fragment .approval-pro__hero-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){#approval-center-native .approval-original-fragment .approval-kpi{min-height:96px;padding:12px}#approval-center-native .approval-original-fragment .approval-kpi__icon{height:32px;width:32px}}
/* Original Privacy overview recent-card declarations, scoped to this fragment. */
#privacy-original-recent.privacy-card{box-sizing:border-box;margin:0;max-width:100%;min-width:0;padding:1rem;border:1px solid rgba(112,170,224,.14);border-radius:14px;background:linear-gradient(180deg,rgba(15,32,53,.88),rgba(9,23,40,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
#privacy-original-recent .privacy-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}
#privacy-original-recent .privacy-card__header h3{margin:.1rem 0 0;color:#eaf5ff;font-size:.9rem}
#privacy-original-recent .privacy-card__eyebrow{color:#5e88ad;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#privacy-original-recent .privacy-link{padding:0;min-width:0;border:0;background:transparent;color:#60b8ff;font-size:.68rem;cursor:pointer}
#privacy-original-recent .privacy-request-mini{display:grid;gap:.35rem}
#privacy-original-recent .privacy-request-mini__row{box-sizing:border-box;min-width:0;display:grid;grid-template-columns:100px minmax(120px,1fr) 130px 90px;gap:.6rem;align-items:center;width:100%;padding:.55rem .65rem;border:1px solid rgba(112,170,224,.08);border-radius:9px;background:rgba(255,255,255,.015);color:#bcd1e6;text-align:left;cursor:pointer}
#privacy-original-recent .privacy-request-mini__row:hover{border-color:rgba(55,158,255,.22);background:rgba(55,158,255,.04)}
#privacy-original-recent .privacy-request-mini__type{color:#74c1ff;font-size:.68rem}
#privacy-original-recent .privacy-request-mini__subject{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}
#privacy-original-recent .privacy-request-mini__status,#privacy-original-recent .privacy-request-mini__sla{justify-self:start;padding:.2rem .45rem;border-radius:999px;background:rgba(122,145,168,.08);color:#9fb7cf;font-size:.61rem}
#privacy-original-recent [data-tone='success'],#privacy-original-recent [data-tone='healthy']{color:#78e5b7!important}
#privacy-original-recent [data-tone='warning']{color:#ffd182!important}
#privacy-original-recent [data-tone='danger'],#privacy-original-recent [data-tone='overdue']{color:#ff8696!important}
#privacy-original-recent [data-tone='info']{color:#69c3ff!important}
#privacy-original-recent [data-tone='completed']{color:#8fa5bb!important}
/* Scoped mobile adaptation: the original fixed minimum columns exceed390px. */
@media(max-width:680px){#privacy-original-recent .privacy-request-mini__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#privacy-original-recent .privacy-request-mini__subject{white-space:normal;overflow-wrap:anywhere}#privacy-original-recent .privacy-card__header{gap:.5rem}#privacy-original-recent .privacy-request-mini__status,#privacy-original-recent .privacy-request-mini__sla{max-width:100%;overflow-wrap:anywhere}}

/* Read-source explanation and local min-width guards for the recovered card only. */
#privacy-original-recent .privacy-card__header>div,#privacy-original-recent .privacy-request-mini__row>span{min-width:0}
#privacy-original-recent .privacy-recent-source-note{margin:.65rem 0 0;color:#7f9db9;font-size:.65rem;line-height:1.4}

/* Original Privacy overview DPIA card, scoped to the received sample. */
#privacy-overview-dpia.privacy-card{box-sizing:border-box;margin:0;max-width:100%;min-width:0;padding:1rem;border:1px solid rgba(112,170,224,.14);border-radius:14px;background:linear-gradient(180deg,rgba(15,32,53,.88),rgba(9,23,40,.9))}
#privacy-overview-dpia .privacy-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}
#privacy-overview-dpia .privacy-card__header h3{margin:.1rem 0 0;color:#eaf5ff;font-size:.9rem}
#privacy-overview-dpia .privacy-card__eyebrow{color:#5e88ad;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#privacy-overview-dpia .privacy-risk-stack{display:grid;gap:.45rem}
#privacy-overview-dpia .privacy-risk-stack button{box-sizing:border-box;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:.55rem;align-items:center;width:100%;min-width:0;padding:.55rem;border:0;border-radius:9px;background:rgba(255,255,255,.018);color:inherit;text-align:left;cursor:pointer}
#privacy-overview-dpia .privacy-risk-stack__dot{width:7px;height:7px;border-radius:50%;background:#6f8ba6}
#privacy-overview-dpia .privacy-risk-stack__dot[data-tone='success']{background:#4ed59b}
#privacy-overview-dpia .privacy-risk-stack__dot[data-tone='warning']{background:#f8bd58}
#privacy-overview-dpia .privacy-risk-stack__dot[data-tone='danger']{background:#ff6578}
#privacy-overview-dpia .privacy-risk-stack button>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
#privacy-overview-dpia .privacy-risk-stack strong,#privacy-overview-dpia .privacy-risk-stack small{display:block}
#privacy-overview-dpia .privacy-risk-stack strong{color:#d7e8f8;font-size:.7rem}
#privacy-overview-dpia .privacy-risk-stack small{margin-top:.12rem;color:#718da8;font-size:.58rem}
#privacy-overview-dpia .privacy-risk-stack b{font-size:.82rem;overflow-wrap:anywhere}
#privacy-overview-dpia [data-tone='success']{color:#78e5b7}
#privacy-overview-dpia [data-tone='warning']{color:#ffd182}
#privacy-overview-dpia [data-tone='danger']{color:#ff8696}
#privacy-overview-dpia .privacy-recent-source-note{margin:.65rem 0 0;color:#7f9db9;font-size:.65rem;line-height:1.4}
#privacy-overview-coverage.privacy-card,#privacy-overview-assets.privacy-card{box-sizing:border-box;margin:0;max-width:100%;min-width:0;padding:1rem;border:1px solid rgba(112,170,224,.14);border-radius:14px;background:linear-gradient(180deg,rgba(15,32,53,.88),rgba(9,23,40,.9))}
#privacy-overview-coverage .privacy-card__header,#privacy-overview-assets .privacy-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}
#privacy-overview-coverage .privacy-card__header h3,#privacy-overview-assets .privacy-card__header h3{margin:.1rem 0 0;color:#eaf5ff;font-size:.9rem}
#privacy-overview-coverage .privacy-card__eyebrow,#privacy-overview-assets .privacy-card__eyebrow{color:#5e88ad;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#privacy-overview-coverage .privacy-coverage{display:grid;gap:.3rem;margin:.6rem 0;min-width:0}
#privacy-overview-coverage .privacy-coverage>div:first-child{display:flex;justify-content:space-between;gap:.7rem;align-items:baseline;min-width:0}
#privacy-overview-coverage .privacy-coverage span,#privacy-overview-coverage .privacy-coverage strong{overflow-wrap:anywhere}
#privacy-overview-coverage .privacy-coverage strong{color:#dcecfb;font-size:.72rem;text-align:right}
#privacy-overview-coverage .privacy-coverage small{color:#819db7;font-size:.62rem}
#privacy-overview-coverage .privacy-progress{height:5px;border-radius:4px;background:rgba(138,178,210,.18);overflow:hidden}
#privacy-overview-coverage .privacy-progress i{display:block;height:100%;border-radius:4px;background:#72bddf}
#privacy-overview-assets .privacy-asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:.45rem}
#privacy-overview-assets .privacy-asset-mini{display:grid;gap:.25rem;min-width:0;width:100%;box-sizing:border-box;padding:.7rem;border:0;border-radius:9px;background:rgba(255,255,255,.018);color:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer}
#privacy-overview-assets .privacy-asset-mini>*{min-width:0;overflow-wrap:anywhere}
#privacy-overview-assets .privacy-asset-mini strong{color:#d7e8f8;font-size:.72rem}
#privacy-overview-assets .privacy-asset-mini small,#privacy-overview-assets .privacy-asset-mini>span:last-child{color:#819db7;font-size:.61rem}
#privacy-overview-assets .privacy-asset-mini__sensitivity{color:#b8d0e5;font-size:.59rem}
#privacy-overview-assets .privacy-asset-mini__sensitivity[data-tone='warning']{color:#ffd182}
#privacy-overview-assets .privacy-asset-mini__sensitivity[data-tone='danger']{color:#ff8696}
#privacy-overview-coverage .privacy-recent-source-note,#privacy-overview-assets .privacy-recent-source-note{margin:.65rem 0 0;color:#7f9db9;font-size:.65rem;line-height:1.4}
#privacy-original-policies{display:grid;gap:.75rem;min-width:0}
#privacy-original-policies>h3{margin:0;color:#eaf5ff;font-size:.95rem}
#privacy-original-policies .privacy-policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:.7rem}
#privacy-original-policies .privacy-policy-card{display:grid;gap:.55rem;min-width:0;width:100%;box-sizing:border-box;padding:.85rem;border:1px solid rgba(112,170,224,.11);border-radius:12px;background:rgba(10,25,43,.7);color:#93acc3;text-align:left;cursor:pointer;overflow-wrap:anywhere}
#privacy-original-policies .privacy-policy-card:hover{border-color:rgba(55,158,255,.28)}
#privacy-original-policies .privacy-policy-card header{display:flex;justify-content:space-between;gap:.5rem;align-items:center;min-width:0}
#privacy-original-policies .privacy-policy-card header>*{min-width:0;overflow-wrap:anywhere}
#privacy-original-policies .privacy-policy-card h3{margin:0;color:#deedf9;font-size:.78rem}
#privacy-original-policies .privacy-policy-card code{color:#6eaedc;font-size:.57rem;white-space:normal;overflow-wrap:anywhere}
#privacy-original-policies .privacy-policy-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0}
#privacy-original-policies .privacy-policy-card dl div{min-width:0;padding:.45rem;border-radius:8px;background:rgba(255,255,255,.014)}
#privacy-original-policies .privacy-policy-card dt{color:#607e99;font-size:.52rem}
#privacy-original-policies .privacy-policy-card dd{margin:.15rem 0 0;color:#a8bed2;font-size:.59rem;overflow-wrap:anywhere}
#privacy-original-policies .privacy-policy-card [data-tone='success']{color:#78e5b7}
#privacy-original-policies .privacy-policy-card [data-tone='warning']{color:#ffd182}
#privacy-original-policies .privacy-policy-card [data-tone='danger']{color:#ff8696}
#privacy-original-policies .privacy-recent-source-note{margin:0;color:#7f9db9;font-size:.65rem;line-height:1.4}

/* Original SCREEN021 client strip from declared ui-catalog identities. */
#assistant-original-clients{--assistant-border:var(--wtp-border,rgba(151,172,204,.18));--assistant-text:var(--wtp-text,#eef5ff);--assistant-muted:var(--wtp-text-muted,#93a5bd);display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.6rem;min-width:0;max-width:100%;margin:0}
#assistant-original-clients,#assistant-original-clients *{box-sizing:border-box}
#assistant-original-clients .assistant-client{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:.55rem;min-width:0;max-width:100%;padding:.65rem .72rem;border:1px solid var(--assistant-border);border-radius:12px;background:rgba(18,36,59,.72);color:var(--assistant-text);text-align:left;cursor:pointer}
#assistant-original-clients .assistant-client:hover,#assistant-original-clients .assistant-client:focus-visible{border-color:rgba(58,168,255,.45);background:rgba(32,58,86,.85)}
#assistant-original-clients .assistant-client--active{border-color:rgba(58,168,255,.6);background:rgba(58,168,255,.09);box-shadow:inset 0 0 0 1px rgba(58,168,255,.08)}
#assistant-original-clients .assistant-client__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#3aa8ff,#7c66ff);color:#fff;font-size:.68rem;font-weight:900}
#assistant-original-clients .assistant-client__copy{display:grid;gap:.12rem;min-width:0}
#assistant-original-clients .assistant-client__copy strong,#assistant-original-clients .assistant-client__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#assistant-original-clients .assistant-client__copy strong{font-size:.78rem}
#assistant-original-clients .assistant-client__copy small{color:var(--assistant-muted);font-size:.66rem}
#assistant-original-clients .assistant-client__mode{padding:.16rem .35rem;border-radius:999px;background:rgba(124,102,255,.1);color:#c7bbff;font-size:.61rem;font-weight:750;overflow-wrap:anywhere}
#assistant-original-clients .assistant-client-source-note{grid-column:1/-1;margin:0;color:var(--assistant-muted);font-size:.72rem;line-height:1.4}
@media(max-width:720px){#assistant-original-clients{display:flex;overflow-x:auto;scroll-snap-type:x proximity}#assistant-original-clients .assistant-client{flex:0 0 220px;scroll-snap-align:start}#assistant-original-clients .assistant-client-source-note{flex:0 0 100%;align-self:center}}
/* Original SCREEN021 Model Lab declaration cards; scoped read-only subset. */
#assistant-original-models {
    --assistant-surface: rgba(8, 16, 30, 0.72);
    --assistant-border: var(--wtp-border, rgba(151, 172, 204, 0.18));
    --assistant-text: var(--wtp-text, #eef5ff);
    --assistant-muted: var(--wtp-text-muted, #93a5bd);
    --assistant-cyan: #4de2e6;
    display: grid;
    gap: 1rem;
    min-width: 0;
    color: var(--assistant-text);
}
#assistant-original-models .assistant-pro__section-head { display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.3rem .1rem; }
#assistant-original-models .assistant-pro__section-head>div:first-child { display:grid;gap:.24rem;max-width:840px; }
#assistant-original-models .assistant-pro__section-head h3 { margin:0;font-size:1.25rem; }
#assistant-original-models .assistant-pro__section-head p { margin:0;color:var(--assistant-muted);font-size:.78rem;line-height:1.5; }
#assistant-original-models .assistant-panel__eyebrow { color:var(--assistant-cyan);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase; }
#assistant-original-models .model-card-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(305px,1fr));gap:.75rem; }
#assistant-original-models .model-card { display:grid;align-content:start;gap:.75rem;min-width:0;padding:.85rem;border:1px solid var(--assistant-border);border-radius:14px;background:var(--assistant-surface); }
#assistant-original-models .model-card__header { display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.65rem; }
#assistant-original-models .model-card__provider-mark { display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,rgba(58,168,255,.24),rgba(124,102,255,.24));color:#d7eaff;font-size:.68rem;font-weight:900; }
#assistant-original-models .model-card__title { display:grid;gap:.14rem;min-width:0; }
#assistant-original-models .model-card__title strong,#assistant-original-models .model-card__title span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#assistant-original-models .model-card__title strong { font-size:.78rem; }
#assistant-original-models .model-card__title span { color:var(--assistant-muted);font-size:.66rem; }
#assistant-original-models .model-card__meta-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem; }
#assistant-original-models .model-card__meta-grid>div { display:grid;gap:.12rem;min-width:0;padding:.45rem;border-radius:8px;background:rgba(255,255,255,.025); }
#assistant-original-models .model-card__meta-grid span { color:var(--assistant-muted);font-size:.57rem; }
#assistant-original-models .model-card__meta-grid strong { overflow:hidden;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap; }
#assistant-original-models .model-card__capabilities { display:flex;gap:.3rem;flex-wrap:wrap; }
#assistant-original-models .model-card__capabilities span { padding:.2rem .34rem;border:1px solid rgba(58,168,255,.12);border-radius:6px;background:rgba(58,168,255,.045);color:#a9d7ff;font-size:.58rem; }
#assistant-original-models .model-card__readiness { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem; }
#assistant-original-models .model-card__readiness>div { display:flex;justify-content:space-between;gap:.45rem;padding:.38rem 0;border-bottom:1px solid rgba(255,255,255,.045); }
#assistant-original-models .model-card__readiness span { color:var(--assistant-muted);font-size:.61rem; }
#assistant-original-models .model-card__readiness strong { font-size:.63rem; }
@media(max-width:720px) {
    #assistant-original-models { gap:.75rem; }
    #assistant-original-models .assistant-pro__section-head { display:grid; }
    #assistant-original-models .model-card-grid { grid-template-columns:1fr; }
    #assistant-original-models .model-card__meta-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #assistant-original-models .model-card__readiness { grid-template-columns:1fr; }
}
@media(max-width:480px) {
    #assistant-original-models .model-card__header { grid-template-columns:38px minmax(0,1fr); }
}
/* Local native-host box and long-text corrections; no global typography or controls. */
#assistant-original-models,#assistant-original-models * { box-sizing:border-box; }
#assistant-original-models { margin:0;max-width:100%; }
#assistant-original-models .assistant-pro__section-head,#assistant-original-models .assistant-pro__section-head>div,#assistant-original-models .model-card-grid,#assistant-original-models .model-card__header,#assistant-original-models .model-card__meta-grid,#assistant-original-models .model-card__capabilities,#assistant-original-models .model-card__readiness,#assistant-original-models .model-card__readiness>div { min-width:0; }
#assistant-original-models .model-card { margin:0;max-width:100%; }
#assistant-original-models .model-card__readiness span,#assistant-original-models .model-card__readiness strong { min-width:0;white-space:normal;overflow-wrap:anywhere; }
#assistant-original-models .model-card__capabilities span { min-width:0;max-width:100%;overflow-wrap:anywhere; }
#assistant-original-models .assistant-models-source-note,#assistant-original-models .assistant-models-empty,#assistant-original-models .assistant-models-unavailable { margin:0;min-width:0;color:var(--assistant-muted);font-size:.78rem;line-height:1.5;overflow-wrap:anywhere; }

/* Workflow017 read-only Biblioteca/Nodos proposal.
 * Sources: original workflow-builder-view.component.scss lines 1-9,107-168,341-350;
 * styles/_tokens.scss lines 1-21; node-library PROTOCOL.md.
 * Original button geometry becomes inert article geometry: no hover, cursor,
 * transition, drag, selection or action state. Everything stays in this fragment.
 */
#workflow-original-library {
  --wf-cyan: #52d4ff;
  --wf-panel: #081727;
  --wtp-border: rgba(122, 166, 214, .18);
  --wtp-text: #edf7ff;
  --wtp-text-muted: #8ea7bf;
  box-sizing: border-box;
  width: 205px;
  min-width: 0;
  max-width: 100%;
  border: 1px solid var(--wtp-border);
  border-radius: 14px;
  background: linear-gradient(180deg, var(--wf-panel), #06111e);
  color: var(--wtp-text);
  overflow: hidden;
}
#workflow-original-library *,
#workflow-original-library *::before,
#workflow-original-library *::after {
  box-sizing: border-box;
}
#workflow-original-library .wtp-panel-heading {
  min-width: 0;
  padding: .85rem;
  border-bottom: 1px solid var(--wtp-border);
  background: rgba(255, 255, 255, .018);
  overflow-wrap: anywhere;
}
#workflow-original-library .wtp-panel-heading div {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .45rem;
  min-width: 0;
}
#workflow-original-library .wtp-panel-heading span {
  text-transform: uppercase;
  font-size: .6rem;
  letter-spacing: .08em;
  color: var(--wf-cyan);
}
#workflow-original-library .wtp-panel-heading strong {
  font-size: .88rem;
}
#workflow-original-library .wtp-panel-heading small {
  display: block;
  margin-top: .3rem;
  line-height: 1.4;
  color: var(--wtp-text-muted);
  font-size: .65rem;
}
#workflow-original-library #workflow-library-source-note {
  margin: .4rem .65rem .75rem;
  padding: .7rem;
  border-top: 1px solid var(--wtp-border);
  line-height: 1.5;
  color: var(--wtp-text-muted);
  font-size: .62rem;
  overflow-wrap: anywhere;
}
#workflow-original-library > .workflow-library-empty,
#workflow-original-library > .workflow-library-unavailable {
  min-width: 0;
  margin: .32rem .65rem .75rem;
  padding: .52rem .58rem;
  color: var(--wtp-text-muted);
  font-size: .65rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
#workflow-original-library .wtp-palette-list {
  display: block;
  min-width: 0;
  max-width: 100%;
  padding: .65rem;
}
#workflow-original-library article.wtp-palette-item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: .55rem;
  width: 100%;
  min-width: 0;
  min-height: 50px;
  margin: .32rem 0;
  padding: .52rem .58rem;
  border: 1px solid var(--wtp-border);
  border-radius: 10px;
  background: rgba(255, 255, 255, .02);
  color: var(--wtp-text);
  text-align: left;
}
#workflow-original-library article.wtp-palette-item > :not(.wtp-node-icon) {
  min-width: 0;
  overflow-wrap: anywhere;
}
#workflow-original-library .workflow-node-label,
#workflow-original-library .workflow-node-category {
  display: block;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
#workflow-original-library .workflow-node-label {
  font-size: .72rem;
  font-weight: 700;
}
#workflow-original-library .workflow-node-category {
  margin-top: .12rem;
  font-size: .58rem;
  color: var(--wtp-text-muted);
}
#workflow-original-library .wtp-node-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(82, 212, 255, .08);
  color: var(--wf-cyan);
  font-size: .64rem;
  font-weight: 700;
}
#workflow-original-library article.wtp-palette-item[data-type='agent'] .wtp-node-icon {
  color: #c4b8ff;
  background: rgba(139, 114, 255, .12);
}
#workflow-original-library article.wtp-palette-item[data-type='approval'] .wtp-node-icon,
#workflow-original-library article.wtp-palette-item[data-type='human_task'] .wtp-node-icon {
  color: #ff9aaa;
  background: rgba(255, 102, 127, .1);
}
#workflow-original-library article.wtp-palette-item[data-type='decision'] .wtp-node-icon {
  color: #ffd18b;
  background: rgba(255, 177, 61, .11);
}
#workflow-original-library .wtp-palette-list > p {
  margin: .32rem 0;
  color: var(--wtp-text-muted);
  font-size: .65rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  #workflow-original-library {
    width: 100%;
    margin-bottom: .7rem;
  }
  #workflow-original-library .wtp-palette-list {
    display: flex;
    gap: .35rem;
    overflow-x: auto;
    overflow-y: hidden;
  }
  #workflow-original-library article.wtp-palette-item {
    flex: 0 0 145px;
    width: 145px;
    min-width: 145px;
  }
  #workflow-original-library .wtp-palette-list > p {
    flex: 1 1 auto;
    min-width: 0;
  }
}


/* SCREEN019 source-bound original identity/correlation fragment */
.agent-run-original-identity{min-width:0;margin:0 0 1rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text)}
.agent-run-original-identity h2{margin:0 0 .75rem;font-size:1rem}
.agent-run-identity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.agent-run-identity-row{min-width:0;padding:.65rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}
.agent-run-identity-row span,.agent-run-identity-row strong{display:block;overflow-wrap:anywhere}
.agent-run-identity-row span{font-size:.8rem;color:var(--muted)}
.agent-run-identity-row strong{margin-top:.25rem;font-size:.9rem}
@media(max-width:800px){.agent-run-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.agent-run-identity-grid{grid-template-columns:minmax(0,1fr)}}


/* SCREEN019 native-source Timeline fragment */
.agent-run-timeline{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text)}
.agent-run-timeline-header h3{margin:.2rem 0;font-size:1.1rem}
.agent-run-timeline-header p{margin:.25rem 0 .7rem;color:var(--muted)}
.agent-run-timeline-filters,.agent-run-timeline-kinds{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0}
.agent-run-timeline-filters input{min-width:0;flex:2 1 13rem}
.agent-run-timeline-filters select{flex:1 1 8rem}
.agent-run-timeline-filters input,.agent-run-timeline-filters select,.agent-run-timeline-filters button,.agent-run-timeline-kinds button{padding:.5rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--text)}
.agent-run-timeline-kinds button[aria-pressed="true"]{border-color:var(--accent);font-weight:700}
.agent-run-timeline-list{display:grid;gap:.5rem;margin-top:.8rem}
.agent-run-timeline-row{display:grid;gap:.25rem;min-width:0;width:100%;padding:.75rem;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--text)}
.agent-run-timeline-row time,.agent-run-timeline-row strong,.agent-run-timeline-row span{overflow-wrap:anywhere}
.agent-run-timeline-row pre,.agent-run-timeline-inspector pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.agent-run-timeline-inspector{margin-top:.8rem;padding:.7rem;border:1px solid var(--line);border-radius:8px}
@media(max-width:420px){.agent-run-timeline{padding:.65rem}.agent-run-timeline-filters>*{flex:1 1 100%}}


/* SCREEN019 native-source Tools y Policy fragment */
.agent-run-tools{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text)}
.agent-run-tools-header h3{margin:.2rem 0;font-size:1.1rem}
.agent-run-tools-header p{margin:.25rem 0 .7rem;color:var(--muted)}
.agent-run-tools>input{width:100%;min-width:0;padding:.6rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--text)}
.agent-run-tools-table-wrap{min-width:0;max-width:100%;overflow-x:auto;margin-top:.75rem}
.agent-run-tools-table{width:100%;min-width:780px;border-collapse:collapse}
.agent-run-tools-table th,.agent-run-tools-table td{padding:.6rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.agent-run-tools-table small{display:block;color:var(--muted)}
.agent-run-tools-table button{padding:.4rem .6rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--text)}
.agent-run-tool-inspector{margin-top:.8rem;padding:.7rem;border:1px solid var(--line);border-radius:8px}
.agent-run-tool-inspector pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:420px){.agent-run-tools{padding:.65rem}}
/* SCREEN019 native-source Aprobaciones fragment */
.agent-run-approvals{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text)}
.agent-run-approvals-header h3{margin:.2rem 0;font-size:1.1rem}
.agent-run-approvals-header p{margin:.25rem 0 .7rem;color:var(--muted)}
.agent-run-approval-center{margin:.15rem 0 .5rem;padding:.5rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--text)}
.agent-run-approval-center:disabled{opacity:.55}
.agent-run-approval-list{display:grid;gap:.6rem;margin-top:.8rem}
.agent-run-approval-row{display:flex;align-items:start;justify-content:space-between;gap:1rem;width:100%;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--text);text-align:left;cursor:pointer}
.agent-run-approval-row[aria-pressed="true"]{border-color:var(--accent)}
.agent-run-approval-main{min-width:0}
.agent-run-approval-main>*{display:block;margin:0;overflow-wrap:anywhere}
.agent-run-approval-main time{color:var(--muted);font-size:.8rem}
.agent-run-approval-main strong{margin:.25rem 0}
.agent-run-approval-meta{display:grid;gap:.4rem;text-align:right;white-space:nowrap}
.agent-run-approval-inspector{margin-top:.8rem;padding:.7rem;border:1px solid var(--line);border-radius:8px}
.agent-run-approval-inspector pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:420px){.agent-run-approvals{padding:.65rem}.agent-run-approval-row{display:block}.agent-run-approval-meta{margin-top:.6rem;text-align:left;white-space:normal}}
/* SCREEN019 native-source Observabilidad fragment */
.agent-run-observations{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text)}
.agent-run-observations-header h3{margin:.2rem 0;font-size:1.1rem}
.agent-run-observations-header p{margin:.25rem 0 .7rem;color:var(--muted)}
.agent-run-severity-filter{display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0}
.agent-run-severity-filter button{padding:.4rem .65rem;border:1px solid var(--line);border-radius:999px;background:var(--panel-soft);color:var(--text);cursor:pointer}
.agent-run-severity-filter button[aria-pressed="true"]{border-color:var(--accent)}
.agent-run-observation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.7rem;margin-top:.8rem}
.agent-run-observation-card{min-width:0;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--text);text-align:left;cursor:pointer}
.agent-run-observation-card[aria-pressed="true"]{border-color:var(--accent)}
.agent-run-observation-card>*{display:block;margin:.25rem 0;overflow-wrap:anywhere}
.agent-run-observation-card header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem;color:var(--muted);font-size:.8rem}
.agent-run-observation-card strong{font-size:1rem}
.agent-run-observation-card small{color:var(--muted)}
.agent-run-observation-inspector{margin-top:.8rem;padding:.7rem;border:1px solid var(--line);border-radius:8px}
.agent-run-observation-inspector pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:420px){.agent-run-observations{padding:.65rem}.agent-run-observation-grid{grid-template-columns:minmax(0,1fr)}}
/* SCREEN019 native-source Memoria fragment */
.agent-run-memory{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text)}
.agent-run-memory-header h3{margin:.2rem 0;font-size:1.1rem}
.agent-run-memory-header p{margin:.25rem 0 .7rem;color:var(--muted)}
.agent-run-memory-filter{display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0}
.agent-run-memory-filter button{padding:.4rem .65rem;border:1px solid var(--line);border-radius:999px;background:var(--panel-soft);color:var(--text);cursor:pointer}
.agent-run-memory-filter button[aria-pressed="true"]{border-color:var(--accent)}
.agent-run-memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.7rem;margin-top:.8rem}
.agent-run-memory-card{min-width:0;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--text);text-align:left;cursor:pointer}
.agent-run-memory-card[aria-pressed="true"]{border-color:var(--accent)}
.agent-run-memory-card>*{display:block;margin:.25rem 0;overflow-wrap:anywhere}
.agent-run-memory-card header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem;color:var(--muted);font-size:.8rem}
.agent-run-memory-card strong{font-size:1rem}
.agent-run-memory-card small{color:var(--muted)}
.agent-run-memory-meta{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--muted);font-size:.82rem}
.agent-run-memory-inspector{margin-top:.8rem;padding:.7rem;border:1px solid var(--line);border-radius:8px}
.agent-run-memory-inspector pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:420px){.agent-run-memory{padding:.65rem}.agent-run-memory-grid{grid-template-columns:minmax(0,1fr)}}
/* SCREEN019 native-source Correlación fragment */
.agent-run-correlation{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text)}
.agent-run-correlation-header h3{margin:.2rem 0;font-size:1.1rem}.agent-run-correlation-header p{margin:.25rem 0 .7rem;color:var(--muted)}
.agent-run-correlation-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:.5rem;margin:.7rem 0}.agent-run-correlation-summary>div{min-width:0;padding:.6rem;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}.agent-run-correlation-summary span,.agent-run-correlation-summary strong{display:block}
#agent-run-correlation-search{width:100%;max-width:34rem;padding:.5rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--text)}
.agent-run-correlation-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.7rem;margin:.8rem 0}
.agent-run-correlation-lanes>article,.agent-run-correlation-row{min-width:0;padding:.7rem;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--text);text-align:left;overflow-wrap:anywhere}
.agent-run-correlation-row{cursor:pointer}.agent-run-correlation-row:hover,.agent-run-correlation-event:hover{border-color:var(--accent)}
.agent-run-correlation-lanes span,.agent-run-correlation-lanes strong,.agent-run-correlation-lanes small{display:block}.agent-run-correlation-lanes p{margin:.3rem 0}
.agent-run-correlation-events{display:grid;gap:.4rem;margin-top:.9rem}.agent-run-correlation-events h4{margin:.3rem 0}.agent-run-correlation-event{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;min-width:0;padding:.6rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--text);text-align:left;cursor:pointer;overflow-wrap:anywhere}.agent-run-correlation-event[aria-pressed="true"]{border-color:var(--accent)}
.agent-run-correlation-inspector{margin-top:.8rem;padding:.7rem;border:1px solid var(--line);border-radius:8px}.agent-run-correlation-inspector pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:420px){.agent-run-correlation{padding:.65rem}.agent-run-correlation-lanes{grid-template-columns:minmax(0,1fr)}}
/* SCREEN019 native-source Dead Letter Queue fragment */
.agent-run-dlq{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text)}
.agent-run-dlq-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.agent-run-dlq-header h3{margin:.2rem 0;font-size:1.1rem}.agent-run-dlq-header p{margin:.25rem 0 .7rem;color:var(--muted)}
.agent-run-dlq-requeue{min-height:2.3rem;padding:.5rem .7rem;border:1px solid var(--accent);border-radius:8px;background:var(--panel-soft);color:var(--text);cursor:pointer}.agent-run-dlq-requeue:disabled{opacity:.5;cursor:not-allowed}
.agent-run-dlq-list{display:grid;gap:.55rem;margin-top:.8rem}.agent-run-dlq-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.3rem .6rem;align-items:center;min-width:0;padding:.65rem;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft);color:var(--text);text-align:left;overflow-wrap:anywhere;cursor:pointer}.agent-run-dlq-card:hover,.agent-run-dlq-card[aria-pressed="true"]{border-color:var(--accent)}.agent-run-dlq-card p{grid-column:2/-1;margin:.1rem 0}.agent-run-dlq-card strong{min-width:0;overflow-wrap:anywhere}.agent-run-dlq-card small{color:var(--muted)}
.agent-run-dlq-inspector{min-width:0;margin-top:.8rem;padding:.7rem;border:1px solid var(--line);border-radius:8px}.agent-run-dlq-inspector pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:420px){.agent-run-dlq{padding:.65rem}.agent-run-dlq-card{grid-template-columns:auto minmax(0,1fr)}.agent-run-dlq-card small:last-child{grid-column:2}}
/* SCREEN019 original Contexto fragment in Overview */
.agent-run-context{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text)}
.agent-run-context-header{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem 1rem}.agent-run-context-header h3{margin:.2rem 0;font-size:1.1rem}.agent-run-context-header p{width:100%;margin:.2rem 0;color:var(--muted)}.agent-run-context-header strong{font-size:.75rem;padding:.25rem .45rem;border:1px solid var(--line);border-radius:999px}
.agent-run-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.7rem}.agent-run-context-card{min-width:0;padding:.7rem;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft)}.agent-run-context-card header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.agent-run-context-card pre,.agent-run-context-inspector pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.agent-run-context-inspector{min-width:0;padding:.7rem;border:1px solid var(--line);border-radius:8px}
@media(max-width:600px){.agent-run-context-grid{grid-template-columns:minmax(0,1fr)}.agent-run-context{padding:.65rem}}
/* SCREEN019 original Decisiones from native decision_trace subset */
.agent-run-decisions{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text)}.agent-run-decisions-header{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .8rem}.agent-run-decisions-header h3{margin:.2rem 0;font-size:1.1rem}.agent-run-decisions-header p{width:100%;margin:.2rem 0;color:var(--muted)}.agent-run-decisions-header strong{margin-left:auto}.agent-run-decisions-search{box-sizing:border-box;width:100%;min-height:2.5rem;margin:.75rem 0;padding:.55rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--text)}
.agent-run-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.75rem}.agent-run-decision-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25rem .6rem;min-width:0;padding:.7rem;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft);color:var(--text);text-align:left;overflow-wrap:anywhere;cursor:pointer}.agent-run-decision-card:hover,.agent-run-decision-card[aria-pressed="true"]{border-color:var(--accent)}.agent-run-decision-card .agent-run-decision-icon{grid-row:1/5;font-size:1.25rem}.agent-run-decision-card small{color:var(--muted)}.agent-run-decision-card p{margin:.2rem 0}.agent-run-decision-inspector{min-width:0;margin-top:.8rem;padding:.7rem;border:1px solid var(--line);border-radius:8px}.agent-run-decision-inspector pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.agent-run-decision-grid{grid-template-columns:minmax(0,1fr)}.agent-run-decisions{padding:.65rem}}
/* SCREEN019 original governed action history from the exact runDetail READ */
.agent-run-action-history{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text)}.agent-run-action-history-header{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .8rem}.agent-run-action-history-header h3{margin:.2rem 0;font-size:1.1rem}.agent-run-action-history-header small{width:100%;color:var(--muted)}
.agent-run-action-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.8rem}.agent-run-action-history-row{display:grid;gap:.25rem;min-width:0;padding:.7rem;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft);color:var(--text);text-align:left;overflow-wrap:anywhere;cursor:pointer}.agent-run-action-history-row:hover,.agent-run-action-history-row[aria-pressed="true"]{border-color:var(--accent)}.agent-run-action-history-row small{color:var(--muted)}.agent-run-action-history-row em{font-style:normal}.agent-run-action-history-inspector{min-width:0;margin-top:.8rem;padding:.7rem;border:1px solid var(--line);border-radius:8px}.agent-run-action-history-inspector pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.agent-run-action-history-list{grid-template-columns:minmax(0,1fr)}.agent-run-action-history{padding:.65rem}}

/* SCREEN-035 original projection cards from the governed browser-input center. */
.agent-org-native .agent-org-original-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.65rem;min-width:0}
.agent-org-native .agent-org-original-cards>h3,.agent-org-native .agent-org-original-cards>p{grid-column:1/-1}
.agent-org-native .agent-org-original-cards article{display:grid;gap:.2rem;padding:.7rem;border:1px solid rgba(127,127,127,.28);border-radius:.65rem;min-width:0;overflow-wrap:anywhere}
.agent-org-native .agent-org-original-cards span{font-size:.8rem}.agent-org-native .agent-org-original-cards small{opacity:.7;overflow-wrap:anywhere}

/* SCREEN-036 original topology cards from browser-input projection. */
.agent-workforce-native .agent-workforce-original-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.65rem;min-width:0}
.agent-workforce-native .agent-workforce-original-cards>h3,.agent-workforce-native .agent-workforce-original-cards>p{grid-column:1/-1}
.agent-workforce-native .agent-workforce-original-cards article{display:grid;gap:.2rem;padding:.7rem;border:1px solid rgba(127,127,127,.28);border-radius:.65rem;min-width:0;overflow-wrap:anywhere}
.agent-workforce-native .agent-workforce-original-cards span{font-size:.8rem}.agent-workforce-native .agent-workforce-original-cards small{opacity:.7;overflow-wrap:anywhere}

/* Agent Control Plane original Constitution and Decision Rights from browser-input projection. */
.agent-control-native .agent-control-original-cards,.agent-control-native .agent-control-original-rights{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.65rem;min-width:0}
.agent-control-native .agent-control-original-cards>h3,.agent-control-native .agent-control-original-cards>p,.agent-control-native .agent-control-original-rights>h3,.agent-control-native .agent-control-original-rights>p{grid-column:1/-1}
.agent-control-native .agent-control-original-cards article,.agent-control-native .agent-control-original-rights article{display:grid;gap:.25rem;padding:.75rem;border:1px solid rgba(127,127,127,.28);border-radius:.65rem;min-width:0;overflow-wrap:anywhere}
.agent-control-native .agent-control-original-cards dl{display:grid;grid-template-columns:minmax(5rem,auto) 1fr;gap:.35rem;margin:.25rem 0 0}.agent-control-native .agent-control-original-cards dd{margin:0;display:flex;flex-wrap:wrap;gap:.3rem}.agent-control-native .agent-control-original-cards code,.agent-control-native .agent-control-original-rights code{overflow-wrap:anywhere;font-size:.72rem}

/* Agent Control Plane original Authority Resolution from browser-input projection. */
.agent-control-native .agent-control-original-authority{display:grid;gap:.65rem;min-width:0}.agent-control-native .agent-control-authority-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem}.agent-control-native .agent-control-authority-cell,.agent-control-native .agent-control-signal-row{display:grid;gap:.25rem;padding:.75rem;border:1px solid rgba(127,127,127,.28);border-radius:.65rem;min-width:0;overflow-wrap:anywhere}.agent-control-native .agent-control-signal-row code{overflow-wrap:anywhere;font-size:.72rem}

/* Agent Control Plane original Control Safety from browser-input projection. */
.agent-control-native .agent-control-original-safety{display:grid;gap:.65rem;min-width:0}.agent-control-native .agent-control-safety-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.6rem}.agent-control-native .agent-control-safety-card{display:grid;gap:.25rem;padding:.75rem;border:1px solid rgba(127,127,127,.28);border-radius:.65rem;min-width:0;overflow-wrap:anywhere}

/* Agent Control Plane original Resource Arbitration from browser-input projection. */
.agent-control-native .agent-control-original-resource{display:grid;gap:.65rem;min-width:0}.agent-control-native .agent-control-resource-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem}.agent-control-native .agent-control-resource-metric,.agent-control-native .agent-control-resource-row{display:grid;gap:.25rem;padding:.75rem;border:1px solid rgba(127,127,127,.28);border-radius:.65rem;min-width:0;overflow-wrap:anywhere}.agent-control-native .agent-control-resource-row code{overflow-wrap:anywhere;font-size:.72rem}

/* Agent Control Plane original Risk Budget from browser-input projection. */
.agent-control-native .agent-control-original-risk{display:grid;gap:.65rem;min-width:0}.agent-control-native .agent-control-risk-meter{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem}.agent-control-native .agent-control-risk-metric,.agent-control-native .agent-control-risk-refs{display:grid;gap:.25rem;padding:.75rem;border:1px solid rgba(127,127,127,.28);border-radius:.65rem;min-width:0;overflow-wrap:anywhere}.agent-control-native .agent-control-risk-refs code{overflow-wrap:anywhere;font-size:.72rem}

/* Agent Control Plane original Critic / Verifier from browser-input projection. */
.agent-control-native .agent-control-original-critic{display:grid;gap:.65rem;min-width:0}.agent-control-native .agent-control-quality-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem}.agent-control-native .agent-control-quality-column,.agent-control-native .agent-control-quality-check{display:grid;align-content:start;gap:.35rem;padding:.75rem;border:1px solid rgba(127,127,127,.28);border-radius:.65rem;min-width:0;overflow-wrap:anywhere}.agent-control-native .agent-control-quality-check code{overflow-wrap:anywhere;font-size:.72rem}

/* Agent Control Plane original Epistemic Context from browser-input projection. */
.agent-control-native .agent-control-original-epistemic{display:grid;gap:.65rem;min-width:0}.agent-control-native .agent-control-epistemic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.75rem}.agent-control-native .agent-control-epistemic-card{display:grid;align-content:start;gap:.35rem;padding:.75rem;border:1px solid rgba(127,127,127,.28);border-radius:.65rem;min-width:0;overflow-wrap:anywhere}.agent-control-native .agent-control-epistemic-measure{display:flex;justify-content:space-between;gap:.5rem}.agent-control-native .agent-control-epistemic-card code{overflow-wrap:anywhere;font-size:.72rem}

/* Agent Control Plane original Objectives & Change from browser-input projection. */
.agent-control-native .agent-control-original-objectives{display:grid;gap:.65rem;min-width:0}.agent-control-native .agent-control-objective-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.75rem}.agent-control-native .agent-control-objective-lane,.agent-control-native .agent-control-objective-row,.agent-control-native .agent-control-objective-conflict{display:grid;align-content:start;gap:.35rem;padding:.75rem;border:1px solid rgba(127,127,127,.28);border-radius:.65rem;min-width:0;overflow-wrap:anywhere}.agent-control-native .agent-control-objective-conflict{border-style:dashed}

/* Agent Control Plane original Incident & Continuity from browser-input projection. */
.agent-control-native .agent-control-original-incident{display:grid;gap:.65rem;min-width:0}.agent-control-native .agent-control-incident-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.6rem}.agent-control-native .agent-control-incident-banner>div,.agent-control-native .agent-control-incident-provider{display:grid;gap:.3rem;padding:.75rem;border:1px solid rgba(127,127,127,.28);border-radius:.65rem;min-width:0;overflow-wrap:anywhere}.agent-control-native .agent-control-incident-rows{display:grid;gap:.6rem}.agent-control-native .agent-control-incident-provider{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}

/* Agent Control Plane original Simulation Sandbox from native preview. */
.agent-control-native .agent-control-original-simulation{display:grid;gap:.7rem;min-width:0}.agent-control-native .agent-control-simulation-form{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end}.agent-control-native .agent-control-simulation-form label{display:grid;gap:.3rem;min-width:min(100%,11rem)}.agent-control-native .agent-control-simulation-form input{width:100%}.agent-control-native .agent-control-simulation-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.7rem}.agent-control-native .agent-control-simulation-columns article{min-width:0;border:1px solid rgba(127,127,127,.28);border-radius:.65rem;padding:.75rem}.agent-control-native .agent-control-simulation-columns pre{white-space:pre-wrap;overflow-wrap:anywhere}

/* Agent Control Plane original A2A Contracts from browser-input projection. */
.agent-control-native .agent-control-original-a2a{display:grid;gap:.65rem;min-width:0}.agent-control-native .agent-control-a2a-heading{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.agent-control-native .agent-control-a2a-heading h3{margin:0}.agent-control-native .agent-control-a2a-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.7rem}.agent-control-native .agent-control-a2a-card{display:grid;gap:.55rem;padding:.8rem;border:1px solid rgba(127,127,127,.28);border-radius:.65rem;min-width:0;overflow-wrap:anywhere}.agent-control-native .agent-control-a2a-title{display:flex;justify-content:space-between;gap:.5rem}.agent-control-native .agent-control-a2a-details{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.3rem .6rem;margin:0}.agent-control-native .agent-control-a2a-details dt{font-weight:600}.agent-control-native .agent-control-a2a-details dd{margin:0;overflow-wrap:anywhere}

/* Agent Control Plane original Evidence & Provenance from browser-input projection. */
.agent-control-native .agent-control-original-evidence{display:grid;gap:.7rem;min-width:0}.agent-control-native .agent-control-evidence-heading{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.agent-control-native .agent-control-evidence-heading h3{margin:0}.agent-control-native .agent-control-evidence-list{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.agent-control-native .agent-control-evidence-list code{display:inline-block;max-width:100%;overflow-wrap:anywhere;border:1px solid rgba(127,127,127,.28);border-radius:.45rem;padding:.35rem .5rem}

/* Agent Control Plane original Conceptual Sieve declarations; fixed source label is not runtime state. */
.agent-control-native .agent-control-original-conceptual{display:grid;gap:.7rem;min-width:0}.agent-control-native .agent-control-conceptual-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.agent-control-native .agent-control-conceptual-heading h3{margin:0}.agent-control-native .agent-control-conceptual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.5rem}.agent-control-native .agent-control-conceptual-card{display:grid;gap:.25rem;padding:.65rem;border:1px solid rgba(127,127,127,.28);border-radius:.5rem;min-width:0;overflow-wrap:anywhere}.agent-control-native .agent-control-conceptual-gate{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.agent-control-native .agent-control-conceptual-gate code{border:1px solid rgba(127,127,127,.28);border-radius:.4rem;padding:.2rem .4rem;overflow-wrap:anywhere}

/* Agent Control Plane original Closed-Loop Governance; preview remains review-only. */
.agent-control-native .agent-control-original-closed-loop{display:grid;gap:.75rem;min-width:0}.agent-control-native .agent-control-closed-loop-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.agent-control-native .agent-control-closed-loop-heading h3{margin:0}.agent-control-native .agent-control-closed-loop-flow,.agent-control-native .agent-control-closed-loop-strip{display:flex;flex-wrap:wrap;gap:.5rem}.agent-control-native .agent-control-closed-loop-flow span,.agent-control-native .agent-control-closed-loop-strip span{border:1px solid rgba(127,127,127,.28);border-radius:.4rem;padding:.35rem .55rem}.agent-control-native .agent-control-closed-loop-owner{display:grid;gap:.2rem;min-width:0}.agent-control-native .agent-control-original-closed-loop pre{max-width:100%;overflow:auto;min-height:2rem}

/* Agent Control Plane original Integration Context; declarations are not installed authority. */
.agent-control-native .agent-control-original-integration{display:grid;gap:.75rem;min-width:0}.agent-control-native .agent-control-integration-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.agent-control-native .agent-control-integration-heading h3{margin:0}.agent-control-native .agent-control-integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.6rem}.agent-control-native .agent-control-integration-card{min-width:0;display:grid;gap:.3rem;border:1px solid rgba(127,127,127,.28);border-radius:.5rem;padding:.65rem}.agent-control-native .agent-control-integration-card pre,.agent-control-native .agent-control-original-integration>pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}

/* Agent Control Plane original Overview and source-bounded metrics. */
.agent-control-native .agent-control-original-overview{display:grid;gap:.8rem;min-width:0}.agent-control-native .agent-control-overview-hero{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.agent-control-native .agent-control-overview-copy{min-width:0;flex:1 1 25rem}.agent-control-native .agent-control-overview-copy h3{margin:.3rem 0}.agent-control-native .agent-control-overview-badges,.agent-control-native .agent-control-overview-strip{display:flex;flex-wrap:wrap;gap:.4rem}.agent-control-native .agent-control-overview-badges span,.agent-control-native .agent-control-overview-strip span{border:1px solid rgba(127,127,127,.35);border-radius:999px;padding:.2rem .5rem}.agent-control-native .agent-control-overview-posture{display:grid;align-content:start;gap:.4rem}.agent-control-native .agent-control-overview-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem}.agent-control-native .agent-control-overview-heading h3{margin:0}.agent-control-native .agent-control-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.6rem}.agent-control-native .agent-control-overview-card{display:grid;gap:.35rem;min-width:0;border:1px solid rgba(127,127,127,.3);border-radius:.5rem;padding:.65rem}.agent-control-native .agent-control-original-overview pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.agent-control-native .agent-control-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.55rem}.agent-control-native .agent-control-metrics .metric-card{min-width:0}

/* Agent Jobs & Enterprise Research original four-card source projection. */
.agent-research-native .agent-research-hero{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:flex-start}.agent-research-native .agent-research-hero-copy{min-width:0;flex:1 1 24rem}.agent-research-native .agent-research-hero-copy h2{margin:.3rem 0}.agent-research-native .agent-research-request-only{border:1px solid rgba(127,127,127,.4);border-radius:999px;padding:.2rem .6rem}.agent-research-native .agent-research-original-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;min-width:0}.agent-research-native .agent-research-original-card{display:grid;align-content:start;gap:.4rem;min-width:0;border:1px solid rgba(127,127,127,.35);border-radius:.6rem;padding:.8rem}.agent-research-native .agent-research-original-card h3,.agent-research-native .agent-research-original-card p{margin:0}.agent-research-native .agent-research-original-card code{white-space:normal;overflow-wrap:anywhere}.agent-research-native .agent-research-original-job{display:grid;gap:.2rem;min-width:0;overflow-wrap:anywhere;border-top:1px solid rgba(127,127,127,.25);padding-top:.4rem}.agent-research-native .agent-research-panel pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1000px){.agent-research-native .agent-research-original-cards{grid-template-columns:minmax(0,1fr)}}
#commercial-intelligence-native-view{display:grid;gap:1rem;min-width:0}#commercial-intelligence-native-view .commercial-intelligence-hero,#commercial-intelligence-native-view .commercial-intelligence-collision,#commercial-intelligence-native-view .commercial-intelligence-card{border:1px solid rgba(127,127,127,.35);border-radius:.8rem;padding:1rem;min-width:0}#commercial-intelligence-native-view .commercial-intelligence-hero h1{margin:.35rem 0}#commercial-intelligence-native-view .commercial-intelligence-hero p{margin:.2rem 0;max-width:60rem}#commercial-intelligence-native-view .commercial-intelligence-zones{display:flex;gap:.45rem;overflow:auto}#commercial-intelligence-native-view .commercial-intelligence-zones button{flex:none}#commercial-intelligence-native-view .commercial-intelligence-zones button[aria-pressed="true"]{outline:2px solid currentColor}#commercial-intelligence-native-view .commercial-intelligence-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-width:0}#commercial-intelligence-native-view .commercial-intelligence-card{display:grid;align-content:start;gap:.4rem}#commercial-intelligence-native-view .commercial-intelligence-card[aria-current="true"]{border-width:2px}#commercial-intelligence-native-view .commercial-intelligence-card h3,#commercial-intelligence-native-view .commercial-intelligence-card p{margin:0}#commercial-intelligence-native-view .commercial-intelligence-card dl{display:grid;grid-template-columns:minmax(5rem,7rem) minmax(0,1fr);gap:.25rem .5rem;margin:0}#commercial-intelligence-native-view .commercial-intelligence-card dd{margin:0;overflow-wrap:anywhere}#commercial-intelligence-native-view .commercial-intelligence-card pre{max-width:100%;max-height:15rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}#commercial-intelligence-native-view .commercial-intelligence-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:900px){#commercial-intelligence-native-view .commercial-intelligence-panel{grid-template-columns:minmax(0,1fr)}}
#commercial-intelligence-native-view .commercial-intelligence-hero{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}#commercial-intelligence-native-view .commercial-intelligence-hero-copy{min-width:0;flex:1 1 24rem}#commercial-intelligence-native-view .commercial-intelligence-source-status{flex:none;border:1px solid rgba(210,160,40,.6);border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}#commercial-intelligence-native-view .commercial-intelligence-boundaries{border:1px solid rgba(127,127,127,.35);border-radius:.8rem;padding:1rem;min-width:0}#commercial-intelligence-native-view .commercial-intelligence-boundaries h3{margin:0 0 .7rem}#commercial-intelligence-native-view .commercial-intelligence-boundaries p{margin:.7rem 0 0}#commercial-intelligence-native-view .commercial-intelligence-boundary-chips{display:flex;flex-wrap:wrap;gap:.4rem}#commercial-intelligence-native-view .commercial-intelligence-boundary-chips span{border:1px solid rgba(127,127,127,.3);border-radius:999px;padding:.25rem .5rem;font-size:.7rem;overflow-wrap:anywhere}#commercial-intelligence-native-view .commercial-intelligence-card .commercial-intelligence-actions{margin:.3rem 0}
.documents-detail .documents-preview-output small { display:block; max-width:100%; overflow-wrap:anywhere; }

#agent-hub-native-view .agent-hub-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
#agent-hub-original-runbook[hidden]{display:none}
#agent-hub-original-runbook{position:fixed;right:1rem;top:5rem;z-index:50;width:min(27rem,calc(100vw - 2rem));max-height:calc(100vh - 6rem);overflow:auto;padding:1rem;border:1px solid var(--border-color,#42566f);border-radius:1rem;background:#0b192b;box-shadow:0 1rem 3rem #0008;color:#edf4ff}
#agent-hub-original-runbook .agent-hub-runbook-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
#agent-hub-original-runbook .agent-hub-runbook-header h2{font-size:1rem;margin:0;flex:1 1 10rem}
#agent-hub-original-runbook .agent-hub-runbook-timeline{display:grid;gap:.4rem;margin-top:.75rem}
#agent-hub-original-runbook article{display:grid;grid-template-columns:3rem 1fr auto;gap:.2rem .5rem;padding:.55rem;border-left:2px solid #54759a;background:#12253c;border-radius:.3rem}
#agent-hub-original-runbook article.blocking{border-left-color:#f4c96b}
#agent-hub-original-runbook article small{color:#62d7ff}
#agent-hub-original-runbook article strong,#agent-hub-original-runbook article p{grid-column:2;min-width:0;overflow-wrap:anywhere}
#agent-hub-original-runbook article p{margin:0;color:#aabbd0;font-size:.72rem}
#agent-hub-original-runbook article em{grid-column:3;grid-row:1;color:#f4c96b;font-size:.65rem}
@media(max-width:560px){#agent-hub-original-runbook{right:.5rem;top:.5rem;width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}}
#privacy-original-catalog{min-width:0;display:grid;gap:10px}
#privacy-original-catalog .privacy-section-heading{display:grid;gap:3px}
#privacy-original-catalog .privacy-section-heading small{color:#76a8ce;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}
#privacy-original-catalog .privacy-section-heading h3{margin:0;color:#d9e9f8;font-size:1rem}
#privacy-original-catalog .privacy-section-heading p{margin:0;color:#8aa8c2;font-size:.7rem}
#privacy-original-catalog .privacy-catalog-summary{display:flex;flex-wrap:wrap;gap:8px}
#privacy-original-catalog .privacy-catalog-summary span{padding:6px 9px;border:1px solid rgba(112,170,224,.16);border-radius:8px;background:rgba(255,255,255,.015);font-size:.65rem;color:#acc1d4}
#privacy-original-catalog .privacy-table-wrap{min-width:0;max-width:100%;overflow-x:auto;border:1px solid rgba(112,170,224,.16);border-radius:12px}
#privacy-original-catalog .privacy-table{width:100%;min-width:900px;border-collapse:collapse;font-size:.65rem;color:#a8bed2}
#privacy-original-catalog .privacy-table th,#privacy-original-catalog .privacy-table td{padding:8px;border-bottom:1px solid rgba(112,170,224,.1);text-align:left;vertical-align:top}
#privacy-original-catalog .privacy-table th{background:#0d2138;color:#80a3c0;font-size:.59rem;text-transform:uppercase}
#privacy-original-catalog .privacy-table td{overflow-wrap:anywhere}
#privacy-original-catalog .privacy-record-link{border:0;background:none;padding:0;min-height:0;color:#69bdff;text-align:left;font-weight:700;cursor:pointer}
#privacy-original-catalog .privacy-table td small{display:block;margin-top:3px;color:#7899b6}
#privacy-original-catalog .privacy-status{display:inline-block;padding:3px 7px;border-radius:999px;background:rgba(120,145,170,.1)}
#privacy-original-catalog .privacy-status[data-tone='danger']{color:#ff899a}
#privacy-original-catalog .privacy-status[data-tone='warning']{color:#ffd282}
#privacy-original-catalog .privacy-control-icons{display:flex;gap:4px}
#privacy-original-catalog .privacy-control-icons span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(120,145,170,.07);color:#647e98}
#privacy-original-catalog .privacy-control-icons .is-on{background:rgba(78,213,155,.1);color:#64d9ad}
#privacy-original-catalog .privacy-recent-source-note{margin:0;color:#7f9db9;font-size:.65rem;line-height:1.4}
#scenario-lab-native-view .scenario-stored-table-wrap{max-width:100%;overflow-x:auto;margin:8px 0 12px}
#scenario-lab-native-view .scenario-stored-table{width:100%;min-width:34rem;border-collapse:collapse}
#scenario-lab-native-view .scenario-stored-table th,#scenario-lab-native-view .scenario-stored-table td{text-align:left;padding:8px;border-bottom:1px solid var(--wtp-border,#d7dce3);vertical-align:top}
#scenario-lab-native-view .scenario-stored-table th{font-weight:700}
#scenario-lab-native-view .scenario-stored-table td .button{display:block;margin-top:4px;white-space:normal;text-align:left}

#commercial-signals-native-view .commercial-signals-original-table-wrap{max-width:100%;overflow-x:auto;margin:8px 0 12px}
#commercial-signals-native-view .commercial-signals-original-table{width:100%;min-width:39rem;border-collapse:collapse}
#commercial-signals-native-view .commercial-signals-original-table th,#commercial-signals-native-view .commercial-signals-original-table td{text-align:left;padding:8px;border-bottom:1px solid var(--wtp-border,#d7dce3);vertical-align:top;overflow-wrap:anywhere}
#commercial-signals-native-view .commercial-signals-original-table th{font-weight:700}
#commercial-signals-native-view .commercial-signals-list-boundary{font-size:.8rem;color:var(--wtp-muted,#66758a);margin:4px 0 12px}

/* Screen 33 original source-declared overview; it carries no persisted-plan assertion. */
#planning-native-view .planning-original-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
#planning-native-view .planning-original-header h2,#planning-native-view .planning-original-header p{margin:.25rem 0}
#planning-native-view .planning-original-status{border:1px solid var(--wtp-border,#2a3a50);border-radius:999px;padding:.35rem .6rem;white-space:nowrap}
#planning-native-view .planning-original-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}
#planning-native-view .planning-original-card,#planning-native-view .planning-original-convergence{padding:1rem;border:1px solid var(--wtp-border,#2a3a50);border-radius:.8rem;background:var(--wtp-surface,#07111f)}
#planning-native-view .planning-original-card h3,#planning-native-view .planning-original-card p{margin:.25rem 0}
#planning-native-view .planning-original-convergence{display:flex;flex-wrap:wrap;gap:.35rem}
#planning-native-view .planning-source-limit{font-size:.82rem;color:var(--wtp-muted,#66758a)}
@media(max-width:1000px){#planning-native-view .planning-original-grid{grid-template-columns:1fr}}
@media(max-width:700px){#planning-native-view .planning-original-header{display:grid}#planning-native-view .planning-original-status{justify-self:start}}

/* Screen 34 original source-declared overview; no observed plan/actual rows */
#plan-actual-native-view .plan-actual-original-hero,#plan-actual-native-view .plan-actual-original-intro,#plan-actual-native-view .plan-actual-original-card{padding:1rem;border:1px solid var(--wtp-border,#2a3a50);border-radius:.8rem;background:var(--wtp-surface,#07111f)}
#plan-actual-native-view .plan-actual-original-hero h2,#plan-actual-native-view .plan-actual-original-intro h2,#plan-actual-native-view .plan-actual-original-card h3{margin:.3rem 0}
#plan-actual-native-view .plan-actual-original-status,#plan-actual-native-view .plan-actual-original-chip{display:inline-block;padding:.3rem .6rem;border:1px solid var(--wtp-border,#2a3a50);border-radius:999px;font-size:.8rem;font-weight:700}
#plan-actual-native-view .plan-actual-original-authority{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}
#plan-actual-native-view .plan-actual-original-authority>span{display:flex;gap:.35rem;padding:.5rem .65rem;border:1px solid var(--wtp-border,#2a3a50);border-radius:.5rem}
#plan-actual-native-view .plan-actual-original-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}
#plan-actual-native-view .plan-actual-original-absence{font-weight:700}
@media(max-width:700px){#plan-actual-native-view .plan-actual-original-cards{grid-template-columns:1fr}}
#approval-center-native .approval-original-queue-wrap{max-width:100%;overflow-x:auto;border:1px solid #cbd5e1;border-radius:10px;padding:12px;margin:12px 0;background:#fff;color:#0f172a}
#approval-center-native .approval-original-queue-wrap h3{margin:0 0 4px}
#approval-center-native .approval-original-queue-wrap p{margin:0 0 10px;color:#475569;font-size:.84rem}
#approval-center-native .approval-original-queue-table{border-collapse:collapse;width:100%;min-width:820px;text-align:left}
#approval-center-native .approval-original-queue-table th,#approval-center-native .approval-original-queue-table td{border-bottom:1px solid #e2e8f0;padding:8px;vertical-align:middle;overflow-wrap:anywhere}
#approval-center-native .approval-original-queue-table th{font-size:.72rem;color:#334155;background:#f1f5f9}
#approval-center-native .approval-original-queue-table td{font-size:.78rem}
#approval-center-native .approval-original-queue-table tr:last-child td{border-bottom:0}
#approval-center-native .approval-original-queue-table button{white-space:nowrap}
#approval-center-native .approval-original-history{max-width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:10px;padding:14px;margin:12px 0;background:#fff;color:#0f172a}
#approval-center-native .approval-original-history h3{margin:0 0 4px}
#approval-center-native .approval-original-history>p{margin:0 0 12px;color:#475569;font-size:.84rem}
#approval-center-native .approval-original-history-list{display:grid;gap:10px}
#approval-center-native .approval-history-item{margin:0;min-width:0;background:#f8fafc;color:#0f172a}
#approval-center-native .approval-history-item-main{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(130px,1.3fr) minmax(90px,.7fr) minmax(160px,1.2fr) minmax(100px,.8fr);gap:8px;align-items:start;font-size:.82rem}
#approval-center-native .approval-history-item-main>*{overflow-wrap:anywhere;min-width:0}
#approval-center-native .approval-history-item-detail{margin-top:10px;color:#334155}
#approval-center-native .approval-history-item-detail p{margin:6px 0}
@media(max-width:850px){#approval-center-native .approval-history-item-main{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){#approval-center-native .approval-history-item-main{grid-template-columns:minmax(0,1fr)}}
#approval-center-native .approval-original-decision-trace{max-width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:10px;padding:14px;margin:12px 0;background:#fff;color:#0f172a}
#approval-center-native .approval-original-decision-trace h4{margin:0 0 4px}
#approval-center-native .approval-original-context-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;min-width:0;margin:12px 0}
#approval-center-native .approval-original-context,#approval-center-native .approval-original-sla-detail{min-width:0;border:1px solid #cbd5e1;border-radius:10px;padding:14px;background:#fff;color:#0f172a}
#approval-center-native .approval-original-context h4,#approval-center-native .approval-original-sla-detail h4{margin:2px 0 12px}
#approval-center-native .approval-original-context-grid,#approval-center-native .approval-original-sla-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}
#approval-center-native .approval-original-context-grid>div,#approval-center-native .approval-original-sla-facts>div{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
#approval-center-native .approval-original-context-grid span,#approval-center-native .approval-original-sla-facts span{font-size:.78rem;color:#475569}
#approval-center-native .approval-original-context-grid strong,#approval-center-native .approval-original-sla-facts strong{font-size:.9rem;font-weight:600}
#approval-center-native .approval-original-context-note{font-size:.8rem;line-height:1.5;color:#475569;margin:12px 0 0}
#approval-center-native .approval-original-governance{min-width:0;max-width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:14px;background:#fff;color:#0f172a}
#approval-center-native .approval-original-governance h3{margin:0 0 4px}
#approval-center-native .approval-original-governance>p{font-size:.84rem;line-height:1.5;color:#475569}
#approval-center-native .approval-original-governance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px;margin:12px 0}
#approval-center-native .approval-governance-check{display:grid;gap:5px;margin:0;padding:12px;border:1px solid #dbe5ee;border-radius:8px;background:#f8fafc;min-width:0;overflow-wrap:anywhere}
#approval-center-native .approval-governance-check span{font-size:.8rem;color:#475569}
#approval-center-native .approval-governance-check strong{font-size:.92rem}
#approval-center-native .approval-original-governance-docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px;min-width:0;max-width:100%;margin:12px 0;padding:14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a}
#approval-center-native .approval-original-governance-docs>h4,#approval-center-native .approval-original-governance-docs>p{grid-column:1/-1;margin:0}
#approval-center-native .approval-original-governance-docs>p{color:#475569;font-size:.84rem;line-height:1.5}
#approval-center-native .approval-governance-doc{display:grid;align-content:start;gap:7px;min-width:0;margin:0;padding:14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;overflow-wrap:anywhere}
#approval-center-native .approval-governance-doc h5,#approval-center-native .approval-governance-doc p{margin:0}
#approval-center-native .approval-governance-doc h5{color:#0f172a}
#approval-center-native .approval-governance-doc p{font-size:.8rem;line-height:1.45;color:#475569}
#approval-center-native .approval-governance-doc strong{font-size:.8rem;color:#174f78}
#approval-center-native .approval-governance-doc-number{font-size:.78rem;font-weight:700;color:#64748b}
#approval-center-native .approval-original-decision-trace>p{color:#475569;font-size:.84rem}
#approval-center-native .approval-decision-trace-row{margin:10px 0;background:#f8fafc;color:#0f172a}
#approval-center-native .approval-decision-trace-row p{margin:5px 0;overflow-wrap:anywhere}
#approval-center-native .approval-decision-trace-row small{overflow-wrap:anywhere}

/* SCREEN-067 original design fragment; declarations only. */
.ai-packs-original{display:grid;gap:1.1rem;min-width:0}
.ai-packs-original__header{max-width:70ch}
.ai-packs-original__header small{color:var(--muted);letter-spacing:.04em}
.ai-packs-original__header p{margin:.35rem 0 0}
.ai-packs-original__grid,.ai-packs-original__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.85rem}
.ai-packs-original__steps{padding:0;list-style:none}
.ai-packs-original__card,.ai-packs-original__step,.ai-packs-original__boundaries{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--panel)}
.ai-packs-original__card h4,.ai-packs-original__step strong{display:block;margin:0 0 .45rem}
.ai-packs-original__card p,.ai-packs-original__boundaries ul{margin:0}
.ai-packs-original__step{display:grid;gap:.35rem}
.ai-packs-original__boundaries{background:var(--panel-solid)}
.ai-packs-original__boundaries li+li{margin-top:.35rem}
#workflow-original-inspector{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:12px;min-width:0}
#workflow-original-inspector h2{margin:0 0 .4rem;font-size:1rem}
#workflow-original-inspector .workflow-inspector-fields{display:grid;grid-template-columns:minmax(7rem,9rem) minmax(0,1fr);gap:.4rem .8rem;margin:.8rem 0 0}
#workflow-original-inspector dt{color:var(--muted)}
#workflow-original-inspector dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
#workflow-original-canvas{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:12px;min-width:0}
#workflow-original-canvas h2{margin:0 0 .4rem;font-size:1rem}
#workflow-original-canvas .workflow-canvas-selection{color:var(--muted);overflow-wrap:anywhere}
#workflow-original-canvas .workflow-canvas-viewport{height:530px;max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#06101d}
#workflow-original-canvas .workflow-canvas-viewport[data-pan-mode='true']{cursor:grab;user-select:none}
#workflow-original-canvas #workflow-canvas-pan[aria-pressed='true']{border-color:var(--cyan);color:var(--cyan)}
#workflow-original-canvas .workflow-canvas-zoom-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:.45rem 0 .65rem;color:var(--muted)}
#workflow-original-canvas .workflow-canvas-zoom-controls button{min-width:2rem;min-height:2rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-solid);color:var(--text);cursor:pointer}
#workflow-original-canvas .workflow-canvas-zoom-controls button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
#workflow-original-canvas .workflow-canvas-zoom-value{min-width:3rem;text-align:center;color:var(--text)}
#workflow-original-canvas .workflow-canvas-zoom-shell{position:relative}
#workflow-original-canvas .workflow-canvas-stage{position:relative;background-image:linear-gradient(rgba(82,212,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(82,212,255,.07) 1px,transparent 1px);background-size:24px 24px}
#workflow-original-canvas .workflow-canvas-stage{transform-origin:0 0}
#workflow-canvas-edges{position:absolute;inset:0;overflow:visible;pointer-events:none}
#workflow-canvas-edges path{fill:none;stroke:rgba(104,164,210,.8);stroke-width:3;pointer-events:stroke;cursor:pointer}
#workflow-canvas-edges path[aria-pressed='true']{stroke:var(--cyan);stroke-width:5}
#workflow-original-canvas .workflow-canvas-node{position:absolute;width:190px;min-height:92px;padding:.7rem;border:1px solid rgba(82,212,255,.5);border-radius:12px;background:#0d263e;color:var(--text);text-align:left;overflow-wrap:anywhere;cursor:pointer}
#workflow-original-canvas .workflow-canvas-node[aria-pressed='true']{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(82,212,255,.2)}
#workflow-original-canvas .workflow-canvas-edge-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}
#workflow-original-canvas .workflow-canvas-edge{border:1px solid var(--line);border-radius:8px;background:var(--panel-solid);color:var(--text);padding:.4rem .65rem;cursor:pointer;overflow-wrap:anywhere}
#workflow-original-canvas .workflow-canvas-edge[aria-pressed='true']{border-color:var(--cyan)}
#workflow-canvas-inspector{margin-top:.85rem;padding:.85rem;border:1px solid var(--line);border-radius:10px;min-width:0}
#workflow-canvas-inspector h3{margin:0 0 .35rem;font-size:.95rem}
#workflow-canvas-inspector .workflow-canvas-inspector-fields{display:grid;grid-template-columns:minmax(8rem,14rem) minmax(0,1fr);gap:.35rem .75rem;margin:.8rem 0 0}
#workflow-canvas-inspector dt{color:var(--muted)}
#workflow-canvas-inspector dd{margin:0;color:var(--text);overflow-wrap:anywhere}
@media(max-width:600px){#workflow-canvas-inspector .workflow-canvas-inspector-fields{grid-template-columns:minmax(0,1fr)}}
#activities-task-table{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:12px;min-width:0;overflow-x:auto}
#activities-task-table h3{margin:0 0 .35rem}
#activities-task-table p{color:var(--muted);margin:.35rem 0 .8rem}
#activities-task-table table{width:100%;border-collapse:collapse;min-width:560px}
#activities-task-table th,#activities-task-table td{text-align:left;padding:.65rem;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
#activities-task-table th{color:var(--muted)}
#activities-task-table .activities-task-open{text-align:left;white-space:normal}

/* Model Lab local filter/selection extension; existing metadata cards remain unchanged. */
#assistant-original-models .assistant-model-lab-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;margin:.8rem 0;min-width:0}
#assistant-original-models .assistant-model-lab-controls label{display:grid;gap:.25rem;min-width:0}
#assistant-original-models .assistant-model-lab-controls input,#assistant-original-models .assistant-model-lab-controls select{width:100%;min-width:0}
#assistant-model-count,#assistant-original-models .assistant-model-lab-controls .truth-note{grid-column:1/-1}
#assistant-original-models .model-card--selected{outline:2px solid var(--cyan);outline-offset:2px}
#assistant-original-models .model-card__footer{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
#assistant-model-detail{min-width:0;margin-top:.8rem;padding:.8rem;border:1px solid var(--line);border-radius:12px}
#assistant-model-detail pre{white-space:pre-wrap;overflow-wrap:anywhere}

/* Original comparative flow over declared profiles; no provider answers. */
#assistant-comparison-plan .assistant-compare-recommendation{padding:1rem;border:1px solid var(--line);border-radius:12px;margin:.8rem 0}
#assistant-comparison-plan .assistant-compare-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
#assistant-comparison-plan .assistant-compare-lane{min-width:0;padding:.8rem;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}
#assistant-comparison-plan .assistant-compare-lane--recommended{border-color:var(--cyan)}
#assistant-comparison-plan .assistant-compare-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin:.8rem 0}
#assistant-comparison-plan .assistant-compare-metrics dd{margin:0}
#assistant-comparison-plan .assistant-lane-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
@media(max-width:1500px){#assistant-comparison-plan .assistant-compare-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){#assistant-comparison-plan .assistant-compare-lanes{grid-template-columns:minmax(0,1fr)}}

.settings-scenario{margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:12px;min-width:0}
.settings-scenario form{display:grid;gap:.75rem}
.settings-scenario textarea{width:100%;max-width:100%;box-sizing:border-box;min-height:12rem}
.settings-scenario pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.settings-scenario h4{margin-top:1rem}

/* Help documentary search, selection and inert detail */
/* Original .wtp-help-shortcut presentation, scoped to the native global caller. */
#app-shell .topbar #help-context-open{border:1px solid var(--wtp-border,var(--border));border-radius:999px;padding:.28rem .55rem;background:rgba(56,189,248,.08);color:var(--wtp-text,var(--text));cursor:pointer;font-size:.68rem}
#app-shell .topbar #help-context-open:disabled{cursor:default;opacity:.6}

/* R3 Help read bindings. Tour geometry/controls from help-center-view.component.scss.
   Scoped to the added Help controls; existing styles and twelve tabs are not replaced. */
#help-original-view .help-native-read {display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;min-width:0;}
#help-original-view .help-native-read>.notice,#help-original-view .help-native-read>.help-context {flex-basis:100%;min-width:0;overflow-wrap:anywhere;}
#help-original-view [data-help-native-tour-host] {display:grid;grid-template-columns:300px 1fr;gap:.8rem;min-width:0;}
#help-original-view [data-help-native-tour-host] .module-list {max-height:720px;overflow:auto;display:grid;gap:.25rem;min-width:0;}
#help-original-view [data-help-native-tour-host] .module-list button {display:grid;text-align:left;padding:.55rem;border:1px solid var(--wtp-border,var(--border));border-radius:8px;background:var(--wtp-surface,var(--surface));color:var(--wtp-text,var(--text));white-space:normal;overflow-wrap:anywhere;}
#help-original-view [data-help-native-tour-host] .module-list button[aria-pressed=true] {border-color:#38bdf8;}
#help-original-view [data-help-native-tour-host] .module-list small {color:var(--wtp-text-muted,var(--muted));font-size:.62rem;}
#help-original-view [data-help-native-tour-host] .module-detail {border:1px solid var(--wtp-border,var(--border));background:var(--wtp-surface,var(--surface));border-radius:14px;padding:1rem;min-width:0;overflow-wrap:anywhere;}
#help-original-view [data-help-native-tour-host] .tour-steps li {padding:.5rem 0;}
#help-original-view [data-help-native-tour-host] .tour-steps span {display:block;font-size:.65rem;color:#79c8ff;}
#help-original-view .help-native-read pre,#help-original-view [data-help-native-tour-host] pre {white-space:pre-wrap;overflow-wrap:anywhere;}
@media(max-width:900px){#help-original-view [data-help-native-tour-host] {grid-template-columns:1fr;}#help-original-view [data-help-native-tour-host] .module-list {max-height:260px;}}

/* Original query layout, limited to the existing Help screen. */
#help-original-view .help-query-original{display:grid;gap:.8rem;min-width:0;overflow-wrap:anywhere;}
#help-original-view .help-query-original .ask-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;}
#help-original-view .help-query-original .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;}
#help-original-view .help-query-original .card{border:1px solid var(--border);border-radius:14px;padding:1rem;min-width:0;}
#help-original-view .help-query-original .answer{white-space:pre-line;}
#help-original-view .help-query-original pre{white-space:pre-wrap;overflow-wrap:anywhere;}
#help-original-view .help-query-original .notice,#help-original-view .help-query-original .answer,#help-original-view .help-query-original h3,#help-original-view .help-query-original .citation{grid-column:1/-1;}
@media(max-width:900px){#help-original-view .help-query-original .grid{grid-template-columns:1fr;}}

#help-original-view .help-feedback-original {display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:1rem 0;min-width:0;}
#help-original-view .help-feedback-original .notice {flex-basis:100%;overflow-wrap:anywhere;}
#help-original-view .help-setup-original {min-width:0;overflow-wrap:anywhere;}
#help-original-view .help-setup-original .check {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border);}
#help-original-view .help-setup-original .check span {overflow-wrap:anywhere;}

#help-original-view .help-documents {min-width:0;overflow-wrap:anywhere;}
#help-original-view .help-documents__layout {display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:1rem;align-items:start;}
#help-original-view .help-documents__list {display:grid;gap:.5rem;min-width:0;}
#help-original-view .help-documents__list button {width:100%;white-space:normal;text-align:left;overflow-wrap:anywhere;}
#help-original-view .help-documents__detail {min-width:0;border:1px solid var(--border);border-radius:12px;padding:1rem;overflow-wrap:anywhere;}
#help-original-view .help-documents__detail p,#help-original-view .help-documents__detail li {white-space:pre-wrap;overflow-wrap:anywhere;}
@media(max-width:900px){#help-original-view .help-documents__layout {grid-template-columns:minmax(0,1fr);}}

/* Marketplace declared compatibility and blueprint preview */
#marketplace-original-view .marketplace-scenario{min-width:0;overflow-wrap:anywhere;}
#marketplace-original-view .marketplace-scenario form{display:grid;gap:.6rem;}
#marketplace-original-view .marketplace-scenario textarea{width:100%;min-width:0;min-height:230px;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;}
#marketplace-original-view .marketplace-scenario pre{max-height:420px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;}

#marketplace-original-view{min-width:0;max-width:100%;overflow-wrap:anywhere;}
#marketplace-original-view .metric-card p{overflow-wrap:anywhere;word-break:break-word;}

.marketplace-install{min-width:0;max-width:100%;overflow-wrap:anywhere}.marketplace-install textarea{display:block;box-sizing:border-box;width:100%;min-height:180px;font-family:monospace}.marketplace-install form,.marketplace-install [role="region"]{min-width:0;max-width:100%}.marketplace-install pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.marketplace-install dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.6rem}.marketplace-install dd{margin:0}

.social-rule-packs{min-width:0;max-width:100%;overflow-wrap:anywhere}.social-rule-packs pre{white-space:pre-wrap;word-break:break-word;max-width:100%}.social-rule-packs form{display:flex;flex-wrap:wrap;gap:.7rem}.social-rule-packs input{box-sizing:border-box;min-width:0;max-width:100%}

.market-coexistence{min-width:0;max-width:100%}.market-coexistence textarea,.market-coexistence pre{box-sizing:border-box;width:100%;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.market-coexistence fieldset{display:flex;flex-wrap:wrap;gap:1rem;min-width:0}.market-coexistence__analyses{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}

.analytics-filter-panel{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.analytics-filter-panel label{display:grid;gap:6px}.analytics-filter-panel input,.analytics-filter-panel select{max-width:100%;box-sizing:border-box}.analytics-filter-panel p{flex-basis:100%;overflow-wrap:anywhere}

.analytics-comparison{margin:20px 0;min-width:0}.analytics-comparison form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.analytics-comparison label{display:grid;gap:6px}.analytics-comparison .table-wrap{max-width:100%;overflow:auto}.analytics-comparison pre{max-width:100%;overflow:auto}.analytics-comparison button{white-space:normal;overflow-wrap:anywhere}

.analytics-revenue-dossier{margin-top:1rem;min-width:0}.analytics-revenue-dossier form{display:grid;gap:.7rem;min-width:0}.analytics-revenue-dossier textarea{box-sizing:border-box;width:100%;max-width:100%;font-family:monospace}.analytics-revenue-dossier pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.analytics-revenue-dossier button{max-width:100%;overflow-wrap:anywhere}.analytics-revenue-dossier details,.analytics-revenue-dossier section{min-width:0;padding:.5rem 0}

.workflow-preview-context,.workflow-preview-evidence{min-width:0;margin-top:1rem}.workflow-preview-context textarea{box-sizing:border-box;width:100%;max-width:100%;font-family:monospace}.workflow-preview-evidence pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}.workflow-preview-evidence button{max-width:100%;overflow-wrap:anywhere}.workflow-preview-evidence ol{padding-left:1.5rem}

/* WTP035 explicit actor presentation and exact declared inspector */
.organization-actor-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;min-width:0}.organization-actor-toolbar p{flex-basis:100%;overflow-wrap:anywhere}.organization-actor-detail{min-width:0;overflow-wrap:anywhere}.organization-actor-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:30rem;overflow:auto}.organization-actor-detail button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.organization-actor-toolbar button[aria-pressed="true"]{outline:2px solid var(--accent,#18cde0);outline-offset:1px}

/* WTP035 original declared contract evidence */
#organization-original-contracts{min-width:0}#organization-original-contracts textarea,#organization-original-contracts select{box-sizing:border-box;width:100%;max-width:100%}#organization-original-contracts pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:30rem;overflow:auto}

/* WTP036 declared authority preview */
#workforce-authority-form{min-width:0;display:grid;gap:.6rem}#workforce-authority-form input,#workforce-authority-form select{box-sizing:border-box;width:100%;max-width:100%}#agent-workforce-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:32rem;overflow:auto}

.workforce-original-flow{margin:1rem 0;padding:1rem;border:1px solid #9aafc8;border-radius:12px;min-width:0;max-width:100%}.workforce-original-flow form{display:grid;gap:.7rem;min-width:0}.workforce-original-flow textarea,.workforce-original-flow select,.workforce-original-flow input{max-width:100%;width:100%;min-width:0;box-sizing:border-box}.workforce-original-flow pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;min-width:0}.workforce-original-flow button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

#agent-control-original-host { min-width:0; max-width:100%; margin:1.5rem 0; }
#agent-control-original-form { display:grid; gap:.75rem; min-width:0; }
#agent-control-original-json { box-sizing:border-box; width:100%; max-width:100%; }
#agent-control-original-form select { min-width:0; max-width:100%; }
#agent-control-original-result .control-original-json { max-width:100%; max-height:32rem; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }

#closed-loop-original-host { min-width:0; max-width:100%; margin:1.5rem 0; }
#closed-loop-original-form { display:grid; gap:.75rem; min-width:0; }
#closed-loop-original-json { box-sizing:border-box; width:100%; max-width:100%; }
#closed-loop-original-form select { min-width:0; max-width:100%; }
#closed-loop-original-host .closed-loop-json { max-width:100%; max-height:32rem; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }

#master-planner-original-host { min-width:0; max-width:100%; margin:1.5rem 0; }
#master-planner-original-form { display:grid; gap:.75rem; min-width:0; }
#master-planner-original-json { box-sizing:border-box; width:100%; max-width:100%; }
#master-planner-original-form select, #master-planner-original-form input { min-width:0; max-width:100%; box-sizing:border-box; }
#master-planner-original-host .master-planner-json { max-width:100%; max-height:32rem; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }

#planning-original-host { min-width:0; max-width:100%; margin:1.5rem 0; }
#planning-original-form { display:grid; gap:.75rem; min-width:0; }
#planning-original-json { box-sizing:border-box; width:100%; max-width:100%; }
#planning-original-form select, #planning-original-form input { min-width:0; max-width:100%; box-sizing:border-box; }
#planning-original-host .planning-original-json { max-width:100%; max-height:32rem; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }

.settings-brand-scenario { max-width:100%; min-width:0; display:grid; gap:.75rem; }
.settings-brand-scenario form { display:grid; gap:.65rem; min-width:0; }
.settings-brand-scenario textarea,.settings-brand-scenario select { width:100%; min-width:0; max-width:100%; box-sizing:border-box; }
.settings-brand-scenario pre { white-space:pre-wrap; overflow-wrap:anywhere; max-width:100%; }

.settings-mobile-catalog { min-width:0; max-width:100%; display:grid; gap:.75rem; }
.settings-mobile-catalog form { display:grid; gap:.65rem; min-width:0; }
.settings-mobile-catalog input,.settings-mobile-catalog button { max-width:100%; min-width:0; width:100%; box-sizing:border-box; overflow-wrap:anywhere; }
.settings-mobile-catalog pre,.settings-mobile-catalog article { max-width:100%; white-space:pre-wrap; overflow-wrap:anywhere; }

.customer360-voc{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}.customer360-voc form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.customer360-voc textarea{box-sizing:border-box;width:100%;min-width:0;min-height:220px}.customer360-voc pre{overflow:auto;max-height:480px;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;box-sizing:border-box}.customer360-voc button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

.customer360-growth{min-width:0;max-width:100%;overflow-wrap:anywhere}
.customer360-growth form,.customer360-growth label{display:grid;gap:.75rem;min-width:0;grid-template-columns:minmax(0,1fr)}
.customer360-growth textarea,.customer360-growth input{box-sizing:border-box;width:100%;min-width:0}
.customer360-growth details,.customer360-growth pre,.customer360-growth strong{min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.customer360-growth .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:.75rem;margin:1rem 0}
.customer360-growth .metrics article{display:grid;gap:.4rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);min-width:0}

/* Customer360 HRM Foundation: scoped declarations only. */
.customer360-hrm{min-width:0;overflow-wrap:anywhere}
.customer360-hrm form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.customer360-hrm label{display:grid;gap:6px;min-width:0}
.customer360-hrm input,.customer360-hrm textarea{width:100%;box-sizing:border-box;min-width:0}
.customer360-hrm pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.customer360-hrm button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* Customer360 Relationship Intelligence explicit scenarios. */
.customer360-ri{min-width:0;overflow-wrap:anywhere}
.customer360-ri form,.customer360-ri label{display:grid;gap:10px;min-width:0}
.customer360-ri textarea,.customer360-ri input{width:100%;box-sizing:border-box;min-width:0}
.customer360-ri pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.customer360-ri button,.customer360-ri-modes button{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.customer360-ri-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}

/* Customer360 Relationship Intelligence explicit scenarios. */
.customer360-sg{min-width:0;overflow-wrap:anywhere}
.customer360-sg form,.customer360-sg label{display:grid;gap:10px;min-width:0}
.customer360-sg textarea,.customer360-sg input{width:100%;box-sizing:border-box;min-width:0}
.customer360-sg pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.customer360-sg button,.customer360-sg-modes button{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.customer360-sg-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}

/* Customer360 Relationship Intelligence explicit scenarios. */
.customer360-er{min-width:0;overflow-wrap:anywhere}
.customer360-er form,.customer360-er label{display:grid;gap:10px;min-width:0}
.customer360-er textarea,.customer360-er input{width:100%;box-sizing:border-box;min-width:0}
.customer360-er pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.customer360-er button,.customer360-er-modes button{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.customer360-er-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}

/* Customer360 Relationship Intelligence explicit scenarios. */
.customer360-de{min-width:0;overflow-wrap:anywhere}
.customer360-de form,.customer360-de label{display:grid;gap:10px;min-width:0}
.customer360-de textarea,.customer360-de input{width:100%;box-sizing:border-box;min-width:0}
.customer360-de pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.customer360-de button,.customer360-de-modes button{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.customer360-de-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}

/* Customer360 Relationship Intelligence explicit scenarios. */
.customer360-rp{min-width:0;overflow-wrap:anywhere}
.customer360-rp form,.customer360-rp label{display:grid;gap:10px;min-width:0}
.customer360-rp textarea,.customer360-rp input{width:100%;box-sizing:border-box;min-width:0}
.customer360-rp pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.customer360-rp button,.customer360-rp-modes button{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.customer360-rp-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}

/* Source lexical search, explicit five-module branch. */
#workbench-view .es-source{display:grid;gap:14px;min-width:0}#workbench-view .es-source pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:12px}#workbench-view .es-source button{white-space:normal;overflow-wrap:anywhere;max-width:100%}#workbench-view .es-source input{min-width:0}#workbench-view:has(#wb-source-search),#workbench-view:has(#wb-source-search)>.wb-panel{grid-template-columns:minmax(0,1fr)}@media(max-width:700px){#workbench-view:has(#wb-source-search)>.wb-filters{grid-template-columns:minmax(0,1fr)}}#workbench-view .es-source{grid-template-columns:minmax(0,1fr)}#workbench-view .es-source>*{min-width:0;overflow-wrap:anywhere}#workbench-view .es-source .inspector{display:grid;gap:.5rem;min-width:0} @media(max-width:700px){#workbench-view .es-source form{grid-template-columns:minmax(0,1fr)}}

/* Interest scenario declared original flow; existing styles preserved. */
.interest-scenario{min-width:0;max-width:100%;padding:1rem;border:1px solid var(--border);border-radius:.7rem;margin:1rem 0;overflow-wrap:anywhere}.interest-scenario form{display:grid;gap:.7rem;min-width:0}.interest-scenario textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;min-height:14rem}.interest-scenario pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;min-width:0}.interest-scenario button{justify-self:start;white-space:normal;max-width:100%}

/* BI declared DataProducts connection only. */
.interest-bi{max-width:100%;min-width:0;overflow-wrap:anywhere;padding:1rem;border:1px solid var(--border);margin-top:1rem}.interest-bi form{display:grid;min-width:0;gap:.7rem}.interest-bi select,.interest-bi textarea{box-sizing:border-box;max-width:100%;width:100%;min-width:0;font:inherit}.interest-bi pre{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.interest-bi button{max-width:100%;white-space:normal;justify-self:start}

/* Universal analytical declared flow only. */
.interest-analytical{max-width:100%;min-width:0;padding:1rem;margin-top:1rem;overflow-wrap:anywhere}.interest-analytical form{display:grid;gap:.7rem;min-width:0}.interest-analytical textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0;font:inherit}.interest-analytical pre{max-width:100%;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.interest-analytical .wtp-viz__row{min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.interest-analytical .wtp-viz__track{width:100%;min-width:0}.interest-analytical button{max-width:100%;white-space:normal;justify-self:start}

/* Original generic visualization geometry, scoped to declared analytic view. */
.interest-analytical .wtp-viz{display:grid;gap:.65rem;border:1px solid rgba(120,140,170,.32);border-radius:.8rem;padding:.85rem;background:rgba(7,17,31,.96);color:#e7edf7;min-height:13rem}
.interest-analytical .wtp-viz__canvas,.interest-analytical .wtp-viz__canvas>section{display:grid;gap:.5rem;align-content:center;min-width:0}
.interest-analytical .wtp-viz__row{display:grid;gap:.5rem;align-items:center;padding:.5rem 0}
.interest-analytical .wtp-viz__row small{opacity:.7;font-size:.72rem}
.interest-analytical .wtp-viz__track{height:.7rem;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}
.interest-analytical .wtp-viz__track i{display:block;height:100%;background:currentColor;opacity:.72}
.interest-analytical .wtp-viz__row.predicted{border-left:2px dashed currentColor;padding-left:.4rem;opacity:.82}
@media(max-width:700px){.interest-analytical .wtp-viz__row{grid-template-columns:minmax(0,1fr)}}

/* Explicit commercial declared scenario, six-zone source preserved. */
.commercial-scenario{max-width:100%;min-width:0;overflow-wrap:anywhere;padding:1rem;border:1px solid var(--border);margin-top:1rem}.commercial-scenario form{display:grid;gap:.7rem;min-width:0}.commercial-scenario textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0;font:inherit}.commercial-scenario pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;min-width:0}.commercial-scenario button{max-width:100%;white-space:normal;justify-self:start}.commercial-scenario-row{padding:.5rem 0}.commercial-scenario-stage{border-bottom:1px solid var(--border);padding:.5rem 0}

/* Scoped declared DataExchange preview original0.8.55.15.4.3 */
.integrations-catalog .data-exchange-scenario{display:grid;gap:14px;min-width:0;margin-top:20px}
.integrations-catalog .data-exchange-scenario textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font:inherit;overflow-wrap:anywhere;white-space:pre-wrap}
.integrations-catalog .data-exchange-scenario button{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.integrations-catalog .data-exchange-result{display:grid;gap:16px;min-width:0}
.integrations-catalog .data-exchange-result section{min-width:0}
.integrations-catalog .data-exchange-result pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;max-height:360px;overflow:auto}
.integrations-catalog .data-exchange-choices{display:flex;gap:8px;flex-wrap:wrap}

/* Scoped Campaigns original READ domain workspace */
.campaigns-native .campaign-domains{min-width:0;margin:20px 0}
.campaigns-native .campaign-domains article{display:grid;gap:14px;min-width:0}
.campaigns-native .campaign-domains form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;min-width:0}
.campaigns-native .campaign-domains form>*{min-width:0;max-width:100%;box-sizing:border-box}
.campaigns-native .campaign-domains button{white-space:normal;overflow-wrap:anywhere}
.campaigns-native .campaign-domain-output{display:grid;gap:12px;min-width:0}
.campaigns-native .campaign-domain-output details,.campaigns-native .campaign-domain-output pre{min-width:0;max-width:100%}
.campaigns-native .campaign-domain-output pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}

/* Keep the inherited title drawer in flow only while the new READ workspace is mounted. */
.campaigns-native:has(> .campaign-domains > #campaign-domain-workspace) #campaigns-detail{position:static;inset:auto;width:auto;max-width:100%;max-height:none;margin:16px 0;z-index:auto}
.campaigns-native #campaign-domain-workspace,.campaigns-native .campaign-domain-output details{scroll-margin-top:82px}

/* Scoped Pipeline original READ domain workspace */
.pipeline-native .pipeline-domains{min-width:0;margin:20px 0}
.pipeline-native .pipeline-domains article{display:grid;gap:14px;min-width:0}
.pipeline-native .pipeline-domains form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;min-width:0}
.pipeline-native .pipeline-domains form>*{min-width:0;max-width:100%;box-sizing:border-box}
.pipeline-native .pipeline-domains button{white-space:normal;overflow-wrap:anywhere}
.pipeline-native .pipeline-domain-output{display:grid;gap:12px;min-width:0}
.pipeline-native .pipeline-domain-output details,.pipeline-native .pipeline-domain-output pre{min-width:0;max-width:100%}
.pipeline-native .pipeline-domain-output pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}

/* Scoped Analytics original READ domain workspace */
.analytics-native .analytics-domains{min-width:0;margin:20px 0}
.analytics-native .analytics-domains article{display:grid;gap:14px;min-width:0}
.analytics-native .analytics-domains form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;min-width:0}
.analytics-native .analytics-domains form>*{min-width:0;max-width:100%;box-sizing:border-box}
.analytics-native .analytics-domains button{white-space:normal;overflow-wrap:anywhere}
.analytics-native .analytics-domain-output{display:grid;gap:12px;min-width:0}
.analytics-native .analytics-domain-output details,.analytics-native .analytics-domain-output pre{min-width:0;max-width:100%}
.analytics-native .analytics-domain-output pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}

/* Administration own operating READ */
.admin-panel--access #acl-access-read-output{min-width:0;display:grid;gap:.8rem}
.admin-panel--access pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.admin-panel--access .metric-card button{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.admin-panel--access .admin-level-grid{opacity:.7}

/* Administration declared action / backup plans */
.admin-plan-workspace{min-width:0;display:grid;gap:1rem}
.admin-plan-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.admin-plan-form label{min-width:0;display:grid;gap:.3rem}
.admin-plan-form input,.admin-plan-form select,.admin-plan-form textarea{box-sizing:border-box;min-width:0;max-width:100%;width:100%}
.admin-plan-workspace pre{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.admin-plan-form{grid-template-columns:minmax(0,1fr)}}

/* Administration runtime public metadata READ. */
.admin-runtime-read{min-width:0;max-width:100%;overflow-wrap:anywhere}.admin-runtime-read pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.admin-runtime-read button{white-space:normal;overflow-wrap:anywhere;max-width:100%}.admin-runtime-read .metric-card{min-width:0}

/* Administration own intake history READ. */
.admin-history-read{min-width:0;max-width:100%;overflow-wrap:anywhere}.admin-history-read pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.admin-history-read button{white-space:normal;overflow-wrap:anywhere;max-width:100%}.admin-history-read .metric-card{min-width:0}

/* Administration current request diagnostics and declared scenario. */
.admin-diagnostic-read{min-width:0;max-width:100%;overflow-wrap:anywhere}.admin-diagnostic-read pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.admin-diagnostic-read button{white-space:normal;overflow-wrap:anywhere;max-width:100%}.admin-diagnostic-read .metric-card{min-width:0}.admin-diagnostic-read .admin-plan-form>button{align-self:end;min-height:44px}

/* Administration pure declared Recovery stages. */
.admin-recovery-preview{min-width:0;max-width:100%;overflow-wrap:anywhere}.admin-recovery-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.admin-recovery-preview button{white-space:normal;overflow-wrap:anywhere;max-width:100%}.admin-recovery-preview .metric-card{min-width:0}.admin-recovery-preview .admin-plan-form>button{align-self:end;min-height:44px}

/* Administration documentary install and upgrade plans. */
.admin-install-preview{min-width:0;max-width:100%;overflow-wrap:anywhere}.admin-install-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.admin-install-preview button{white-space:normal;overflow-wrap:anywhere;max-width:100%}.admin-install-preview .metric-card{min-width:0}.admin-install-preview .admin-plan-form>button{align-self:end;min-height:44px}

/* Administration runtime independence preview. */
.admin-independence-preview{min-width:0;max-width:100%;overflow-wrap:anywhere}.admin-independence-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.admin-independence-preview button{white-space:normal;overflow-wrap:anywhere;max-width:100%}.admin-independence-preview .metric-card{min-width:0}.admin-independence-preview .admin-plan-form>button{align-self:end;min-height:44px}

/* Administration Migration Control declared scenario. */
.admin-migration-control{min-width:0;max-width:100%;overflow-wrap:anywhere}.admin-migration-control pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;max-height:400px;overflow:auto}.admin-migration-control button{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:44px}.admin-migration-control .metric-card{min-width:0}.admin-migration-control textarea{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.admin-migration-control .admin-plan-form{grid-template-columns:minmax(0,1fr)}

/* Administration Migration Control declared scenario. */
.admin-migration-review{min-width:0;max-width:100%;overflow-wrap:anywhere}.admin-migration-review pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;max-height:400px;overflow:auto}.admin-migration-review button{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:44px}.admin-migration-review .metric-card{min-width:0}.admin-migration-review textarea{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.admin-migration-review .admin-plan-form{grid-template-columns:minmax(0,1fr)}

/* Own declared migration plan document. */
.admin-migration-intake{min-width:0;max-width:100%;overflow-wrap:anywhere}.admin-migration-intake pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;max-height:400px;overflow:auto}.admin-migration-intake button{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:44px}.admin-migration-intake textarea,.admin-migration-intake input,.admin-migration-intake select{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.admin-migration-intake .admin-plan-form{grid-template-columns:minmax(0,1fr)}

/* Manual migration tasks: bounded native read and pure transition. */
.admin-manual-tasks{min-width:0;max-width:100%;overflow-wrap:anywhere}.admin-manual-tasks pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;max-height:400px;overflow:auto}.admin-manual-tasks button{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:44px}.admin-manual-tasks textarea,.admin-manual-tasks input,.admin-manual-tasks select{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.admin-manual-tasks .admin-plan-form{grid-template-columns:minmax(0,1fr)}

.admin-manual-mutations{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}
.admin-manual-mutations textarea,.admin-manual-mutations input{width:100%;min-width:0;box-sizing:border-box}
.admin-manual-mutations pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}

/* Native Runtime Authority documentary declarations only. */
.admin-runtime-documentary form{display:grid;gap:12px;min-width:0}.admin-runtime-documentary label{display:grid;gap:6px;min-width:0}.admin-runtime-documentary textarea,.admin-runtime-documentary select,.admin-runtime-documentary pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.admin-runtime-documentary pre{max-height:420px;overflow:auto}

/* Native Platform Foundation declared scenarios only. */
.admin-native-foundation form{display:grid;gap:12px;min-width:0}.admin-native-foundation label{display:grid;gap:6px;min-width:0}.admin-native-foundation input,.admin-native-foundation textarea,.admin-native-foundation select,.admin-native-foundation pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.admin-native-foundation pre{max-height:420px;overflow:auto}.admin-native-foundation details>button{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere}

/* Native Identity declared scenarios only. */
.admin-native-identity form{display:grid;gap:12px;min-width:0}.admin-native-identity label{display:grid;gap:6px;min-width:0}.admin-native-identity textarea,.admin-native-identity select,.admin-native-identity pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.admin-native-identity pre{max-height:420px;overflow:auto}

/* Native Identity declared scenarios only. */
.admin-native-revenue form{display:grid;gap:12px;min-width:0}.admin-native-revenue label{display:grid;gap:6px;min-width:0}.admin-native-revenue textarea,.admin-native-revenue select,.admin-native-revenue pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.admin-native-revenue pre{max-height:420px;overflow:auto}

/* Native Service declared scenarios only. */
.admin-native-service form{display:grid;gap:12px;min-width:0}.admin-native-service label{display:grid;gap:6px;min-width:0}.admin-native-service textarea,.admin-native-service select,.admin-native-service pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.admin-native-service pre{max-height:420px;overflow:auto}

/* Native Service declared scenarios only. */
.admin-native-interaction form{display:grid;gap:12px;min-width:0}.admin-native-interaction label{display:grid;gap:6px;min-width:0}.admin-native-interaction textarea,.admin-native-interaction select,.admin-native-interaction pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.admin-native-interaction pre{max-height:420px;overflow:auto}

/* Native Security declared evidence only. */
.admin-native-security form{display:grid;gap:12px;min-width:0}.admin-native-security label{display:grid;gap:6px;min-width:0}.admin-native-security textarea,.admin-native-security select,.admin-native-security pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.admin-native-security pre{max-height:420px;overflow:auto}

/* Native Artifact declared evidence only. */
.admin-native-artifact form{display:grid;gap:12px;min-width:0}.admin-native-artifact label{display:grid;gap:6px;min-width:0}.admin-native-artifact textarea,.admin-native-artifact select,.admin-native-artifact pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.admin-native-artifact pre{max-height:420px;overflow:auto}

/* Native Experience declared dossier only. */
.admin-native-experience form{display:grid;gap:12px;min-width:0}.admin-native-experience label{display:grid;gap:6px;min-width:0}.admin-native-experience textarea,.admin-native-experience select,.admin-native-experience pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.admin-native-experience pre{max-height:420px;overflow:auto}

/* Native Operations immutable metadata intake, no execution. */
.admin-native-operation form{display:grid;gap:12px;min-width:0}.admin-native-operation label{display:grid;gap:6px;min-width:0}.admin-native-operation textarea,.admin-native-operation input,.admin-native-operation select,.admin-native-operation pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.admin-native-operation pre{max-height:420px;overflow:auto}

/* Legacy Decommission documentary scenario only. */
.admin-native-legacy form{display:grid;gap:12px;min-width:0}.admin-native-legacy label{display:grid;gap:6px;min-width:0}.admin-native-legacy textarea,.admin-native-legacy select,.admin-native-legacy input,.admin-native-legacy pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.admin-native-legacy pre{max-height:420px;overflow:auto}.admin-native-legacy button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* Speech declarative normalization only. */
.interaction-speech form{display:grid;gap:12px;min-width:0}.interaction-speech label{display:grid;gap:6px;min-width:0}.interaction-speech textarea,.interaction-speech select,.interaction-speech input,.interaction-speech pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.interaction-speech pre{max-height:420px;overflow:auto}.interaction-speech button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* Conversational declarative analysis only. */
.interaction-command-declared form{display:grid;gap:12px;min-width:0}.interaction-command-declared label{display:grid;gap:6px;min-width:0}.interaction-command-declared textarea,.interaction-command-declared input,.interaction-command-declared select,.interaction-command-declared pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.interaction-command-declared pre{max-height:420px;overflow:auto}.interaction-command-declared button{white-space:normal;overflow-wrap:anywhere;max-width:100%}.command-candidate-list{display:flex;flex-wrap:wrap;gap:6px}

/* Universal ingress declared scenario only. */
.interaction-ingress form{display:grid;gap:12px;min-width:0}.interaction-ingress label{display:grid;gap:6px;min-width:0}.interaction-ingress textarea,.interaction-ingress select,.interaction-ingress pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.interaction-ingress pre{max-height:420px;overflow:auto}.interaction-ingress button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* Component Runtime declared scenario only. */
.interaction-component form{display:grid;gap:12px;min-width:0}.interaction-component label{display:grid;gap:6px;min-width:0}.interaction-component textarea,.interaction-component select,.interaction-component pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.interaction-component pre{max-height:420px;overflow:auto}.interaction-component button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* Business Intent declared scenario only. */
.interaction-intent form{display:grid;gap:12px;min-width:0}.interaction-intent label{display:grid;gap:6px;min-width:0}.interaction-intent textarea,.interaction-intent select,.interaction-intent pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.interaction-intent pre{max-height:420px;overflow:auto}.interaction-intent button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* Closed-loop outcome declared scenario only. */
.interaction-outcome form{display:grid;gap:12px;min-width:0}.interaction-outcome label{display:grid;gap:6px;min-width:0}.interaction-outcome textarea,.interaction-outcome select,.interaction-outcome pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.interaction-outcome pre{max-height:420px;overflow:auto}.interaction-outcome button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* Voice Agent direct declared scenario only. */
.interaction-voice-direct form{display:grid;gap:12px;min-width:0}.interaction-voice-direct label{display:grid;gap:6px;min-width:0}.interaction-voice-direct textarea,.interaction-voice-direct select,.interaction-voice-direct input,.interaction-voice-direct pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.interaction-voice-direct pre{max-height:420px;overflow:auto}.interaction-voice-direct button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* Meeting declared scenario only. */
.interaction-meeting-scenario form{display:grid;gap:12px;min-width:0}.interaction-meeting-scenario label{display:grid;gap:6px;min-width:0}.interaction-meeting-scenario textarea,.interaction-meeting-scenario select,.interaction-meeting-scenario input,.interaction-meeting-scenario pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.interaction-meeting-scenario pre{max-height:420px;overflow:auto}.interaction-meeting-scenario button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* Conversation declared scenario only. */
.interaction-conversation-direct form{display:grid;gap:12px;min-width:0}.interaction-conversation-direct label{display:grid;gap:6px;min-width:0}.interaction-conversation-direct textarea,.interaction-conversation-direct select,.interaction-conversation-direct input,.interaction-conversation-direct pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.interaction-conversation-direct pre{max-height:420px;overflow:auto}.interaction-conversation-direct button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* R24 original Settings AI, isolated from other surfaces. */

#settings-ai-native-host{
  display: block;
  min-width: 0;
}

#settings-ai-native-host.settings-pro-shell{
  --wtp-surface: rgba(13, 24, 43, .92);
  --wtp-panel: rgba(18, 31, 54, .88);
  --wtp-border: rgba(145, 169, 202, .18);
  --wtp-muted: #91a5bd;
  --wtp-text: #eef5ff;
  --wtp-accent: #64d7ff;
  --wtp-success: #68e0a5;
  --wtp-warning: #ffd36b;
  --wtp-danger: #ff7d91;
  color: var(--wtp-text);
  display: grid;
  gap: 18px;
  padding: 18px;
  background: radial-gradient(circle at 75% 0%, rgba(35, 94, 136, .18), transparent 36%), linear-gradient(180deg, rgba(7, 15, 28, .98), rgba(8, 17, 30, .98));
  min-height: 100%;
}

#settings-ai-native-host .settings-pro-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 22px;
  border: 1px solid var(--wtp-border);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(18, 35, 60, .94), rgba(11, 24, 43, .94));
}

#settings-ai-native-host .settings-pro-header h2{
  margin: 4px 0 8px;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
}

#settings-ai-native-host .settings-pro-header p{
  margin: 0;
  max-width: 840px;
  color: var(--wtp-muted);
}

#settings-ai-native-host .settings-pro-header__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

#settings-ai-native-host .wtp-eyebrow{
  display: inline-flex;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--wtp-accent);
}

#settings-ai-native-host .wtp-btn{
  appearance: none;
  border: 1px solid rgba(100, 215, 255, .32);
  background: rgba(30, 119, 162, .32);
  color: var(--wtp-text);
  border-radius: 10px;
  padding: 9px 13px;
  cursor: pointer;
  font: inherit;
}

#settings-ai-native-host .wtp-btn:hover{ background: rgba(38, 139, 185, .42); }

#settings-ai-native-host .wtp-btn:disabled{ opacity: .45; cursor: not-allowed; }

#settings-ai-native-host .wtp-btn--ghost{ background: rgba(255,255,255,.035); border-color: var(--wtp-border); }

#settings-ai-native-host .settings-pro-safety{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--wtp-border);
  border-radius: 14px;
  background: var(--wtp-border);
}

#settings-ai-native-host .settings-pro-safety > div{
  padding: 10px 13px;
  background: rgba(10, 22, 39, .96);
  font-size: 12px;
  color: var(--wtp-muted);
}

#settings-ai-native-host .settings-pro-safety strong{ color: var(--wtp-text); }

#settings-ai-native-host .settings-pro-loading,#settings-ai-native-host .settings-pro-alert{
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--wtp-border);
  background: var(--wtp-panel);
}

#settings-ai-native-host .settings-pro-alert--danger{ border-color: rgba(255,125,145,.45); color: #ffdce2; }

#settings-ai-native-host .settings-pro-alert--warning{ border-color: rgba(255,211,107,.42); color: #fff1bf; }

#settings-ai-native-host .settings-pro-alert--success{ border-color: rgba(104,224,165,.42); color: #d6ffe9; }

#settings-ai-native-host .settings-pro-metrics{
  display: grid;
  grid-template-columns: repeat(7, minmax(0,1fr));
  gap: 10px;
}

#settings-ai-native-host .settings-metric{
  display: grid;
  gap: 5px;
  min-height: 100px;
  padding: 14px;
  border: 1px solid var(--wtp-border);
  border-radius: 14px;
  background: var(--wtp-panel);
}

#settings-ai-native-host .settings-metric span{ color: var(--wtp-muted); font-size: 12px; }

#settings-ai-native-host .settings-metric strong{ font-size: 26px; }

#settings-ai-native-host .settings-metric small{ color: var(--wtp-muted); line-height: 1.35; }

#settings-ai-native-host .settings-metric[data-tone=success]{ box-shadow: inset 0 2px 0 rgba(104,224,165,.5); }

#settings-ai-native-host .settings-metric[data-tone=warning]{ box-shadow: inset 0 2px 0 rgba(255,211,107,.5); }

#settings-ai-native-host .settings-metric[data-tone=danger]{ box-shadow: inset 0 2px 0 rgba(255,125,145,.5); }

#settings-ai-native-host .settings-pro-toolbar{
  display: grid;
  grid-template-columns: minmax(260px,2fr) repeat(3,minmax(130px,1fr)) auto auto auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--wtp-border);
  border-radius: 14px;
  background: var(--wtp-panel);
}

#settings-ai-native-host .settings-pro-toolbar label,#settings-ai-native-host .form-grid label,#settings-ai-native-host .settings-drawer__body > label{
  display: grid;
  gap: 6px;
  color: var(--wtp-muted);
  font-size: 12px;
}

#settings-ai-native-host .settings-pro-toolbar input,#settings-ai-native-host .settings-pro-toolbar select,#settings-ai-native-host .form-grid input,#settings-ai-native-host .form-grid select,#settings-ai-native-host .settings-field input,#settings-ai-native-host .settings-field select,#settings-ai-native-host .settings-field textarea,#settings-ai-native-host .settings-drawer input,#settings-ai-native-host .settings-drawer select,#settings-ai-native-host .settings-drawer textarea{
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--wtp-border);
  border-radius: 9px;
  background: rgba(7, 17, 31, .92);
  color: var(--wtp-text);
  padding: 9px 10px;
  font: inherit;
}

#settings-ai-native-host .settings-toggle{ display: flex !important; align-items: center; gap: 7px !important; padding: 8px; }

#settings-ai-native-host .settings-toggle input{ width: auto; }

#settings-ai-native-host .settings-pro-tabs{
  display: grid;
  grid-template-columns: repeat(8, minmax(0,1fr));
  gap: 8px;
}

#settings-ai-native-host .settings-pro-tabs button{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px;
  text-align: left;
  color: var(--wtp-text);
  border: 1px solid var(--wtp-border);
  border-radius: 13px;
  background: rgba(14, 27, 47, .85);
  padding: 12px;
  cursor: pointer;
}

#settings-ai-native-host .settings-pro-tabs button.active{ border-color: rgba(100,215,255,.55); background: rgba(24, 75, 105, .36); }

#settings-ai-native-host .settings-tab__icon{ font-size: 20px; color: var(--wtp-accent); }

#settings-ai-native-host .settings-tab__copy{ display: grid; gap: 3px; }

#settings-ai-native-host .settings-tab__copy strong{ font-size: 12px; }

#settings-ai-native-host .settings-tab__copy small{ font-size: 10px; color: var(--wtp-muted); line-height: 1.25; }

#settings-ai-native-host .settings-pro-main{ min-width: 0; }

#settings-ai-native-host .settings-domain{ display: grid; gap: 16px; }

#settings-ai-native-host .settings-domain__header{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  padding: 18px 20px;
  border: 1px solid var(--wtp-border);
  border-radius: 16px;
  background: var(--wtp-panel);
}

#settings-ai-native-host .settings-domain__header h3{ margin: 4px 0 6px; font-size: 24px; }

#settings-ai-native-host .settings-domain__header p{ margin: 0; color: var(--wtp-muted); }

#settings-ai-native-host .settings-domain__count{ color: var(--wtp-accent); font-size: 12px; }

#settings-ai-native-host .settings-grid{ display: grid; gap: 14px; }

#settings-ai-native-host .settings-grid--two{ grid-template-columns: repeat(2,minmax(0,1fr)); }

#settings-ai-native-host .settings-grid--three{ grid-template-columns: repeat(3,minmax(0,1fr)); }

#settings-ai-native-host .settings-panel{
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--wtp-border);
  border-radius: 15px;
  background: var(--wtp-panel);
}

#settings-ai-native-host .settings-panel > header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 13px;
}

#settings-ai-native-host .settings-panel h4{ margin: 0; font-size: 16px; }

#settings-ai-native-host .settings-panel p{ color: var(--wtp-muted); line-height: 1.5; }

#settings-ai-native-host .settings-field-grid{
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}

#settings-ai-native-host .settings-field{
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 225px;
  padding: 14px;
  border: 1px solid var(--wtp-border);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(18, 32, 55, .92), rgba(12, 24, 42, .92));
}

#settings-ai-native-host .settings-field__header{ display: flex; justify-content: space-between; gap: 8px; align-items: flex-start; }

#settings-ai-native-host .settings-field__header h4{ margin: 4px 0 0; font-size: 14px; }

#settings-ai-native-host .settings-field__key{ color: var(--wtp-accent); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; word-break: break-all; }

#settings-ai-native-host .settings-field p{ color: var(--wtp-muted); font-size: 12px; line-height: 1.45; margin: 0; }

#settings-ai-native-host .settings-field__control{ margin-top: auto; }

#settings-ai-native-host .settings-field footer{ display: flex; justify-content: space-between; gap: 8px; align-items: center; color: var(--wtp-muted); font-size: 10px; }

#settings-ai-native-host .settings-risk{ border: 1px solid var(--wtp-border); border-radius: 999px; padding: 3px 6px; color: var(--wtp-muted); font-size: 9px; text-transform: uppercase; }

#settings-ai-native-host .settings-link{ appearance: none; border: 0; background: none; color: var(--wtp-accent); padding: 0; cursor: pointer; font: inherit; }

#settings-ai-native-host .settings-table-wrap{ overflow: auto; }

#settings-ai-native-host .settings-table{ width: 100%; border-collapse: collapse; font-size: 12px; }

#settings-ai-native-host .settings-table th{ text-align: left; color: var(--wtp-muted); font-weight: 500; border-bottom: 1px solid var(--wtp-border); padding: 9px; }

#settings-ai-native-host .settings-table td{ padding: 10px 9px; border-bottom: 1px solid rgba(145,169,202,.09); vertical-align: top; }

#settings-ai-native-host .settings-table td strong,#settings-ai-native-host .settings-table td small{ display: block; }

#settings-ai-native-host .settings-table td small{ color: var(--wtp-muted); margin-top: 3px; }

#settings-ai-native-host .settings-badge{ display: inline-flex; border: 1px solid var(--wtp-border); border-radius: 999px; padding: 3px 7px; font-size: 10px; }

#settings-ai-native-host .settings-badge[data-tone=success]{ color: var(--wtp-success); border-color: rgba(104,224,165,.35); }

#settings-ai-native-host .settings-badge[data-tone=warning]{ color: var(--wtp-warning); border-color: rgba(255,211,107,.35); }

#settings-ai-native-host .settings-badge[data-tone=danger]{ color: var(--wtp-danger); border-color: rgba(255,125,145,.35); }

#settings-ai-native-host .resolved-list{ display: grid; gap: 7px; max-height: 420px; overflow: auto; }

#settings-ai-native-host .resolved-list > div{ display: grid; grid-template-columns: minmax(130px,.8fr) minmax(0,1.4fr); gap: 4px 12px; padding: 9px; border: 1px solid rgba(145,169,202,.1); border-radius: 10px; }

#settings-ai-native-host .resolved-list strong{ font-size: 11px; white-space: pre-wrap; word-break: break-word; }

#settings-ai-native-host .resolved-list small{ grid-column: 2; color: var(--wtp-muted); }

#settings-ai-native-host .precedence-list{ display: grid; gap: 10px; padding: 0; margin: 0; list-style: none; }

#settings-ai-native-host .precedence-list li{ display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: start; }

#settings-ai-native-host .precedence-list li > span{ display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--wtp-border); border-radius: 50%; color: var(--wtp-accent); }

#settings-ai-native-host .precedence-list li div{ display: grid; gap: 3px; }

#settings-ai-native-host .precedence-list small{ color: var(--wtp-muted); }

#settings-ai-native-host .governance-list{ display: grid; gap: 7px; }

#settings-ai-native-host .governance-list > div{ display: flex; justify-content: space-between; gap: 12px; padding: 9px; border: 1px solid rgba(145,169,202,.1); border-radius: 9px; }

#settings-ai-native-host .governance-list > div[data-tone=success] strong{ color: var(--wtp-success); }

#settings-ai-native-host .governance-list > div[data-tone=danger] strong{ color: var(--wtp-danger); }

#settings-ai-native-host .issue-list{ display: grid; gap: 8px; }

#settings-ai-native-host .issue-list > div{ display: grid; gap: 4px; padding: 9px; border-left: 2px solid var(--wtp-warning); background: rgba(255,211,107,.06); }

#settings-ai-native-host .issue-list span{ color: var(--wtp-muted); font-size: 12px; }

#settings-ai-native-host .settings-empty{ color: var(--wtp-muted); font-size: 12px; }

#settings-ai-native-host .provider-list{ display: grid; gap: 7px; }

#settings-ai-native-host .provider-list button{ display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; border: 1px solid rgba(145,169,202,.12); border-radius: 10px; padding: 10px; color: var(--wtp-text); background: rgba(7,17,31,.48); text-align: left; cursor: pointer; }

#settings-ai-native-host .provider-list button div{ display: grid; gap: 2px; }

#settings-ai-native-host .provider-list small,#settings-ai-native-host .provider-list em{ color: var(--wtp-muted); font-size: 10px; font-style: normal; }

#settings-ai-native-host .provider-dot{ width: 9px; height: 9px; border-radius: 50%; background: var(--wtp-muted); }

#settings-ai-native-host .provider-dot[data-tone=success]{ background: var(--wtp-success); }

#settings-ai-native-host .provider-dot[data-tone=warning]{ background: var(--wtp-warning); }

#settings-ai-native-host .model-list,#settings-ai-native-host .locale-list,#settings-ai-native-host .currency-list{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }

#settings-ai-native-host .model-list > div,#settings-ai-native-host .locale-list > div,#settings-ai-native-host .currency-list > div{ display: grid; gap: 3px; padding: 9px; border: 1px solid rgba(145,169,202,.1); border-radius: 9px; }

#settings-ai-native-host .model-list span,#settings-ai-native-host .model-list small,#settings-ai-native-host .locale-list span,#settings-ai-native-host .locale-list small,#settings-ai-native-host .currency-list span,#settings-ai-native-host .currency-list small{ color: var(--wtp-muted); font-size: 10px; }

#settings-ai-native-host .business-context-grid{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }

#settings-ai-native-host .business-context-grid article{ padding: 15px; border: 1px solid var(--wtp-border); border-radius: 14px; background: var(--wtp-panel); }

#settings-ai-native-host .business-context-grid article > span{ color: var(--wtp-accent); font-size: 10px; text-transform: uppercase; }

#settings-ai-native-host .business-context-grid h4{ margin: 6px 0; }

#settings-ai-native-host .business-context-grid p{ color: var(--wtp-muted); font-size: 12px; }

#settings-ai-native-host .business-context-grid dl{ margin: 10px 0 0; display: grid; gap: 5px; }

#settings-ai-native-host .business-context-grid dl div{ display: flex; justify-content: space-between; gap: 12px; font-size: 11px; }

#settings-ai-native-host .business-context-grid dt{ color: var(--wtp-muted); }

#settings-ai-native-host .business-context-grid dd{ margin: 0; }

#settings-ai-native-host .settings-callout{ padding: 14px 16px; border: 1px solid rgba(100,215,255,.25); border-radius: 13px; background: rgba(100,215,255,.06); }

#settings-ai-native-host .settings-callout strong{ color: var(--wtp-accent); }

#settings-ai-native-host .settings-callout p{ margin: 5px 0 0; color: var(--wtp-muted); line-height: 1.5; }

#settings-ai-native-host .settings-callout--warning{ border-color: rgba(255,211,107,.3); background: rgba(255,211,107,.06); }

#settings-ai-native-host .settings-callout--warning strong{ color: var(--wtp-warning); }

#settings-ai-native-host .settings-callout--privacy{ border-color: rgba(104,224,165,.28); background: rgba(104,224,165,.05); }

#settings-ai-native-host .settings-callout--privacy strong{ color: var(--wtp-success); }

#settings-ai-native-host .history-list{ display: grid; gap: 6px; max-height: 420px; overflow: auto; }

#settings-ai-native-host .history-list button{ display: grid; gap: 3px; text-align: left; color: var(--wtp-text); background: rgba(7,17,31,.52); border: 1px solid rgba(145,169,202,.1); border-radius: 9px; padding: 9px; cursor: pointer; }

#settings-ai-native-host .history-list span,#settings-ai-native-host .history-list small{ color: var(--wtp-muted); font-size: 10px; }

#settings-ai-native-host .settings-switch{ display: flex !important; align-items: center; gap: 9px !important; cursor: pointer; }

#settings-ai-native-host .settings-switch input{ position: absolute; opacity: 0; pointer-events: none; }

#settings-ai-native-host .settings-switch > span{ position: relative; width: 36px; height: 20px; border-radius: 999px; background: rgba(145,169,202,.25); transition: .18s ease; }

#settings-ai-native-host .settings-switch > span::after{ content: ''; position: absolute; width: 14px; height: 14px; left: 3px; top: 3px; border-radius: 50%; background: #fff; transition: .18s ease; }

#settings-ai-native-host .settings-switch input:checked + span{ background: rgba(100,215,255,.55); }

#settings-ai-native-host .settings-switch input:checked + span::after{ transform: translateX(16px); }

#settings-ai-native-host .settings-switch em{ font-style: normal; color: var(--wtp-muted); font-size: 11px; }

#settings-ai-native-host .settings-drawer{ position: fixed; inset: 0; z-index: 50; display: flex; justify-content: flex-end; }

#settings-ai-native-host .settings-drawer__backdrop{ position: absolute; inset: 0; width: 100%; border: 0; background: rgba(0,0,0,.58); cursor: default; }

#settings-ai-native-host .settings-drawer__panel{ position: relative; width: min(720px, 92vw); height: 100%; display: grid; grid-template-rows: auto 1fr; background: #0c182b; border-left: 1px solid var(--wtp-border); box-shadow: -20px 0 60px rgba(0,0,0,.35); }

#settings-ai-native-host .settings-drawer__header{ display: flex; justify-content: space-between; gap: 12px; padding: 18px; border-bottom: 1px solid var(--wtp-border); }

#settings-ai-native-host .settings-drawer__header h3{ margin: 4px 0 0; text-transform: capitalize; }

#settings-ai-native-host .settings-close{ border: 1px solid var(--wtp-border); background: none; color: var(--wtp-text); border-radius: 9px; width: 34px; height: 34px; cursor: pointer; }

#settings-ai-native-host .settings-drawer__body{ padding: 18px; overflow: auto; display: grid; align-content: start; gap: 16px; }

#settings-ai-native-host .settings-drawer__body h4{ margin: 0; font-size: 20px; }

#settings-ai-native-host .form-grid{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }

#settings-ai-native-host .settings-mode-boundary{ display: grid; gap: 10px; padding: 13px; border: 1px solid rgba(255,211,107,.25); border-radius: 12px; background: rgba(255,211,107,.05); }

#settings-ai-native-host .settings-mode-boundary p{ margin: 0; color: var(--wtp-muted); font-size: 11px; }

#settings-ai-native-host .secret-ref-editor{ display: grid; gap: 9px; padding: 13px; border: 1px solid var(--wtp-border); border-radius: 12px; }

#settings-ai-native-host .secret-ref-editor header{ display: flex; justify-content: space-between; gap: 10px; }

#settings-ai-native-host .secret-ref-editor h5{ margin: 0; }

#settings-ai-native-host .secret-ref-row{ display: grid; grid-template-columns: .8fr 1.4fr auto; gap: 7px; }

#settings-ai-native-host .secret-ref-row button{ border: 1px solid rgba(255,125,145,.25); background: rgba(255,125,145,.06); color: var(--wtp-danger); border-radius: 8px; padding: 0 9px; }

#settings-ai-native-host .validation-result{ display: grid; gap: 7px; padding: 13px; border: 1px solid var(--wtp-border); border-radius: 12px; }

#settings-ai-native-host .validation-result header{ display: flex; justify-content: space-between; }

#settings-ai-native-host .validation-result h5{ margin: 0; }

#settings-ai-native-host .validation-result header span{ color: var(--wtp-danger); }

#settings-ai-native-host .validation-result header span.ok{ color: var(--wtp-success); }

#settings-ai-native-host .validation-item{ padding: 8px; border-radius: 8px; font-size: 11px; }

#settings-ai-native-host .validation-item--error{ background: rgba(255,125,145,.08); color: #ffdce2; }

#settings-ai-native-host .validation-item--warning{ background: rgba(255,211,107,.08); color: #fff1bf; }

#settings-ai-native-host .drawer-actions{ display: flex; gap: 8px; justify-content: flex-end; position: sticky; bottom: -18px; padding: 14px 0 0; background: linear-gradient(180deg, transparent, #0c182b 28%); }

#settings-ai-native-host .settings-dl{ display: grid; gap: 8px; margin: 0; }

#settings-ai-native-host .settings-dl > div{ display: grid; grid-template-columns: minmax(130px,.7fr) 1fr; gap: 12px; padding: 8px 0; border-bottom: 1px solid rgba(145,169,202,.1); }

#settings-ai-native-host .settings-dl dt{ color: var(--wtp-muted); }

#settings-ai-native-host .settings-dl dd{ margin: 0; word-break: break-word; }

#settings-ai-native-host .settings-json,#settings-ai-native-host .history-detail pre{ padding: 12px; border: 1px solid var(--wtp-border); border-radius: 10px; background: #07111f; color: #dcecff; white-space: pre-wrap; overflow: auto; font-size: 11px; }

#settings-ai-native-host.settings-domain--ai .settings-field--default_model_profile{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--default_model_profile:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--default_model_profile:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--default_model_profile .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--default_model_profile .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-field--assistant_mode{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--assistant_mode:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--assistant_mode:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--assistant_mode .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--assistant_mode .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-field--agent_mode_enabled{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--agent_mode_enabled:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--agent_mode_enabled:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--agent_mode_enabled .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--agent_mode_enabled .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-field--agent_policy_ref{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--agent_policy_ref:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--agent_policy_ref:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--agent_policy_ref .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--agent_policy_ref .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-field--routing_strategy{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--routing_strategy:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--routing_strategy:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--routing_strategy .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--routing_strategy .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-field--fallback_profile{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--fallback_profile:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--fallback_profile:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--fallback_profile .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--fallback_profile .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-field--max_context_tokens{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--max_context_tokens:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--max_context_tokens:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--max_context_tokens .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--max_context_tokens .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-field--max_output_tokens{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--max_output_tokens:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--max_output_tokens:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--max_output_tokens .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--max_output_tokens .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-field--temperature{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--temperature:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--temperature:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--temperature .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--temperature .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-field--cost_budget_daily{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--cost_budget_daily:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--cost_budget_daily:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--cost_budget_daily .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--cost_budget_daily .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-field--latency_budget_ms{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--latency_budget_ms:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--latency_budget_ms:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--latency_budget_ms .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--latency_budget_ms .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-field--provider_region{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--provider_region:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--provider_region:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--provider_region .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--provider_region .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-field--model_residency_required{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--model_residency_required:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--model_residency_required:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--model_residency_required .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--model_residency_required .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-field--prompt_registry_ref{
  grid-column: span 1;
  position: relative;
  isolation: isolate;
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

#settings-ai-native-host.settings-domain--ai .settings-field--prompt_registry_ref:hover{
  border-color: rgba(100, 215, 255, .34);
  transform: translateY(-1px);
}

#settings-ai-native-host.settings-domain--ai .settings-field--prompt_registry_ref:focus-within{
  border-color: rgba(100, 215, 255, .52);
  background: linear-gradient(180deg, rgba(22, 41, 67, .96), rgba(13, 28, 48, .96));
}

#settings-ai-native-host.settings-domain--ai .settings-field--prompt_registry_ref .settings-field__control{
  min-width: 0;
}

#settings-ai-native-host.settings-domain--ai .settings-field--prompt_registry_ref .settings-field__key{
  max-width: 180px;
}

#settings-ai-native-host.settings-domain--ai .settings-domain__header{ box-shadow: inset 3px 0 0 rgba(100,215,255,.55); }

#settings-ai-native-host .settings-domain--business .settings-domain__header{ box-shadow: inset 3px 0 0 rgba(181,133,255,.55); }

#settings-ai-native-host .settings-domain--localization .settings-domain__header{ box-shadow: inset 3px 0 0 rgba(255,211,107,.55); }

#settings-ai-native-host .settings-domain--privacy .settings-domain__header{ box-shadow: inset 3px 0 0 rgba(104,224,165,.55); }

#settings-ai-native-host .settings-domain--flags .settings-domain__header{ box-shadow: inset 3px 0 0 rgba(255,125,145,.55); }

#settings-ai-native-host .settings-domain--channels .settings-domain__header{ box-shadow: inset 3px 0 0 rgba(105,164,255,.55); }

#settings-ai-native-host .settings-domain--governance .settings-domain__header{ box-shadow: inset 3px 0 0 rgba(187,200,218,.48); }

#settings-ai-native-host.settings-pro-shell--compact .settings-field{ min-height: 178px; padding: 10px; }

#settings-ai-native-host.settings-pro-shell--compact .settings-field p{ display: none; }

#settings-ai-native-host.settings-pro-shell--compact .settings-pro-header{ padding: 14px; }

#settings-ai-native-host.settings-pro-shell--compact .settings-panel{ padding: 12px; }

@media (max-width: 1500px){
#settings-ai-native-host .settings-pro-metrics{ grid-template-columns: repeat(4,minmax(0,1fr)); }

#settings-ai-native-host .settings-pro-tabs{ grid-template-columns: repeat(4,minmax(0,1fr)); }

#settings-ai-native-host .settings-field-grid{ grid-template-columns: repeat(3,minmax(0,1fr)); }

#settings-ai-native-host .settings-pro-toolbar{ grid-template-columns: minmax(260px,2fr) repeat(3,minmax(120px,1fr)); }

#settings-ai-native-host .settings-pro-toolbar .settings-toggle{ justify-self: start; }

}

@media (max-width: 1120px){
#settings-ai-native-host .settings-pro-header{ flex-direction: column; }

#settings-ai-native-host .settings-pro-header__actions{ justify-content: flex-start; }

#settings-ai-native-host .settings-pro-safety{ grid-template-columns: repeat(2,minmax(0,1fr)); }

#settings-ai-native-host .settings-grid--three{ grid-template-columns: 1fr; }

#settings-ai-native-host .settings-grid--two{ grid-template-columns: 1fr; }

#settings-ai-native-host .settings-field-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }

#settings-ai-native-host .business-context-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }

}

@media (max-width: 760px){
#settings-ai-native-host.settings-pro-shell{ padding: 10px; }

#settings-ai-native-host .settings-pro-metrics{ grid-template-columns: repeat(2,minmax(0,1fr)); }

#settings-ai-native-host .settings-pro-tabs{ grid-template-columns: repeat(2,minmax(0,1fr)); }

#settings-ai-native-host .settings-pro-toolbar{ grid-template-columns: 1fr; }

#settings-ai-native-host .settings-field-grid{ grid-template-columns: 1fr; }

#settings-ai-native-host .settings-field{ grid-column: span 1 !important; }

#settings-ai-native-host .business-context-grid{ grid-template-columns: 1fr; }

#settings-ai-native-host .form-grid{ grid-template-columns: 1fr; }

#settings-ai-native-host .secret-ref-row{ grid-template-columns: 1fr; }

#settings-ai-native-host .model-list,#settings-ai-native-host .locale-list,#settings-ai-native-host .currency-list{ grid-template-columns: 1fr; }

#settings-ai-native-host .settings-pro-safety{ grid-template-columns: 1fr; }

#settings-ai-native-host .settings-drawer__panel{ width: 100vw; }

}

/* Quality declared scenario only. */
.interaction-voice-quality form{display:grid;gap:12px;min-width:0}.interaction-voice-quality label{display:grid;gap:6px;min-width:0}.interaction-voice-quality textarea,.interaction-voice-quality select,.interaction-voice-quality input,.interaction-voice-quality pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.interaction-voice-quality pre{max-height:420px;overflow:auto}.interaction-voice-quality button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* Quality declared scenario only. */
.voice-capture-preview form{display:grid;gap:12px;min-width:0}.voice-capture-preview label{display:grid;gap:6px;min-width:0}.voice-capture-preview textarea,.voice-capture-preview select,.voice-capture-preview input,.voice-capture-preview pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.voice-capture-preview pre{max-height:420px;overflow:auto}.voice-capture-preview button{white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* Prospective original Import CSS. See CSS_SOURCE_MAP.json. No global selectors. */
/* Original SCSS 6–49. */
#import-recovery.integrations-pro {
    --wtp-bg: #07111f;
    --wtp-panel: rgba(10, 24, 42, .92);
    --wtp-panel-soft: rgba(14, 31, 52, .76);
    --wtp-panel-strong: rgba(7, 18, 32, .98);
    --wtp-border: rgba(139, 178, 214, .19);
    --wtp-border-strong: rgba(139, 178, 214, .31);
    --wtp-text: #edf7ff;
    --wtp-text-soft: #9cb2c8;
    --wtp-text-muted: #71869b;
    --wtp-accent: #35d6b4;
    --wtp-accent-soft: rgba(53, 214, 180, .14);
    --wtp-info: #5da9ff;
    --wtp-info-soft: rgba(93, 169, 255, .13);
    --wtp-warning: #f5bd56;
    --wtp-warning-soft: rgba(245, 189, 86, .13);
    --wtp-danger: #ff718c;
    --wtp-danger-soft: rgba(255, 113, 140, .13);
    --wtp-shadow: 0 24px 70px rgba(0, 0, 0, .24);
    --wtp-radius-xl: 24px;
    --wtp-radius-lg: 18px;
    --wtp-radius-md: 14px;
    --wtp-radius-sm: 10px;
    color: var(--wtp-text);
    min-width: 0;
    position: relative;
}

#import-recovery.integrations-pro *,
#import-recovery.integrations-pro *::before,
#import-recovery.integrations-pro *::after {
    box-sizing: border-box;
}

#import-recovery.integrations-pro button,
#import-recovery.integrations-pro input,
#import-recovery.integrations-pro select,
#import-recovery.integrations-pro textarea {
    font: inherit;
}

#import-recovery.integrations-pro button {
    color: inherit;
}

/* Original SCSS 116–171. */
#import-recovery:where(.integrations-pro) .wtp-eyebrow {
    color: var(--wtp-accent);
    display: inline-flex;
    font-size: 11px;
    font-weight: 760;
    letter-spacing: .14em;
    line-height: 1.3;
    text-transform: uppercase;
}

#import-recovery:where(.integrations-pro) .wtp-btn {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 11px;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 690;
    gap: 8px;
    justify-content: center;
    line-height: 1;
    min-height: 40px;
    padding: 0 15px;
    transition:
        border-color .18s ease,
        background .18s ease,
        transform .18s ease,
        opacity .18s ease;
}

#import-recovery:where(.integrations-pro) .wtp-btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

#import-recovery:where(.integrations-pro) .wtp-btn:disabled {
    cursor: not-allowed;
    opacity: .42;
}

#import-recovery:where(.integrations-pro) .wtp-btn--primary {
    background: linear-gradient(135deg, rgba(53, 214, 180, .94), rgba(57, 185, 207, .92));
    border-color: rgba(113, 235, 210, .28);
    color: #04131a;
}

#import-recovery:where(.integrations-pro) .wtp-btn--ghost {
    background: rgba(255, 255, 255, .035);
    border-color: var(--wtp-border);
    color: var(--wtp-text);
}

#import-recovery:where(.integrations-pro) .wtp-btn--ghost:hover:not(:disabled) {
    background: rgba(255, 255, 255, .07);
    border-color: var(--wtp-border-strong);
}

/* Original SCSS 236–274. */
#import-recovery:where(.integrations-pro) .integration-notice {
    align-items: center;
    border: 1px solid var(--wtp-border);
    border-radius: 12px;
    display: flex;
    gap: 12px;
    padding: 11px 14px;
}

#import-recovery:where(.integrations-pro) .integration-notice strong {
    flex: 0 0 auto;
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

#import-recovery:where(.integrations-pro) .integration-notice span {
    color: var(--wtp-text-soft);
    font-size: 12px;
}

#import-recovery:where(.integrations-pro) .integration-notice--danger {
    background: var(--wtp-danger-soft);
    border-color: rgba(255, 113, 140, .28);
}

#import-recovery:where(.integrations-pro) .integration-notice--danger strong {
    color: var(--wtp-danger);
}

#import-recovery:where(.integrations-pro) .integration-notice--success {
    background: var(--wtp-accent-soft);
    border-color: rgba(53, 214, 180, .28);
}

#import-recovery:where(.integrations-pro) .integration-notice--success strong {
    color: var(--wtp-accent);
}

/* Shared input/focus declaration dependency; source order542/567. */
#import-recovery:where(.integrations-pro) .hc065-import-card input,
#import-recovery:where(.integrations-pro) .hc065-import-card select,
#import-recovery:where(.integrations-pro) .hc065-import-card textarea {
    background: rgba(255, 255, 255, .035);
    border: 1px solid var(--wtp-border);
    border-radius: 9px;
    color: var(--wtp-text);
    min-height: 38px;
    outline: none;
    padding: 8px 10px;
    transition: border-color .18s ease, background .18s ease;
    width: 100%;
}
#import-recovery:where(.integrations-pro) .hc065-import-card input:focus,
#import-recovery:where(.integrations-pro) .hc065-import-card select:focus,
#import-recovery:where(.integrations-pro) .hc065-import-card textarea:focus {
    background: rgba(255, 255, 255, .052);
    border-color: rgba(53, 214, 180, .42);
}
/* Original SCSS 704–749. */
#import-recovery:where(.integrations-pro) .status-pill {
    align-items: center;
    border: 1px solid var(--wtp-border);
    border-radius: 999px;
    display: inline-flex;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .035em;
    min-height: 21px;
    padding: 0 7px;
    text-transform: uppercase;
    white-space: nowrap;
}

#import-recovery:where(.integrations-pro) .status-pill {
    font-size: 9px;
    min-height: 26px;
    padding: 0 9px;
}

#import-recovery:where(.integrations-pro) .status-pill[data-tone='success'] {
    background: var(--wtp-accent-soft);
    border-color: rgba(53, 214, 180, .24);
    color: var(--wtp-accent);
}

#import-recovery:where(.integrations-pro) .status-pill[data-tone='warning'] {
    background: var(--wtp-warning-soft);
    border-color: rgba(245, 189, 86, .24);
    color: var(--wtp-warning);
}

#import-recovery:where(.integrations-pro) .status-pill[data-tone='danger'] {
    background: var(--wtp-danger-soft);
    border-color: rgba(255, 113, 140, .24);
    color: var(--wtp-danger);
}

#import-recovery:where(.integrations-pro) .status-pill[data-tone='muted'] {
    background: rgba(255, 255, 255, .035);
    color: var(--wtp-text-muted);
}

/* Original SCSS 877–908. */
#import-recovery:where(.integrations-pro).workspace-panel {
    min-width: 0;
    padding: 20px;
}

#import-recovery:where(.integrations-pro) .panel-heading,
#import-recovery:where(.integrations-pro) .subheading {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 17px;
}

#import-recovery:where(.integrations-pro) .panel-heading h3,
#import-recovery:where(.integrations-pro) .subheading h4 {
    font-size: 17px;
    margin: 4px 0 5px;
}

#import-recovery:where(.integrations-pro) .subheading h4 {
    font-size: 14px;
}

#import-recovery:where(.integrations-pro) .panel-heading p,
#import-recovery:where(.integrations-pro) .subheading p {
    color: var(--wtp-text-muted);
    font-size: 10px;
    line-height: 1.55;
    margin: 0;
}

/* Original SCSS 2275–2468. */
#import-recovery:where(.integrations-pro).hc065-import {
    min-width: 0;
    overflow: hidden;
}

#import-recovery:where(.integrations-pro) .hc065-import__heading,
#import-recovery:where(.integrations-pro) .hc065-import-grid,
#import-recovery:where(.integrations-pro) .hc065-import-card,
#import-recovery:where(.integrations-pro) .hc065-import-commit {
    min-width: 0;
}

#import-recovery:where(.integrations-pro) .hc065-import__truth {
    align-self: flex-start;
    background: var(--wtp-accent-soft);
    border: 1px solid rgba(53, 214, 180, .3);
    border-radius: 999px;
    color: var(--wtp-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    padding: 8px 11px;
    white-space: nowrap;
}

#import-recovery:where(.integrations-pro) .hc065-import-rail {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    list-style: none;
    margin: 18px 0;
    padding: 0;
}

#import-recovery:where(.integrations-pro) .hc065-import-rail li {
    background: rgba(255, 255, 255, .025);
    border: 1px solid var(--wtp-border);
    border-radius: 12px;
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 10px;
}

#import-recovery:where(.integrations-pro) .hc065-import-rail li > span {
    align-items: center;
    background: rgba(113, 134, 155, .16);
    border-radius: 50%;
    color: var(--wtp-text-muted);
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    height: 22px;
    justify-content: center;
    width: 22px;
}

#import-recovery:where(.integrations-pro) .hc065-import-rail strong,
#import-recovery:where(.integrations-pro) .hc065-import-rail small,
#import-recovery:where(.integrations-pro) .hc065-import-card,
#import-recovery:where(.integrations-pro) .hc065-import-commit,
#import-recovery:where(.integrations-pro) .hc065-import-hint {
    overflow-wrap: anywhere;
}

#import-recovery:where(.integrations-pro) .hc065-import-rail strong { font-size: 11px; line-height: 1.25; }

#import-recovery:where(.integrations-pro) .hc065-import-rail small { color: var(--wtp-text-muted); font-size: 9px; line-height: 1.35; }

#import-recovery:where(.integrations-pro) .hc065-import-rail .is-ready { border-color: rgba(53, 214, 180, .3); }

#import-recovery:where(.integrations-pro) .hc065-import-rail .is-ready > span { background: var(--wtp-accent-soft); color: var(--wtp-accent); }

#import-recovery:where(.integrations-pro) .hc065-import-rail .is-hold { background: var(--wtp-warning-soft); border-color: rgba(245, 189, 86, .3); }

#import-recovery:where(.integrations-pro) .hc065-import-rail .is-hold > span { background: rgba(245, 189, 86, .2); color: var(--wtp-warning); }

#import-recovery:where(.integrations-pro) .hc065-import-boundaries {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 16px;
}

#import-recovery:where(.integrations-pro) .hc065-import-boundaries article,
#import-recovery:where(.integrations-pro) .hc065-import-card,
#import-recovery:where(.integrations-pro) .hc065-import-commit {
    background: var(--wtp-panel-soft);
    border: 1px solid var(--wtp-border);
    border-radius: 14px;
    padding: 15px;
}

#import-recovery:where(.integrations-pro) .hc065-import-boundaries article { display: grid; gap: 5px; }

#import-recovery:where(.integrations-pro) .hc065-import-boundaries strong { font-size: 12px; }

#import-recovery:where(.integrations-pro) .hc065-import-boundaries small,
#import-recovery:where(.integrations-pro) .hc065-import-card p,
#import-recovery:where(.integrations-pro) .hc065-import-commit small,
#import-recovery:where(.integrations-pro) .hc065-import-commit > span { color: var(--wtp-text-muted); font-size: 10px; line-height: 1.5; }

#import-recovery:where(.integrations-pro) .hc065-import-boundaries .is-hold { background: var(--wtp-warning-soft); border-color: rgba(245, 189, 86, .3); }

#import-recovery:where(.integrations-pro) .hc065-import-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 12px;
}

#import-recovery:where(.integrations-pro) .hc065-import-grid--results { grid-template-columns: repeat(3, minmax(0, 1fr)); }

#import-recovery:where(.integrations-pro) .hc065-import-card { display: grid; gap: 12px; }

#import-recovery:where(.integrations-pro) .hc065-import-card h4,
#import-recovery:where(.integrations-pro) .hc065-import-commit h4 { margin: 4px 0 0; }

#import-recovery:where(.integrations-pro) .hc065-import-card code { color: var(--wtp-accent); }

#import-recovery:where(.integrations-pro) .hc065-import-card details { min-width: 0; }

#import-recovery:where(.integrations-pro) .hc065-import-card pre { max-height: 280px; overflow: auto; white-space: pre-wrap; word-break: break-word; }

#import-recovery:where(.integrations-pro) .hc065-import-form {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#import-recovery:where(.integrations-pro) .hc065-import-form label,
#import-recovery:where(.integrations-pro) .hc065-import-card > label,
#import-recovery:where(.integrations-pro) .hc065-import-mapping {
    color: var(--wtp-text-muted);
    display: grid;
    font-size: 10px;
    gap: 6px;
    min-width: 0;
}

#import-recovery:where(.integrations-pro) .hc065-import-form .is-wide { grid-column: 1 / -1; }

#import-recovery:where(.integrations-pro) .hc065-import-mapping textarea { min-height: 190px; resize: vertical; }

#import-recovery:where(.integrations-pro) .hc065-import-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }

#import-recovery:where(.integrations-pro) .hc065-import-actions small { color: var(--wtp-text-muted); flex: 1 1 190px; font-size: 10px; }

#import-recovery:where(.integrations-pro) .hc065-import-hint,
#import-recovery:where(.integrations-pro) .hc065-import-empty { background: rgba(93, 169, 255, .08); border-radius: 9px; color: var(--wtp-text-muted); font-size: 10px; margin: 0; padding: 10px; }

#import-recovery:where(.integrations-pro) .hc065-import-facts {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

#import-recovery:where(.integrations-pro) .hc065-import-facts div,
#import-recovery:where(.integrations-pro) .hc065-import-job { background: rgba(255, 255, 255, .025); border: 1px solid var(--wtp-border); border-radius: 9px; display: grid; gap: 3px; min-width: 0; padding: 9px; }

#import-recovery:where(.integrations-pro) .hc065-import-facts dt { color: var(--wtp-text-muted); font-size: 9px; text-transform: uppercase; }

#import-recovery:where(.integrations-pro) .hc065-import-facts dd { font-size: 11px; margin: 0; overflow-wrap: anywhere; }

#import-recovery:where(.integrations-pro) .hc065-import-job span { color: var(--wtp-text-muted); font-size: 10px; overflow-wrap: anywhere; }

#import-recovery:where(.integrations-pro) .hc065-import-commit {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: 4px;
}

#import-recovery:where(.integrations-pro) .hc065-import-commit p { color: var(--wtp-warning); margin: 6px 0; }

#import-recovery:where(.integrations-pro) .hc065-import-commit > span { grid-column: 1 / -1; }

@media (max-width: 1024px) {
#import-recovery:where(.integrations-pro) .hc065-import-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); }

#import-recovery:where(.integrations-pro) .hc065-import-grid--results { grid-template-columns: 1fr; }

#import-recovery:where(.integrations-pro).hc065-import { max-width: 100%; }

}
@media (max-width: 768px) {
#import-recovery:where(.integrations-pro) .hc065-import-rail,
#import-recovery:where(.integrations-pro) .hc065-import-boundaries,
#import-recovery:where(.integrations-pro) .hc065-import-grid,
#import-recovery:where(.integrations-pro) .hc065-import-form,
#import-recovery:where(.integrations-pro) .hc065-import-facts,
#import-recovery:where(.integrations-pro) .hc065-import-commit { grid-template-columns: 1fr; }

#import-recovery:where(.integrations-pro) .hc065-import-rail li { grid-template-columns: auto minmax(0, 1fr); }

#import-recovery:where(.integrations-pro) .hc065-import-rail li small { grid-column: 2; }

#import-recovery:where(.integrations-pro) .hc065-import-form .is-wide,
#import-recovery:where(.integrations-pro) .hc065-import-commit > span { grid-column: 1; }

#import-recovery:where(.integrations-pro) .hc065-import-actions,
#import-recovery:where(.integrations-pro) .hc065-import-actions .wtp-btn,
#import-recovery:where(.integrations-pro) .hc065-import-commit .wtp-btn { width: 100%; }

}
@media (max-width: 390px) {
#import-recovery:where(.integrations-pro) .hc065-import-card,
#import-recovery:where(.integrations-pro) .hc065-import-boundaries article,
#import-recovery:where(.integrations-pro) .hc065-import-commit { padding: 12px; }

#import-recovery:where(.integrations-pro) .hc065-import__truth { white-space: normal; }

}
@media (max-width: 320px) {
#import-recovery:where(.integrations-pro) .hc065-import-rail { gap: 5px; }

#import-recovery:where(.integrations-pro) .hc065-import-card input,
#import-recovery:where(.integrations-pro) .hc065-import-card select,
#import-recovery:where(.integrations-pro) .hc065-import-card textarea,
#import-recovery:where(.integrations-pro) .hc065-import-card .wtp-btn { max-width: 100%; width: 100%; }

}
/* Applicable original shared760px dependencies, source2588–2597. */
@media (max-width: 760px) {
#import-recovery:where(.integrations-pro).workspace-panel {
        padding: 14px;
    }

#import-recovery:where(.integrations-pro) .panel-heading,
#import-recovery:where(.integrations-pro) .subheading {
        align-items: stretch;
        flex-direction: column;
    }

}
/* Applicable original reduced-motion dependency2686–2694. */
@media (prefers-reduced-motion: reduce) {
#import-recovery:where(.integrations-pro) .wtp-btn {
        animation: none !important;
        transition: none !important;
}

}
/* Applicable original print dependencies2696–2726. */
@media print {
#import-recovery:where(.integrations-pro) button {
        display: none !important;
}

#import-recovery:where(.integrations-pro).workspace-panel {
        background: #fff !important;
        border-color: #bbb !important;
        box-shadow: none !important;
        color: #111 !important;
}

#import-recovery.integrations-pro,
#import-recovery.integrations-pro * {
        color: #111 !important;
}

}
#import-recovery:where(.integrations-pro) [hidden] { display: none; }