:root{
  --bg:#f6f8fc;
  --surface:#ffffff;
  --surface-alt:#f0f4fb;
  --ink:#0b1637;
  --muted:#53627f;
  --line:#cfe0ff;
  --line-strong:#8fb0ff;
  --nav:#071a49;
  --nav-2:#0b245f;
  --nav-pill:#0d255d;
  --nav-pill-active:#2f66da;
  --blue:#2f66da;
  --blue-soft:#edf3ff;
  --green:#34b57b;
  --purple:#8b6cff;
  --gold:#d8a93a;
  --cyan:#2ba9f7;
  --amber:#c9901b;
  --shadow:0 16px 34px rgba(11, 22, 55, 0.08);
  --radius:24px;
  --radius-sm:16px;
  --radius-xs:12px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
button,select,input{font:inherit}
a{text-decoration:none;color:inherit}

.page{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

.header-wrap{
  background:linear-gradient(180deg,var(--nav) 0%, #09235c 100%);
  color:#fff;
  padding:18px 22px 12px;
  box-shadow:0 8px 24px rgba(6,18,53,.22);
}

.topbar{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(145,176,255,.22);
  border-radius:28px;
  padding:18px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.brand{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
.logo-mark{
  width:88px;
  height:88px;
  border-radius:22px;
  background:linear-gradient(180deg,#17346f 0%, #0c214f 100%);
  border:1px solid rgba(173,198,255,.3);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.logo-mark .logo-uis{
  font-size:34px;
  font-weight:800;
  letter-spacing:.03em;
  line-height:1;
}
.logo-mark .logo-line{
  margin-top:6px;
  width:42px;
  height:2px;
  background:rgba(255,255,255,.65);
}
.brand-text h1{
  margin:0;
  font-size:40px;
  line-height:1.04;
  letter-spacing:-.03em;
}
.brand-text p{
  margin:6px 0 0;
  font-size:18px;
  color:rgba(255,255,255,.85);
}
.brand-text .subsmall{
  display:block;
  margin-top:8px;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:rgba(255,255,255,.54);
}

.role-box{
  min-width:270px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.role-box label{
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.78);
}
.role-box select{
  height:60px;
  border-radius:18px;
  background:#072153;
  color:#fff;
  border:1px solid rgba(173,198,255,.28);
  padding:0 18px;
  outline:none;
}

.nav-shell{
  margin-top:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(145,176,255,.2);
  border-radius:28px;
  padding:18px;
}
.nav-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px 12px;
}
.nav-pill{
  border:1px solid rgba(143,176,255,.28);
  color:#fff;
  background:rgba(255,255,255,.02);
  height:48px;
  padding:0 18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  transition:.18s ease;
  font-weight:600;
}
.nav-pill:hover{transform:translateY(-1px);border-color:rgba(173,198,255,.45)}
.nav-pill.active{
  background:linear-gradient(180deg,#4578e8 0%, #2f66da 100%);
  border-color:#4c7de8;
  box-shadow:0 10px 20px rgba(47,102,218,.24);
}
.nav-pill.small{
  height:42px;
  font-weight:500;
}

.content{
  width:min(1440px, calc(100% - 44px));
  margin:28px auto 30px;
  display:flex;
  flex-direction:column;
  gap:22px;
}

.breadcrumbs{
  display:flex;
  gap:8px;
  align-items:center;
  font-size:13px;
  color:#6f80a3;
}
.breadcrumbs .dot{width:4px;height:4px;background:#9bb3e5;border-radius:999px}

.hero-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:22px;
}

.card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.hero-card{
  padding:28px 28px 24px;
}
.eyebrow{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-weight:700;
  color:#4a74da;
  margin-bottom:10px;
}
.title-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.title-row h2{
  font-size:32px;
  line-height:1.08;
  letter-spacing:-.03em;
  margin:0;
}
.help-btn{
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid var(--line-strong);
  background:#fff;
  color:#16316f;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(20,49,111,.08);
}
.hero-copy{
  color:var(--muted);
  font-size:17px;
  line-height:1.55;
  margin:12px 0 0;
}
.hero-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:20px;
}
.form-label{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:700;
  color:#3459b0;
  margin-bottom:10px;
}
.stack{display:flex;flex-direction:column;gap:16px}
.input{
  height:56px;
  border:1px solid var(--line);
  background:#fbfcff;
  border-radius:18px;
  padding:0 18px;
  color:var(--ink);
}
.cta-stack{display:flex;flex-direction:column;gap:16px}
.btn{
  min-height:56px;
  border-radius:20px;
  border:1px solid var(--line-strong);
  padding:0 20px;
  background:#fff;
  color:#17316b;
  cursor:pointer;
  font-weight:700;
}
.btn.primary{
  background:linear-gradient(180deg,#dbe7ff 0%, #b5cdfd 100%);
  color:#0a1d4d;
  border-color:#9cbcff;
}
.btn.secondary{
  background:#fff;
}
.btn.ghost{
  background:var(--surface-alt);
}
.btn.small{
  min-height:40px;
  padding:0 14px;
  border-radius:14px;
  font-size:14px;
}

.info-strip{
  margin-top:22px;
  background:var(--surface-alt);
  border:1px solid var(--line);
  border-radius:24px;
  padding:18px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:16px;
  align-items:center;
}
.banner{
  border-radius:18px;
  overflow:hidden;
  min-height:140px;
  background-size:cover;
  background-position:center;
}
.banner.entry{background-image:url('assets/entry_banner.jpg')}
.banner.pathways{background-image:url('assets/pathway_banner.jpg')}
.banner.security{background-image:url('assets/security_banner.jpg')}
.banner.ops{background-image:url('assets/ops_banner.jpg')}
.banner.slim{min-height:124px}

.subpanel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:18px;
}
.subpanel h3{
  margin:0 0 8px;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:#446fe0;
}
.subpanel p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}
.legend-grid,
.metrics-grid,
.model-grid,
.tile-grid,
.provider-grid,
.pathway-grid,
.workspace-grid{
  display:grid;
  gap:18px;
}
.legend-grid{grid-template-columns:repeat(2,1fr); margin-top:16px}
.legend-card, .metric-card, .provider-card, .tile-card, .record-card, .model-card, .path-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:18px;
}
.legend-card.selected, .provider-chip.active, .choice-chip.active, .path-chip.active, .role-chip.active, .data-chip.active, .board-agent.active, .board-item.selected, .task-card.active, .record-card.active{
  background:var(--blue-soft);
  border-color:var(--line-strong);
  box-shadow:0 10px 24px rgba(44,88,197,.12);
}
.legend-line{
  display:flex;
  align-items:center;
  gap:12px;
}
.swatch{
  width:14px;height:14px;border-radius:999px;flex:none;
}
.sw-uis{background:#8fb0ff}
.sw-veriwild{background:#54d98a}
.sw-synterra{background:#9a7cff}
.sw-vwaf{background:#e4b14b}
.sw-idc{background:#d8a93a}
.sw-security{background:#45b6f8}

.color-meaning{
  margin-top:18px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:18px;
}
.mini-title{
  font-size:13px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#446fe0;
  font-weight:700;
}
.meaning-box{
  margin-top:10px;
  padding:16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:#fff;
}
.status-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:14px;
}
.status-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid var(--line);
  border-radius:18px;
  padding:12px 14px;
  background:#fff;
}
.badge{
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}
.badge.pending{background:#fff3cf;color:#8c6402}
.badge.good{background:#def6ea;color:#13794f}
.badge.stage{background:#ece6ff;color:#5e3cc8}
.badge.active{background:#fff1d5;color:#905f00}
.badge.low{background:#ecf1ff;color:#274caa}
.badge.medium{background:#fff0d9;color:#9c6204}
.badge.high{background:#ffe3e3;color:#9a1e1e}

.panel{
  padding:24px;
}
.section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.section-head h3{
  margin:0;
  font-size:28px;
  letter-spacing:-.03em;
}
.section-head p{
  margin:10px 0 0;
  color:var(--muted);
  line-height:1.5;
  max-width:960px;
}
.inline-actions{display:flex; gap:10px; flex-wrap:wrap}

.metrics-grid{
  grid-template-columns:repeat(4,1fr);
}
.metric-card h4{
  margin:0;
  font-size:16px;
  color:#18336f;
}
.metric-card .value{
  margin-top:8px;
  font-size:40px;
  font-weight:800;
  line-height:1;
}
.metric-card .caption{
  margin-top:8px;
  color:var(--muted);
}

.columns{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.column-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  padding:18px;
}
.column-card h4{
  margin:0 0 8px;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#466fe1;
}
.column-card > p{
  color:var(--muted);
  margin:0 0 14px;
}
.board-item{
  border:1px solid var(--line);
  background:#fff;
  border-radius:20px;
  padding:16px;
  cursor:pointer;
  margin-top:12px;
}
.board-item h5{
  margin:0 0 8px;
  font-size:18px;
}
.board-item p{
  margin:0;
  color:var(--muted);
  line-height:1.45;
}
.progress{
  margin-top:12px;
  height:8px;
  background:#edf2ff;
  border-radius:999px;
  overflow:hidden;
}
.progress span{
  display:block;
  height:100%;
  border-radius:999px;
}
.prog-gold{background:var(--gold)}
.prog-green{background:var(--green)}
.prog-cyan{background:var(--cyan)}
.prog-purple{background:var(--purple)}

.workspace-grid{
  grid-template-columns:1.2fr .95fr;
}
.task-list, .record-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.task-card, .record-card{
  cursor:pointer;
}
.task-head, .record-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.task-card h5, .record-card h5{
  margin:0;
  font-size:18px;
}
.task-card p, .record-card p{
  margin:8px 0 0;
  color:var(--muted);
}
.selected-detail{
  margin-top:16px;
  padding:18px;
  border:1px solid var(--line-strong);
  background:var(--blue-soft);
  border-radius:20px;
}
.selected-detail h5{margin:0 0 8px;font-size:20px}
.selected-detail p{margin:0;color:#31405e;line-height:1.55}

.tile-grid{
  grid-template-columns:repeat(4,1fr);
}
.tile-card{
  cursor:pointer;
  text-align:center;
}
.tile-card h5{margin:0 0 6px;font-size:18px}
.tile-card p{margin:0;color:var(--muted)}

.provider-grid{
  grid-template-columns:1fr 1fr;
}
.provider-column{
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  padding:18px;
}
.provider-column h4{
  margin:0 0 14px;
  font-size:14px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#446fe0;
}
.provider-card{
  margin-top:12px;
}
.provider-card h5{
  margin:0 0 8px;
  font-size:20px;
}
.provider-card p{
  margin:0;
  color:var(--muted);
  line-height:1.45;
}
.role-chip-row,.path-chip-row,.data-chip-row,.choice-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.role-chip,.path-chip,.data-chip,.choice-chip,.provider-chip{
  height:42px;
  border-radius:999px;
  border:1px solid var(--line-strong);
  background:#fff;
  color:#14306d;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-weight:600;
}
.def-box{
  margin-top:14px;
  padding:18px;
  border-radius:22px;
  border:1px solid var(--line-strong);
  background:var(--blue-soft);
}
.def-box h5{margin:0 0 8px;font-size:20px}
.def-box p{margin:0;color:#334562;line-height:1.55}

.pathway-grid{
  grid-template-columns:repeat(3,1fr);
}
.path-card{
  position:relative;
}
.path-card .corner-coin{
  position:absolute;
  top:16px;
  right:16px;
  width:28px;
  height:28px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 30%, #fff3c2 0, #f0d07b 18%, #d8a93a 42%, #8b650b 100%);
  border:1px solid rgba(131, 96, 6, .35);
  box-shadow:0 4px 12px rgba(151,113,15,.22);
}
.path-card h5{margin:0 0 10px;font-size:22px}
.path-card p{margin:0;color:var(--muted);line-height:1.55}
.path-card .elig{
  display:inline-flex;
  margin-top:16px;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:800;
  background:#fff2d5;
  color:#8f6406;
}
.path-card.active{background:var(--blue-soft)}

.model-grid{
  grid-template-columns:repeat(2,1fr);
}
.model-card h4{margin:0 0 10px;font-size:18px;color:#16306c}
.model-card p{margin:0;color:var(--muted)}

.footer{
  margin-top:auto;
  border-top:1px solid var(--line);
  background:rgba(255,255,255,.72);
}
.footer-inner{
  width:min(1440px, calc(100% - 44px));
  margin:0 auto;
  min-height:56px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  color:#5c6a86;
  font-size:14px;
}
.footer-links{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
.placeholder-card{
  padding:28px;
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
}
.placeholder-card h3{
  margin:0;
  font-size:28px;
}
.placeholder-card p{
  margin:0;
  color:var(--muted);
}

@media (max-width: 1180px){
  .hero-grid,.workspace-grid,.provider-grid,.pathway-grid,.columns,.metrics-grid,.model-grid,.tile-grid,.legend-grid,.hero-split,.info-strip{
    grid-template-columns:1fr !important;
  }
  .brand-text h1{font-size:32px}
  .title-row h2{font-size:28px}
}

@media (max-width: 760px){
  .content{width:min(100% - 22px, 100%)}
  .topbar{padding:14px}
  .header-wrap{padding:14px 10px 10px}
  .logo-mark{width:72px;height:72px}
  .brand-text h1{font-size:26px}
  .brand-text p{font-size:16px}
  .hero-card,.panel{padding:18px}
  .title-row h2{font-size:24px}
  .section-head h3{font-size:24px}
  .footer-inner{flex-direction:column; align-items:flex-start; padding:12px 0}
}
/* UIS visual pass v29 */
:root {
  --uis-brand-blue: #2A2E83;
  --uis-border-blue: rgba(42, 46, 131, 0.24);
  --uis-title-blue: #2A2E83;
  --uis-body-dark: #27324F;
}

.page-title,
.pathway-title,
.board-col-title,
.metric-label,
.metric-value,
.helper-title,
.tile-title,
.data-name,
.board-item-title,
.field-label {
  color: var(--uis-title-blue) !important;
}

.section-label {
  color: var(--uis-title-blue) !important;
  letter-spacing: 0.14em !important;
}

.page-subtitle,
.data-sub,
.muted,
.breadcrumb {
  color: var(--uis-body-dark) !important;
}

.card,
.selected-panel,
.legend-tile,
.meta-pill,
.text-input,
.action-btn,
.selector-pill,
.slim-btn,
.board-item,
.metric-card,
.pathway-card {
  border-color: var(--uis-border-blue) !important;
}

.nav-pill {
  border-color: rgba(255,255,255,0.16) !important;
}

.nav-pill.active,
.action-btn.primary,
.selector-pill.active {
  border-color: var(--uis-brand-blue) !important;
  box-shadow: 0 0 0 1px rgba(42, 46, 131, 0.08) inset !important;
}

.legend-tile.active,
.board-item.active,
.agent-tile.active,
.pathway-card.active,
.selected-panel.active {
  border-color: var(--uis-brand-blue) !important;
}

header h1,
.header-title,
.brand-title {
  color: #FFFFFF !important;
}

header .muted,
.brand-meta,
.brand-subtitle {
  color: rgba(255,255,255,0.78) !important;
}
/* UIS title alignment pass v30 */
.page-title,
.pathway-title,
.board-col-title,
.metric-label,
.metric-value,
.helper-title,
.tile-title,
.data-name,
.board-item-title,
.field-label,
.section-label {
  color: #2A2E83 !important;
}

.page-subtitle,
.data-sub,
.muted,
.breadcrumb {
  color: #27324F !important;
}
/* UIS title lock pass v31 */
.page-grid .page-title,
.placeholder-grid .page-title,
.card .page-title,
.card .helper-title,
.card .field-label,
.card .section-label,
.pathway-card .pathway-title,
.legend-tile .tile-title,
.selected-panel .tile-title,
.data-name,
.board-item-title,
.board-col-title,
.metric-label,
.metric-value {
  color: #2A2E83 !important;
}

.page-grid .page-subtitle,
.placeholder-grid .page-subtitle,
.card .page-subtitle,
.data-sub,
.muted,
.breadcrumb {
  color: #27324F !important;
}
/* UIS decisive brand pass v32 */
:root {
  --uis-brand-blue: #2A2E83;
  --uis-header-blue: #2A2E83;
  --uis-title-blue: #2A2E83;
  --uis-border-blue: rgba(42, 46, 131, 0.24);
  --uis-body-dark: #27324F;
  --uis-active-blue: #5E8EFF;
}

/* Header and top navigation shells */
header,
body > header,
.top-header,
.header-shell,
.brand-shell,
.nav-shell,
.navigation-shell,
.masthead,
.topbar,
.top-panel,
.app-header {
  background: var(--uis-header-blue) !important;
  border-color: rgba(255,255,255,0.10) !important;
}

/* Keep the main brand title white in header only */
header h1,
header h2,
header .page-title,
header .brand-title,
header .helper-title,
.brand-title,
.brand-subtitle,
.brand-meta {
  color: #FFFFFF !important;
}

header .muted,
.brand-meta,
.brand-subtitle {
  color: rgba(255,255,255,0.82) !important;
}

/* Major content titles inside the white content area */
.page-grid h1,
.page-grid h2,
.page-grid h3,
.placeholder-grid h1,
.placeholder-grid h2,
.placeholder-grid h3,
.card h1,
.card h2,
.card h3,
.page-title,
.pathway-title,
.helper-title,
.field-label,
.section-label,
.tile-title,
.data-name,
.board-item-title,
.board-col-title,
.metric-label,
.metric-value {
  color: var(--uis-title-blue) !important;
}

/* Body copy remains neutral */
.page-subtitle,
.data-sub,
.muted,
.breadcrumb,
.card p,
.page-grid p,
.placeholder-grid p {
  color: var(--uis-body-dark) !important;
}

/* Borders and card edges */
.card,
.selected-panel,
.legend-tile,
.meta-pill,
.text-input,
.action-btn,
.selector-pill,
.slim-btn,
.board-item,
.metric-card,
.pathway-card,
.agent-tile {
  border-color: var(--uis-border-blue) !important;
}

/* Navigation pills */
.nav-pill {
  border-color: rgba(255,255,255,0.16) !important;
}

.nav-pill.active {
  background: linear-gradient(180deg, #6A98FF 0%, #4D7EF2 100%) !important;
  border-color: #6A98FF !important;
  color: #FFFFFF !important;
}

/* Active buttons and selected controls */
.action-btn.primary,
.selector-pill.active,
.legend-tile.active,
.board-item.active,
.agent-tile.active,
.pathway-card.active,
.selected-panel.active {
  border-color: var(--uis-brand-blue) !important;
  box-shadow: 0 0 0 1px rgba(42, 46, 131, 0.10) inset !important;
}

/* Keep white content area clean */
body,
main,
.content-shell,
.page-shell {
  background-color: #EEF1F7 !important;
}


/* v35 decisive header and brand correction */
:root{
  --ink:#17264a;
  --muted:#4d5d7d;
  --line:#cfdbf3;
  --line-strong:#9ab5e8;
  --nav:#142F6E;
  --nav-2:#10275F;
  --nav-pill:#17356f;
  --nav-pill-active:#5E8EFF;
  --blue:#2A2E83;
  --blue-soft:#eef3ff;
}

.header-wrap{
  background:linear-gradient(180deg,var(--nav) 0%, var(--nav-2) 100%) !important;
}
.topbar,
.nav-shell{
  background:rgba(255,255,255,.03) !important;
  border-color:rgba(145,176,255,.18) !important;
}
.brand.brand-logo-only{
  display:flex;
  align-items:center;
  min-width:0;
}
.brand-logo-image{
  display:block;
  width:320px;
  max-width:min(44vw,320px);
  height:auto;
}
.brand-text,
.brand-text h1,
.brand-text p,
.brand-text .subsmall{
  display:none !important;
}
.logo-mark{
  display:none !important;
}
.role-box label{
  color:rgba(255,255,255,.88) !important;
}
.role-box select{
  background:#0c275f !important;
  border-color:rgba(173,198,255,.24) !important;
}
.nav-pill.active{
  background:linear-gradient(180deg,#7AA6FF 0%, #5E8EFF 100%) !important;
  border-color:#7AA6FF !important;
  box-shadow:0 10px 20px rgba(94,142,255,.22) !important;
}
.eyebrow,
.form-label,
.subpanel h3,
.mini-title,
.hero-card h5,
.def-box h5,
.path-card h5,
.record-card h5,
.model-card h5,
.provider-card h5,
.tile-card h5,
.legend-card strong,
.meaning-box h5,
.info-strip .subpanel h3{
  color:#2A2E83 !important;
}
.title-row h2,
.panel h2,
.card h2,
.workspace-grid h3,
.metrics-grid h3,
.model-grid h3,
.provider-grid h3,
.pathway-grid h3,
.workspace-grid strong,
.record-card strong,
.tile-card strong{
  color:#2A2E83 !important;
}
.help-btn{
  color:#2A2E83 !important;
  border-color:#9ab5e8 !important;
}
.card,
.legend-card,.metric-card,.provider-card,.tile-card,.record-card,.model-card,.path-card,
.subpanel,.meaning-box,.status-chip,.def-box,.input,.btn,.choice-chip,.provider-chip,.path-chip,.role-chip,.data-chip,.board-agent,.board-item,.task-card,.record-card,.status-card{
  border-color:#cfdbf3 !important;
}
@media (max-width: 900px){
  .brand-logo-image{width:240px;max-width:56vw;}
}


/* v38 locked approved header, official logo, IDC asset, and pathway cleanup */
:root{
  --uis-blue:#2A2E83;
  --uis-header:#142F6E;
  --uis-header-2:#102A66;
  --uis-line:#cfdbf3;
  --uis-line-strong:#9ab5e8;
}
.header-wrap.official-v39{
  background:linear-gradient(180deg,var(--uis-header) 0%, var(--uis-header-2) 100%) !important;
  padding:10px 22px 10px !important;
  color:#fff;
  box-shadow:0 8px 24px rgba(6,18,53,.20);
}
.official-v39 .topbar-centered-brand{
  min-height:100px !important;
  padding:12px 18px !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center;
  gap:16px;
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(145,176,255,.20) !important;
  border-radius:26px !important;
}
.official-v39 .topbar-spacer{min-height:1px;}
.official-v39 .brand-logo-center{
  justify-self:center;
  display:flex;
  justify-content:center;
  align-items:center;
}
.official-v39 .uis-header-logo{
  display:block !important;
  width:290px;
  max-width:36vw;
  height:auto;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.14));
}
.official-v39 .role-box{
  justify-self:end;
  min-width:250px;
}
.official-v39 .role-box label{
  color:rgba(255,255,255,.88) !important;
  margin-bottom:6px;
}
.official-v39 .role-box select{
  height:56px !important;
  border-radius:18px !important;
  background:#0B275F !important;
  border-color:rgba(173,198,255,.26) !important;
}
.official-v39 .compact-nav-shell{
  margin-top:10px !important;
  padding:14px !important;
  background:rgba(255,255,255,.03) !important;
  border-color:rgba(145,176,255,.18) !important;
  border-radius:26px !important;
}
.official-v39 .nav-pill{
  height:44px;
  padding:0 16px;
  cursor:pointer;
}
.official-v39 .nav-pill.small{height:38px;}
.nav-pill, .path-chip, .provider-chip, .choice-chip, .role-chip, .data-chip, .legend-card, .task-card, .record-card, .board-agent, .board-item{
  cursor:pointer !important;
}
.title-row h2,
.panel h2,
.card h2,
.section-head h3,
.path-card h5,
.record-card strong,
.tile-card strong,
.legend-card strong{
  color:var(--uis-blue) !important;
}
.eyebrow,
.form-label,
.subpanel h3,
.mini-title,
.def-box h5{
  color:var(--uis-blue) !important;
}
.pathway-clean-panel{
  min-height:124px;
  border-radius:18px;
  border:1px solid var(--uis-line);
  background:linear-gradient(135deg,#ffffff 0%, #eef3ff 100%);
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
.clean-panel-kicker{
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:12px;
  font-weight:800;
  color:var(--uis-blue);
  margin-bottom:8px;
}
.clean-panel-title{
  font-size:18px;
  font-weight:800;
  color:#102A66;
  line-height:1.25;
}
.clean-panel-copy{
  margin-top:8px;
  color:#4d5d7d;
  line-height:1.45;
  font-size:14px;
}
.path-card .corner-coin{
  position:absolute;
  top:14px;
  right:14px;
  width:44px !important;
  height:44px !important;
  border-radius:999px;
  background:transparent url('assets/idc_coin_official.png') center/contain no-repeat !important;
  border:0 !important;
  box-shadow:0 6px 18px rgba(151,113,15,.26) !important;
}
@media (max-width:1100px){
  .official-v39 .topbar-centered-brand{
    grid-template-columns:1fr !important;
    justify-items:center;
    text-align:center;
  }
  .official-v39 .topbar-spacer{display:none;}
  .official-v39 .role-box{justify-self:center;width:min(100%,340px);}
  .official-v39 .uis-header-logo{max-width:54vw;}
}
@media (max-width:700px){
  .header-wrap.official-v39{padding:8px 12px !important;}
  .official-v39 .topbar-centered-brand{min-height:auto !important;padding:12px !important;}
  .official-v39 .uis-header-logo{width:230px;max-width:78vw;}
}


/* v39 focused asset and interaction correction */
.header-wrap.official-v39 .uis-header-logo{
  display:block !important;
  width:286px !important;
  max-width:min(42vw,286px) !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.18)) !important;
}
.header-wrap.official-v39 .brand,
.header-wrap.official-v39 .brand-logo-center,
.header-wrap.official-v39 .topbar-centered-brand{
  background:transparent !important;
}
.pathway-clean-panel{
  min-height:124px !important;
  border-radius:18px !important;
  border:1px solid var(--uis-line) !important;
  background:linear-gradient(135deg,#ffffff 0%, #eef3ff 100%) !important;
  padding:18px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.pathway-clean-panel::before{content:none !important;}
.path-card .corner-coin{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  width:48px !important;
  height:48px !important;
  border-radius:999px !important;
  background:transparent url('assets/idc_coin_official.png') center/contain no-repeat !important;
  border:0 !important;
  box-shadow:0 8px 18px rgba(151,113,15,.20) !important;
}
.path-chip.active,
.legend-card.selected,
.provider-chip.active,
.choice-chip.active,
.role-chip.active,
.data-chip.active{
  background:#edf3ff !important;
  border-color:#9ab5e8 !important;
  box-shadow:0 10px 24px rgba(42,46,131,.10) !important;
}
button[data-section],button[data-color],button[data-task],button[data-record],button[data-board-item],button[data-board-agent],button[data-provider-key],button[data-pathway],button[data-security],button[data-action]{
  cursor:pointer !important;
  pointer-events:auto !important;
}
@media (max-width:700px){
  .header-wrap.official-v39 .uis-header-logo{width:228px !important;max-width:78vw !important;}
}


/* v40 cleanbuild: no image background in header logo */
.header-wrap.official-v40-clean{
  background:linear-gradient(180deg,#142F6E 0%, #102A66 100%) !important;
  padding:10px 22px 10px !important;
  color:#fff;
  box-shadow:0 8px 24px rgba(6,18,53,.20);
}
.official-v40-clean .topbar-centered-brand{
  min-height:96px !important;
  padding:12px 18px !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center;
  gap:16px;
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(145,176,255,.20) !important;
  border-radius:26px !important;
}
.official-v40-clean .topbar-spacer{min-height:1px;}
.official-v40-clean .brand-logo-center{
  justify-self:center;
  display:flex;
  justify-content:center;
  align-items:center;
  background:transparent !important;
}
.uis-clean-wordmark{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-align:center;
  line-height:1;
  background:transparent !important;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.16));
}
.uis-clean-top{
  font-size:56px;
  font-weight:900;
  letter-spacing:.045em;
  line-height:.88;
  margin-bottom:7px;
}
.uis-clean-middle{
  font-size:23px;
  font-weight:900;
  letter-spacing:.095em;
  white-space:nowrap;
  line-height:.98;
}
.uis-clean-bottom-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:5px;
}
.uis-clean-rule{
  width:72px;
  height:2px;
  display:inline-block;
  border-radius:999px;
  background:rgba(255,255,255,.85);
}
.uis-clean-bottom{
  font-size:15px;
  font-weight:800;
  letter-spacing:.28em;
  line-height:1;
}
.uis-clean-tm{
  font-size:10px;
  line-height:1;
  position:relative;
  top:-7px;
  margin-left:-8px;
}
.official-v40-clean .role-box{
  justify-self:end;
  min-width:250px;
}
.official-v40-clean .role-box label{
  color:rgba(255,255,255,.88) !important;
  margin-bottom:6px;
}
.official-v40-clean .role-box select{
  height:56px !important;
  border-radius:18px !important;
  background:#0B275F !important;
  border-color:rgba(173,198,255,.26) !important;
}
.official-v40-clean .compact-nav-shell{
  margin-top:10px !important;
  padding:14px !important;
  background:rgba(255,255,255,.03) !important;
  border-color:rgba(145,176,255,.18) !important;
  border-radius:26px !important;
}
.official-v40-clean .nav-pill{
  height:44px;
  padding:0 16px;
  cursor:pointer;
}
.official-v40-clean .nav-pill.small{height:38px;}
.official-v40-clean .uis-header-logo,
.official-v40-clean .brand-logo-image{
  display:none !important;
}
@media (max-width:1100px){
  .official-v40-clean .topbar-centered-brand{
    grid-template-columns:1fr !important;
    justify-items:center;
    text-align:center;
  }
  .official-v40-clean .topbar-spacer{display:none;}
  .official-v40-clean .role-box{justify-self:center;width:min(100%,340px);}
}
@media (max-width:700px){
  .header-wrap.official-v40-clean{padding:8px 12px !important;}
  .official-v40-clean .topbar-centered-brand{min-height:auto !important;padding:12px !important;}
  .uis-clean-top{font-size:42px;}
  .uis-clean-middle{font-size:17px;}
  .uis-clean-rule{width:42px;}
  .uis-clean-bottom{font-size:13px;letter-spacing:.18em;}
}


/* v41 exact logo lock */
.header-wrap.official-v41-logo-lock{
  background:linear-gradient(180deg,var(--nav) 0%, #09235c 100%);
  padding:10px 16px 12px;
}
.official-v41-logo-lock .topbar-centered-brand{
  min-height:114px;
  padding:14px 18px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
}
.official-v41-logo-lock .topbar-spacer{
  min-height:1px;
}
.official-v41-logo-lock .brand-logo-center{
  justify-content:center;
  width:100%;
}
.official-v41-logo-lock .uis-header-logo.exact-logo{
  display:block;
  width:min(420px, 48vw);
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.official-v41-logo-lock .role-box{
  justify-self:end;
  width:min(100%, 260px);
}
.official-v41-logo-lock .role-box label{
  margin-bottom:8px;
}
.official-v41-logo-lock .role-box select{
  height:56px;
}
.official-v41-logo-lock .compact-nav-shell{
  margin-top:12px;
  padding:14px;
}
.official-v41-logo-lock .nav-pill{
  height:44px;
  padding:0 16px;
}
.official-v41-logo-lock .nav-pill.small{
  height:38px;
}
@media (max-width: 900px){
  .official-v41-logo-lock .topbar-centered-brand{
    grid-template-columns:1fr;
    gap:14px;
  }
  .official-v41-logo-lock .topbar-spacer{display:none;}
  .official-v41-logo-lock .role-box{justify-self:center;width:min(100%,340px);}
  .official-v41-logo-lock .uis-header-logo.exact-logo{width:min(340px, 72vw);} 
}


/* v42 exact approved UIS logo lock */
.official-v41-logo-lock .uis-header-logo.exact-logo,
.uis-header-logo.exact-logo{
  width:360px !important;
  max-width:38vw !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  display:block !important;
}
.official-v41-logo-lock .brand-logo-center,
.brand-logo-center{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
@media (max-width:700px){
  .official-v41-logo-lock .uis-header-logo.exact-logo,
  .uis-header-logo.exact-logo{width:260px !important;max-width:78vw !important;}
}


/* v43 global help panel */
.help-panel-global{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:22px 26px;
  margin-bottom:18px;
  background:#ffffff;
  border:1px solid var(--line);
  box-shadow:0 18px 45px rgba(18,38,82,.08);
}
.help-panel-global h3{
  margin:6px 0 8px;
  color:var(--blue);
  font-size:24px;
}
.help-panel-global p{
  margin:0;
  max-width:920px;
  color:var(--ink);
  line-height:1.55;
}
.help-btn{
  cursor:pointer;
}


/* v44 full interaction verification layer */
.help-backdrop{
  position:fixed;
  inset:0;
  background:rgba(8,19,46,.22);
  z-index:9000;
}
.help-panel-global{
  position:fixed !important;
  top:112px;
  left:50%;
  transform:translateX(-50%);
  width:min(720px, calc(100vw - 48px));
  z-index:9001;
  box-shadow:0 24px 70px rgba(8,22,58,.26) !important;
  border:1px solid #9ab5e8 !important;
  padding:24px 26px !important;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
}
.help-panel-global h3{
  color:#2A2E83;
  margin:4px 0 8px;
  font-size:24px;
}
.help-panel-global p{
  margin:0;
  color:#27324F;
  line-height:1.6;
}
button{
  cursor:pointer;
}
.btn:active,
.nav-pill:active,
.provider-chip:active,
.path-chip:active,
.data-chip:active,
.legend-card:active,
.task-card:active,
.record-card:active,
.board-item:active,
.tile-card:active{
  transform:translateY(1px);
}
@media(max-width:700px){
  .help-panel-global{
    top:80px;
    flex-direction:column;
  }
}


/* v45 interaction clarity pass */
.selected-detail{
  position:relative;
  overflow:hidden;
}
.detail-toprow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.detail-kicker{
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#5b6a86;
}
.detail-state{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  border-radius:999px;
  padding:4px 10px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
}
.selected-detail.tone-gold{border-color:rgba(196,138,22,.35); background:rgba(255,242,213,.78); box-shadow:0 10px 24px rgba(196,138,22,.10);}
.selected-detail.tone-green{border-color:rgba(50,166,111,.30); background:rgba(225,246,236,.85); box-shadow:0 10px 24px rgba(50,166,111,.10);}
.selected-detail.tone-cyan{border-color:rgba(68,148,230,.28); background:rgba(234,244,255,.88); box-shadow:0 10px 24px rgba(68,148,230,.10);}
.selected-detail.tone-purple{border-color:rgba(121,94,216,.28); background:rgba(239,234,255,.90); box-shadow:0 10px 24px rgba(121,94,216,.10);}
.selected-detail.tone-uis{border-color:var(--line-strong); background:var(--blue-soft);}
.state-gold{background:#fff1d5; color:#8f6406;}
.state-green{background:#def6ea; color:#13794f;}
.state-cyan{background:#e8f4ff; color:#245dba;}
.state-purple{background:#ece6ff; color:#5e3cc8;}
.state-uis{background:#e6eeff; color:#2a4eaa;}
.board-agent-list .task-card{cursor:pointer;}
.record-card.active, .task-card.active, .tile-card.active, .board-item.selected{
  transform:translateY(-1px);
}
.record-card.active::after, .task-card.active::after, .tile-card.active::after, .board-item.selected::after{
  content:'';
  position:absolute;
  inset:auto 18px 10px 18px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(94,142,255,.95), rgba(42,46,131,.95));
}
.task-card,.record-card,.tile-card,.board-item{position:relative;}

/* v46 functional clarity recovery pass */
:root{
  --uis-blue:#2A2E83;
  --uis-blue-deep:#142F6E;
  --uis-soft:#f2f6ff;
  --uis-gold:#d8a93a;
  --uis-green:#34b57b;
  --uis-cyan:#2ba9f7;
}

.info-strip{
  grid-template-columns:1fr !important;
  align-items:stretch !important;
}

.visual-placeholder{
  min-height:150px;
  border:1px solid rgba(42,46,131,.20);
  border-radius:18px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.96), rgba(255,255,255,0) 32%),
    linear-gradient(135deg, #eef3ff 0%, #ffffff 48%, #e8efff 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(42,46,131,.72);
  font-size:13px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}

.legend-line .idc-mini,
.idc-mini{
  width:18px !important;
  height:18px !important;
  border-radius:999px;
  background:transparent url('assets/idc_coin_official.png') center/contain no-repeat !important;
  border:0 !important;
  box-shadow:0 3px 9px rgba(151,113,15,.20);
}

.status-chip .idc-mini{
  width:20px !important;
  height:20px !important;
}

.path-card{
  text-align:left;
  cursor:pointer;
  outline:none;
  min-height:220px;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.path-card:hover,
.path-card:focus{
  transform:translateY(-1px);
  border-color:#9ab5e8 !important;
  box-shadow:0 16px 30px rgba(42,46,131,.10);
}

.path-card.active{
  border-color:#9ab5e8 !important;
  box-shadow:0 16px 34px rgba(42,46,131,.12);
}

.path-card .corner-env,
.path-card .corner-reserve,
.path-card .corner-state{
  position:absolute;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(42,46,131,.16);
  box-shadow:0 6px 18px rgba(42,46,131,.10);
}

.path-card .corner-env{
  background:
    radial-gradient(circle at 36% 30%, #ffffff 0, #dff8eb 18%, #34b57b 54%, #19764d 100%);
}

.path-card .corner-reserve{
  background:
    linear-gradient(135deg,#fff6d9 0%, #d8a93a 45%, #9a6b09 100%);
}

.path-card .corner-state{
  background:
    linear-gradient(135deg,#eef3ff 0%, #8fb0ff 52%, #2A2E83 100%);
}

.path-card[data-pathway='environmental'] h5{
  padding-right:58px;
}

.path-card[data-pathway='reserve'] h5{
  padding-right:58px;
}

.path-card .corner-coin{
  background:transparent url('assets/idc_coin_official.png') center/contain no-repeat !important;
  border:0 !important;
  box-shadow:0 8px 18px rgba(151,113,15,.20) !important;
}

.path-chip,
.provider-chip,
.data-chip,
.choice-chip,
.nav-pill,
.task-card,
.record-card,
.tile-card,
.board-item,
.legend-card{
  user-select:none;
}

.def-box,
.selected-detail,
.meaning-box{
  scroll-margin-top:140px;
}

.btn.secondary,
.btn.ghost,
.btn.primary{
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.btn.secondary:hover,
.btn.ghost:hover,
.btn.primary:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(42,46,131,.10);
}

.help-panel-global{
  max-height:calc(100vh - 160px);
  overflow:auto;
}


/* v47 screenshare review pass */
.detail-grid{
  display:grid;
  gap:18px;
  width:min(1440px,100%);
}
.detail-grid.three{grid-template-columns:repeat(3,1fr)}
.detail-grid.four{grid-template-columns:repeat(4,1fr)}
.detail-grid.five{grid-template-columns:repeat(5,1fr)}
.info-card{
  padding:20px;
  min-height:132px;
}
.info-card h4,
.glossary-card h4{
  margin:0 0 10px;
  color:var(--uis-blue) !important;
  font-size:18px;
  letter-spacing:-.01em;
}
.info-card p,
.glossary-card p{
  margin:6px 0 0;
  color:#2d3b5f;
  line-height:1.5;
}
.clickable-card{
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.clickable-card:hover,
.clickable-card.active,
.glossary-card.active{
  background:#edf3ff;
  border-color:#9ab5e8 !important;
  box-shadow:0 16px 30px rgba(42,46,131,.10);
  transform:translateY(-1px);
}
.provider-link{
  margin-top:14px;
}
.glossary-search{
  margin-top:18px;
  width:min(520px,100%);
}
.glossary-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.glossary-card{
  text-align:left;
  cursor:pointer;
  padding:20px;
}
.path-card .corner-env{
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#f8fffb 0%, #dff8eb 45%, #34b57b 100%) !important;
}
.path-card .corner-env::after{
  content:"EC";
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  color:#0d6d45;
}
.path-card .corner-pac{
  position:absolute;
  top:14px;
  right:14px;
  width:48px;
  height:48px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 35% 30%, #fff6cc 0, #f0d07b 24%, #d8a93a 55%, #8b650b 100%);
  border:1px solid rgba(131,96,6,.25);
  color:#6d4b05;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  box-shadow:0 8px 18px rgba(151,113,15,.20);
}
.path-card[data-pathway='pac'] h5,
.path-card[data-pathway='idc'] h5{
  color:var(--uis-blue) !important;
  padding-right:58px;
}
.selected-detail h5{
  color:var(--uis-blue) !important;
}
.provider-chip,
.path-chip,
.data-chip{
  margin-bottom:4px;
}
.visual-placeholder{
  min-height:128px;
}
@media (max-width:1180px){
  .detail-grid.three,
  .detail-grid.four,
  .detail-grid.five,
  .glossary-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:760px){
  .detail-grid.three,
  .detail-grid.four,
  .detail-grid.five,
  .glossary-grid{
    grid-template-columns:1fr;
  }
}

/* v48 color consistency, icon pass, and image zone pass */
.tone-chip.tone-uis{border-color:#b8caf4;}
.tone-chip.tone-green{border-color:rgba(50,166,111,.32);}
.tone-chip.tone-cyan{border-color:rgba(68,148,230,.30);}
.tone-chip.tone-purple{border-color:rgba(121,94,216,.30);}
.tone-chip.tone-gold{border-color:rgba(196,138,22,.32);}

.tone-chip.active.tone-uis,
.clickable-card.active.tone-uis,
.path-card.active.tone-uis,
.def-box.tone-panel.tone-uis,
.pathway-clean-panel.tone-panel.tone-uis{
  background:#edf3ff;
  border-color:#9ab5e8 !important;
  box-shadow:0 14px 28px rgba(42,46,131,.10);
}
.tone-chip.active.tone-green,
.clickable-card.active.tone-green,
.path-card.active.tone-green,
.def-box.tone-panel.tone-green,
.pathway-clean-panel.tone-panel.tone-green{
  background:rgba(225,246,236,.88);
  border-color:rgba(50,166,111,.34) !important;
  box-shadow:0 14px 28px rgba(50,166,111,.10);
}
.tone-chip.active.tone-cyan,
.clickable-card.active.tone-cyan,
.path-card.active.tone-cyan,
.def-box.tone-panel.tone-cyan,
.pathway-clean-panel.tone-panel.tone-cyan{
  background:rgba(234,244,255,.92);
  border-color:rgba(68,148,230,.34) !important;
  box-shadow:0 14px 28px rgba(68,148,230,.10);
}
.tone-chip.active.tone-purple,
.clickable-card.active.tone-purple,
.path-card.active.tone-purple,
.def-box.tone-panel.tone-purple,
.pathway-clean-panel.tone-panel.tone-purple{
  background:rgba(239,234,255,.92);
  border-color:rgba(121,94,216,.34) !important;
  box-shadow:0 14px 28px rgba(121,94,216,.10);
}
.tone-chip.active.tone-gold,
.clickable-card.active.tone-gold,
.path-card.active.tone-gold,
.def-box.tone-panel.tone-gold,
.pathway-clean-panel.tone-panel.tone-gold{
  background:rgba(255,242,213,.84);
  border-color:rgba(196,138,22,.34) !important;
  box-shadow:0 14px 28px rgba(196,138,22,.10);
}

.def-box.tone-panel,
.pathway-clean-panel.tone-panel{
  transition:background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.visual-placeholder.tone-uis{
  border-color:rgba(42,46,131,.20);
  background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.96), rgba(255,255,255,0) 32%), linear-gradient(135deg, #eef3ff 0%, #ffffff 48%, #e8efff 100%);
}
.visual-placeholder.tone-green{
  border-color:rgba(50,166,111,.24);
  background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.96), rgba(255,255,255,0) 32%), linear-gradient(135deg, #f4fff8 0%, #ffffff 48%, #e6f8ef 100%);
}
.visual-placeholder.tone-cyan{
  border-color:rgba(68,148,230,.22);
  background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.96), rgba(255,255,255,0) 32%), linear-gradient(135deg, #f2f9ff 0%, #ffffff 48%, #e6f2ff 100%);
}
.visual-placeholder.tone-purple{
  border-color:rgba(121,94,216,.22);
  background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.96), rgba(255,255,255,0) 32%), linear-gradient(135deg, #f8f4ff 0%, #ffffff 48%, #eee8ff 100%);
}
.visual-placeholder.tone-gold{
  border-color:rgba(196,138,22,.24);
  background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.96), rgba(255,255,255,0) 32%), linear-gradient(135deg, #fffaf0 0%, #ffffff 48%, #fff2db 100%);
}
.image-swap-zone{margin-top:18px;}
.image-swap-zone .visual-placeholder{min-height:156px;}

.corner-icon{
  position:absolute;
  top:14px;
  right:14px;
  width:48px;
  height:48px;
  border-radius:999px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  box-shadow:0 8px 18px rgba(42,46,131,.12);
}
.path-icon-environmental{background-image:url('assets/path_environmental.svg');}
.path-icon-reserve{background-image:url('assets/path_reserve.svg');}
.path-icon-ledger{background-image:url('assets/path_ledger.svg');}
.path-icon-pac{background-image:url('assets/path_pac.svg');}
.path-icon-idc{background-image:url('assets/idc_coin_official.png'); background-size:contain;}

.path-card[data-pathway='environmental'] h5,
.path-card[data-pathway='reserve'] h5,
.path-card[data-pathway='idc'] h5,
.path-card[data-pathway='pac'] h5{
  padding-right:60px;
}
.path-card .elig.tone-green{background:#e3f7ec;color:#177a50;}
.path-card .elig.tone-gold{background:#fff1d5;color:#8f6406;}
.path-card .elig.tone-purple{background:#ece6ff;color:#5e3cc8;}
.path-card .elig.tone-cyan{background:#e8f4ff;color:#245dba;}
.path-card .elig.tone-uis{background:#e6eeff;color:#2a4eaa;}

.clickable-card.active.tone-green h4,
.clickable-card.active.tone-cyan h4,
.clickable-card.active.tone-purple h4,
.clickable-card.active.tone-gold h4,
.clickable-card.active.tone-uis h4,
.path-card.active h5,
.def-box.tone-panel h5{
  color:var(--uis-blue) !important;
}


/* v49 interaction and color lock pass */
:root{
  --tone-green-bg:rgba(225,246,236,.90);
  --tone-green-border:rgba(50,166,111,.38);
  --tone-green-shadow:rgba(50,166,111,.12);
  --tone-cyan-bg:rgba(234,244,255,.92);
  --tone-cyan-border:rgba(68,148,230,.38);
  --tone-cyan-shadow:rgba(68,148,230,.12);
  --tone-purple-bg:rgba(239,234,255,.93);
  --tone-purple-border:rgba(121,94,216,.38);
  --tone-purple-shadow:rgba(121,94,216,.12);
  --tone-gold-bg:rgba(255,242,213,.88);
  --tone-gold-border:rgba(196,138,22,.40);
  --tone-gold-shadow:rgba(196,138,22,.12);
  --tone-uis-bg:#edf3ff;
  --tone-uis-border:#9ab5e8;
  --tone-uis-shadow:rgba(42,46,131,.12);
}

.provider-chip.active.tone-uis,
.path-chip.active.tone-uis,
.data-chip.active.tone-uis,
.legend-card.active.tone-uis,
.choice-chip.active.tone-uis,
.task-card.active.tone-uis,
.record-card.active.tone-uis,
.tile-card.active.tone-uis,
.board-item.active.tone-uis,
.clickable-card.active.tone-uis,
.info-card.active.tone-uis{
  background:var(--tone-uis-bg) !important;
  border-color:var(--tone-uis-border) !important;
  box-shadow:0 14px 28px var(--tone-uis-shadow) !important;
}

.provider-chip.active.tone-green,
.path-chip.active.tone-green,
.data-chip.active.tone-green,
.legend-card.active.tone-green,
.choice-chip.active.tone-green,
.task-card.active.tone-green,
.record-card.active.tone-green,
.tile-card.active.tone-green,
.board-item.active.tone-green,
.clickable-card.active.tone-green,
.info-card.active.tone-green{
  background:var(--tone-green-bg) !important;
  border-color:var(--tone-green-border) !important;
  box-shadow:0 14px 28px var(--tone-green-shadow) !important;
}

.provider-chip.active.tone-cyan,
.path-chip.active.tone-cyan,
.data-chip.active.tone-cyan,
.legend-card.active.tone-cyan,
.choice-chip.active.tone-cyan,
.task-card.active.tone-cyan,
.record-card.active.tone-cyan,
.tile-card.active.tone-cyan,
.board-item.active.tone-cyan,
.clickable-card.active.tone-cyan,
.info-card.active.tone-cyan{
  background:var(--tone-cyan-bg) !important;
  border-color:var(--tone-cyan-border) !important;
  box-shadow:0 14px 28px var(--tone-cyan-shadow) !important;
}

.provider-chip.active.tone-purple,
.path-chip.active.tone-purple,
.data-chip.active.tone-purple,
.legend-card.active.tone-purple,
.choice-chip.active.tone-purple,
.task-card.active.tone-purple,
.record-card.active.tone-purple,
.tile-card.active.tone-purple,
.board-item.active.tone-purple,
.clickable-card.active.tone-purple,
.info-card.active.tone-purple{
  background:var(--tone-purple-bg) !important;
  border-color:var(--tone-purple-border) !important;
  box-shadow:0 14px 28px var(--tone-purple-shadow) !important;
}

.provider-chip.active.tone-gold,
.path-chip.active.tone-gold,
.data-chip.active.tone-gold,
.legend-card.active.tone-gold,
.choice-chip.active.tone-gold,
.task-card.active.tone-gold,
.record-card.active.tone-gold,
.tile-card.active.tone-gold,
.board-item.active.tone-gold,
.clickable-card.active.tone-gold,
.info-card.active.tone-gold{
  background:var(--tone-gold-bg) !important;
  border-color:var(--tone-gold-border) !important;
  box-shadow:0 14px 28px var(--tone-gold-shadow) !important;
}

.task-card.active.tone-gold::after,
.record-card.active.tone-gold::after,
.tile-card.active.tone-gold::after,
.board-item.active.tone-gold::after{
  background:linear-gradient(90deg,#fff1d5,#d8a93a,#9a6b09) !important;
}
.task-card.active.tone-green::after,
.record-card.active.tone-green::after,
.tile-card.active.tone-green::after,
.board-item.active.tone-green::after{
  background:linear-gradient(90deg,#e3f7ec,#34b57b,#177a50) !important;
}
.task-card.active.tone-cyan::after,
.record-card.active.tone-cyan::after,
.tile-card.active.tone-cyan::after,
.board-item.active.tone-cyan::after{
  background:linear-gradient(90deg,#e8f4ff,#44a0e6,#245dba) !important;
}
.task-card.active.tone-purple::after,
.record-card.active.tone-purple::after,
.tile-card.active.tone-purple::after,
.board-item.active.tone-purple::after{
  background:linear-gradient(90deg,#ece6ff,#8b68e5,#5e3cc8) !important;
}
.task-card.active.tone-uis::after,
.record-card.active.tone-uis::after,
.tile-card.active.tone-uis::after,
.board-item.active.tone-uis::after{
  background:linear-gradient(90deg,#e6eeff,#8fb0ff,#2A2E83) !important;
}

.selected-detail.tone-green,
.def-box.tone-panel.tone-green,
.meaning-box.tone-panel.tone-green{
  background:var(--tone-green-bg) !important;
  border-color:var(--tone-green-border) !important;
}
.selected-detail.tone-cyan,
.def-box.tone-panel.tone-cyan,
.meaning-box.tone-panel.tone-cyan{
  background:var(--tone-cyan-bg) !important;
  border-color:var(--tone-cyan-border) !important;
}
.selected-detail.tone-purple,
.def-box.tone-panel.tone-purple,
.meaning-box.tone-panel.tone-purple{
  background:var(--tone-purple-bg) !important;
  border-color:var(--tone-purple-border) !important;
}
.selected-detail.tone-gold,
.def-box.tone-panel.tone-gold,
.meaning-box.tone-panel.tone-gold{
  background:var(--tone-gold-bg) !important;
  border-color:var(--tone-gold-border) !important;
}
.selected-detail.tone-uis,
.def-box.tone-panel.tone-uis,
.meaning-box.tone-panel.tone-uis{
  background:var(--tone-uis-bg) !important;
  border-color:var(--tone-uis-border) !important;
}

.tile-card,
.task-card,
.record-card,
.board-item,
.provider-chip,
.path-chip,
.data-chip,
.legend-card,
.clickable-card{
  transition:background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

button[data-help],
button[data-action],
button[data-section]{
  cursor:pointer;
}

/* v50 color governance pass */
:root{
  --tone-teal-bg:rgba(221,247,245,.92);
  --tone-teal-border:rgba(28,159,151,.38);
  --tone-teal-shadow:rgba(28,159,151,.12);
  --tone-blue-bg:rgba(229,241,255,.94);
  --tone-blue-border:rgba(49,119,217,.38);
  --tone-blue-shadow:rgba(49,119,217,.12);
  --tone-indigo-bg:rgba(231,236,255,.94);
  --tone-indigo-border:rgba(79,98,205,.40);
  --tone-indigo-shadow:rgba(79,98,205,.12);
  --tone-amber-bg:rgba(255,246,218,.92);
  --tone-amber-border:rgba(211,156,35,.42);
  --tone-amber-shadow:rgba(211,156,35,.12);
  --tone-rose-bg:rgba(255,235,241,.92);
  --tone-rose-border:rgba(210,88,125,.38);
  --tone-rose-shadow:rgba(210,88,125,.12);
  --tone-slate-bg:rgba(238,242,247,.94);
  --tone-slate-border:rgba(100,116,139,.34);
  --tone-slate-shadow:rgba(100,116,139,.10);
}

.tone-chip.active.tone-teal,
.provider-chip.active.tone-teal,
.path-chip.active.tone-teal,
.data-chip.active.tone-teal,
.task-card.active.tone-teal,
.record-card.active.tone-teal,
.tile-card.active.tone-teal,
.board-item.active.tone-teal,
.clickable-card.active.tone-teal,
.info-card.active.tone-teal,
.model-card.tone-teal{
  background:var(--tone-teal-bg) !important;
  border-color:var(--tone-teal-border) !important;
  box-shadow:0 14px 28px var(--tone-teal-shadow) !important;
}

.tone-chip.active.tone-blue,
.provider-chip.active.tone-blue,
.path-chip.active.tone-blue,
.data-chip.active.tone-blue,
.task-card.active.tone-blue,
.record-card.active.tone-blue,
.tile-card.active.tone-blue,
.board-item.active.tone-blue,
.clickable-card.active.tone-blue,
.info-card.active.tone-blue,
.model-card.tone-blue{
  background:var(--tone-blue-bg) !important;
  border-color:var(--tone-blue-border) !important;
  box-shadow:0 14px 28px var(--tone-blue-shadow) !important;
}

.tone-chip.active.tone-indigo,
.provider-chip.active.tone-indigo,
.path-chip.active.tone-indigo,
.data-chip.active.tone-indigo,
.task-card.active.tone-indigo,
.record-card.active.tone-indigo,
.tile-card.active.tone-indigo,
.board-item.active.tone-indigo,
.clickable-card.active.tone-indigo,
.info-card.active.tone-indigo,
.model-card.tone-indigo{
  background:var(--tone-indigo-bg) !important;
  border-color:var(--tone-indigo-border) !important;
  box-shadow:0 14px 28px var(--tone-indigo-shadow) !important;
}

.tone-chip.active.tone-amber,
.provider-chip.active.tone-amber,
.path-chip.active.tone-amber,
.data-chip.active.tone-amber,
.task-card.active.tone-amber,
.record-card.active.tone-amber,
.tile-card.active.tone-amber,
.board-item.active.tone-amber,
.clickable-card.active.tone-amber,
.info-card.active.tone-amber,
.model-card.tone-amber{
  background:var(--tone-amber-bg) !important;
  border-color:var(--tone-amber-border) !important;
  box-shadow:0 14px 28px var(--tone-amber-shadow) !important;
}

.tone-chip.active.tone-rose,
.provider-chip.active.tone-rose,
.path-chip.active.tone-rose,
.data-chip.active.tone-rose,
.task-card.active.tone-rose,
.record-card.active.tone-rose,
.tile-card.active.tone-rose,
.board-item.active.tone-rose,
.clickable-card.active.tone-rose,
.info-card.active.tone-rose,
.model-card.tone-rose{
  background:var(--tone-rose-bg) !important;
  border-color:var(--tone-rose-border) !important;
  box-shadow:0 14px 28px var(--tone-rose-shadow) !important;
}

.tone-chip.active.tone-slate,
.provider-chip.active.tone-slate,
.path-chip.active.tone-slate,
.data-chip.active.tone-slate,
.task-card.active.tone-slate,
.record-card.active.tone-slate,
.tile-card.active.tone-slate,
.board-item.active.tone-slate,
.clickable-card.active.tone-slate,
.info-card.active.tone-slate,
.model-card.tone-slate{
  background:var(--tone-slate-bg) !important;
  border-color:var(--tone-slate-border) !important;
  box-shadow:0 14px 28px var(--tone-slate-shadow) !important;
}

.selected-detail.tone-teal,
.def-box.tone-panel.tone-teal,
.meaning-box.tone-panel.tone-teal{
  background:var(--tone-teal-bg) !important;
  border-color:var(--tone-teal-border) !important;
}
.selected-detail.tone-blue,
.def-box.tone-panel.tone-blue,
.meaning-box.tone-panel.tone-blue{
  background:var(--tone-blue-bg) !important;
  border-color:var(--tone-blue-border) !important;
}
.selected-detail.tone-indigo,
.def-box.tone-panel.tone-indigo,
.meaning-box.tone-panel.tone-indigo{
  background:var(--tone-indigo-bg) !important;
  border-color:var(--tone-indigo-border) !important;
}
.selected-detail.tone-amber,
.def-box.tone-panel.tone-amber,
.meaning-box.tone-panel.tone-amber{
  background:var(--tone-amber-bg) !important;
  border-color:var(--tone-amber-border) !important;
}
.selected-detail.tone-rose,
.def-box.tone-panel.tone-rose,
.meaning-box.tone-panel.tone-rose{
  background:var(--tone-rose-bg) !important;
  border-color:var(--tone-rose-border) !important;
}
.selected-detail.tone-slate,
.def-box.tone-panel.tone-slate,
.meaning-box.tone-panel.tone-slate{
  background:var(--tone-slate-bg) !important;
  border-color:var(--tone-slate-border) !important;
}

.state-teal{background:#dcf8f5;color:#0e746d;}
.state-blue{background:#e3f0ff;color:#265aa8;}
.state-indigo{background:#e6ebff;color:#3f4da7;}
.state-amber{background:#fff4d4;color:#8d6400;}
.state-rose{background:#ffe8f0;color:#a72e58;}
.state-slate{background:#edf1f6;color:#475569;}

.visual-placeholder.tone-teal{border-color:var(--tone-teal-border);background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.96), rgba(255,255,255,0) 32%), linear-gradient(135deg,#f0fffd 0%,#fff 48%,#e4f8f6 100%);}
.visual-placeholder.tone-blue{border-color:var(--tone-blue-border);background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.96), rgba(255,255,255,0) 32%), linear-gradient(135deg,#f1f7ff 0%,#fff 48%,#e3efff 100%);}
.visual-placeholder.tone-indigo{border-color:var(--tone-indigo-border);background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.96), rgba(255,255,255,0) 32%), linear-gradient(135deg,#f4f6ff 0%,#fff 48%,#e7ecff 100%);}
.visual-placeholder.tone-amber{border-color:var(--tone-amber-border);background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.96), rgba(255,255,255,0) 32%), linear-gradient(135deg,#fffaf0 0%,#fff 48%,#fff1cf 100%);}
.visual-placeholder.tone-rose{border-color:var(--tone-rose-border);background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.96), rgba(255,255,255,0) 32%), linear-gradient(135deg,#fff4f7 0%,#fff 48%,#ffe7ef 100%);}
.visual-placeholder.tone-slate{border-color:var(--tone-slate-border);background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.96), rgba(255,255,255,0) 32%), linear-gradient(135deg,#f7f9fc 0%,#fff 48%,#edf1f6 100%);}

.path-card .elig.tone-amber{background:#fff4d4;color:#8d6400;}
.path-card .elig.tone-teal{background:#dcf8f5;color:#0e746d;}
.path-card .elig.tone-blue{background:#e3f0ff;color:#265aa8;}
.path-card .elig.tone-indigo{background:#e6ebff;color:#3f4da7;}
.path-card .elig.tone-rose{background:#ffe8f0;color:#a72e58;}
.path-card .elig.tone-slate{background:#edf1f6;color:#475569;}

.task-card.active.tone-indigo::after,
.record-card.active.tone-indigo::after,
.tile-card.active.tone-indigo::after,
.board-item.active.tone-indigo::after{background:linear-gradient(90deg,#e6ebff,#6e7ee8,#3f4da7) !important;}
.task-card.active.tone-amber::after,
.record-card.active.tone-amber::after,
.tile-card.active.tone-amber::after,
.board-item.active.tone-amber::after{background:linear-gradient(90deg,#fff4d4,#d39c23,#8d6400) !important;}
.task-card.active.tone-teal::after,
.record-card.active.tone-teal::after,
.tile-card.active.tone-teal::after,
.board-item.active.tone-teal::after{background:linear-gradient(90deg,#dcf8f5,#1c9f97,#0e746d) !important;}
.task-card.active.tone-blue::after,
.record-card.active.tone-blue::after,
.tile-card.active.tone-blue::after,
.board-item.active.tone-blue::after{background:linear-gradient(90deg,#e3f0ff,#3177d9,#265aa8) !important;}
.task-card.active.tone-rose::after,
.record-card.active.tone-rose::after,
.tile-card.active.tone-rose::after,
.board-item.active.tone-rose::after{background:linear-gradient(90deg,#ffe8f0,#d2587d,#a72e58) !important;}
.task-card.active.tone-slate::after,
.record-card.active.tone-slate::after,
.tile-card.active.tone-slate::after,
.board-item.active.tone-slate::after{background:linear-gradient(90deg,#edf1f6,#64748b,#475569) !important;}

.clickable-card.active.tone-teal h4,
.clickable-card.active.tone-blue h4,
.clickable-card.active.tone-indigo h4,
.clickable-card.active.tone-amber h4,
.clickable-card.active.tone-rose h4,
.clickable-card.active.tone-slate h4,
.model-card h4{
  color:var(--uis-blue) !important;
}

.security-model-grid .model-card{
  min-height:118px;
  border:1px solid var(--line);
}
.security-model-grid .model-card p{
  line-height:1.45;
}


/* v51 functional cleanup pass */
.metric-card h4,
.metric-card .value,
.metric-card .caption,
.metric-card strong,
.metric-card b{
  color:var(--uis-blue) !important;
}
.metric-card .value{
  letter-spacing:-.02em;
}

.task-card.active::after,
.record-card.active::after,
.tile-card.active::after,
.board-item.active::after,
.board-item.selected::after{
  display:none !important;
  content:none !important;
}

.task-card h5,
.record-card h5,
.tile-card h5,
.board-item h5,
.column-card h4,
.provider-card h5,
.metric-card h4,
.info-card h4,
.model-card h4{
  color:var(--uis-blue) !important;
}

.task-card p,
.record-card p,
.board-item p,
.tile-card p{
  text-decoration:none !important;
}

.legend-card{
  text-align:left;
  cursor:pointer;
}
.legend-card.selected{
  background:var(--blue-soft) !important;
  border-color:var(--line-strong) !important;
  box-shadow:0 14px 28px rgba(42,46,131,.10) !important;
}

.progress span.prog-indigo{background:linear-gradient(90deg,#e6ebff,#3f4da7) !important;}
.progress span.prog-amber{background:linear-gradient(90deg,#fff4d4,#8d6400) !important;}
.progress span.prog-teal{background:linear-gradient(90deg,#dcf8f5,#0e746d) !important;}
.progress span.prog-slate{background:linear-gradient(90deg,#edf1f6,#475569) !important;}
.progress span.prog-blue{background:linear-gradient(90deg,#e3f0ff,#265aa8) !important;}
.progress span.prog-rose{background:linear-gradient(90deg,#ffe8f0,#a72e58) !important;}

.model-card.tone-cyan,
.model-card.tone-indigo,
.model-card.tone-purple,
.model-card.tone-slate{
  background:#fff !important;
}
.security-model-grid .model-card{
  position:relative;
}
.security-model-grid .model-card::before{
  content:'';
  position:absolute;
  left:18px;
  right:18px;
  bottom:12px;
  height:3px;
  border-radius:999px;
  opacity:.85;
}
.security-model-grid .model-card.tone-cyan::before{background:#2ba9f7;}
.security-model-grid .model-card.tone-indigo::before{background:#3f4da7;}
.security-model-grid .model-card.tone-purple::before{background:#795ed8;}
.security-model-grid .model-card.tone-slate::before{background:#475569;}

.info-card.tone-gold{border-color:var(--tone-gold-border) !important;background:var(--tone-gold-bg) !important;}
.info-card.tone-green{border-color:var(--tone-green-border) !important;background:var(--tone-green-bg) !important;}
.info-card.tone-cyan{border-color:var(--tone-cyan-border) !important;background:var(--tone-cyan-bg) !important;}
.info-card.tone-purple{border-color:var(--tone-purple-border) !important;background:var(--tone-purple-bg) !important;}
.info-card.tone-indigo{border-color:var(--tone-indigo-border) !important;background:var(--tone-indigo-bg) !important;}
.info-card.tone-amber{border-color:var(--tone-amber-border) !important;background:var(--tone-amber-bg) !important;}
.info-card.tone-rose{border-color:var(--tone-rose-border) !important;background:var(--tone-rose-bg) !important;}
.info-card.tone-teal{border-color:var(--tone-teal-border) !important;background:var(--tone-teal-bg) !important;}
.info-card.tone-slate{border-color:var(--tone-slate-border) !important;background:var(--tone-slate-bg) !important;}

.btn[disabled],
button[disabled]{
  opacity:.65;
  cursor:not-allowed;
}

/* v52 team ready behavior lock */
.tile-card.active.tone-green h5,
.task-card.active.tone-green h5,
.record-card.active.tone-green h5,
.board-item.active.tone-green h5{color:#13794f !important;}
.tile-card.active.tone-cyan h5,
.task-card.active.tone-cyan h5,
.record-card.active.tone-cyan h5,
.board-item.active.tone-cyan h5{color:#245dba !important;}
.tile-card.active.tone-purple h5,
.task-card.active.tone-purple h5,
.record-card.active.tone-purple h5,
.board-item.active.tone-purple h5{color:#5e3cc8 !important;}
.tile-card.active.tone-indigo h5,
.task-card.active.tone-indigo h5,
.record-card.active.tone-indigo h5,
.board-item.active.tone-indigo h5{color:#3f4da7 !important;}
.tile-card.active.tone-amber h5,
.task-card.active.tone-amber h5,
.record-card.active.tone-amber h5,
.board-item.active.tone-amber h5{color:#8d6400 !important;}
.tile-card.active.tone-gold h5,
.task-card.active.tone-gold h5,
.record-card.active.tone-gold h5,
.board-item.active.tone-gold h5{color:#8f6406 !important;}
.tile-card.active.tone-teal h5,
.task-card.active.tone-teal h5,
.record-card.active.tone-teal h5,
.board-item.active.tone-teal h5{color:#0e746d !important;}
.tile-card.active.tone-blue h5,
.task-card.active.tone-blue h5,
.record-card.active.tone-blue h5,
.board-item.active.tone-blue h5{color:#265aa8 !important;}
.tile-card.active.tone-rose h5,
.task-card.active.tone-rose h5,
.record-card.active.tone-rose h5,
.board-item.active.tone-rose h5{color:#a72e58 !important;}
.tile-card.active.tone-slate h5,
.task-card.active.tone-slate h5,
.record-card.active.tone-slate h5,
.board-item.active.tone-slate h5{color:#475569 !important;}

.tile-card.active,
.task-card.active,
.record-card.active,
.board-item.active{
  outline:2px solid transparent;
  outline-offset:2px;
}
.tile-card.active::before,
.task-card.active::before,
.record-card.active::before,
.board-item.active::before{
  content:'';
  position:absolute;
  top:12px;
  left:12px;
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--uis-blue);
  opacity:.92;
}
.tile-card.active h5,
.task-card.active h5,
.record-card.active h5,
.board-item.active h5{
  padding-left:12px;
}
.tile-card.active::after,
.task-card.active::after,
.record-card.active::after,
.board-item.active::after{
  height:4px !important;
  opacity:.92;
}

.metric-card h4,
.metric-card .value,
.metric-card .caption,
.section-head h3,
.panel h2,
.panel h3{
  color:var(--uis-blue) !important;
}

button[data-help],
button[data-action],
button[data-color],
button[data-task],
button[data-record],
button[data-board-agent],
button[data-board-item]{
  touch-action:manipulation;
}

/* v54 partner access finalization */
.partner-interface-panel{
  overflow:visible;
}
.partner-interface-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:24px;
  align-items:stretch;
  margin-top:20px;
}
.partner-left-stack{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}
.partner-chip-row{
  margin-top:0 !important;
  margin-bottom:0;
}
.partner-selected-detail{
  min-height:150px;
  align-self:stretch;
}
.partner-step-grid{
  margin-top:24px;
}
.partner-step-grid .info-card{
  min-height:160px;
}
.restricted-partner-panel .visual-placeholder{
  min-height:132px;
  margin-top:18px;
}
.site-link{
  color:#2A2E83;
  font-size:.72em;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}
.site-link:hover{
  text-decoration:underline;
}
.provider-card h5{
  display:flex;
  align-items:baseline;
  gap:6px;
  flex-wrap:wrap;
}
.footer-inner{
  font-size:13px;
}
.footer-links span{
  white-space:nowrap;
}
@media(max-width:1180px){
  .partner-interface-grid{
    grid-template-columns:1fr;
  }
  .partner-step-grid{
    grid-template-columns:1fr 1fr !important;
  }
}
@media(max-width:760px){
  .partner-step-grid{
    grid-template-columns:1fr !important;
  }
}

/* v55 partner review ready refinements */
.partner-interface-panel{
  overflow:visible;
}
.partner-interface-grid{
  align-items:stretch;
  gap:22px !important;
  margin-top:18px;
}
.partner-left-stack{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.partner-chip-row{
  margin-bottom:0 !important;
}
.partner-selected-detail{
  min-height:150px;
}
.partner-step-grid{
  margin-top:22px;
}
.partner-step-grid .info-card{
  min-height:150px;
}
.micro-copy{
  margin:6px 0 0;
  color:#50617f;
  line-height:1.45;
  font-size:14px;
}
.ecosystem-selector-panel .def-box{
  margin-top:18px;
}
.ecosystem-purpose-grid{
  margin-top:0;
}
.ecosystem-purpose-grid .info-card{
  min-height:175px;
}
.ecosystem-layer-grid{
  margin-top:18px;
}
.footer-inner{
  font-size:13px;
}
.footer-inner > div:first-child{
  color:#273b66;
  font-weight:700;
}
.site-link{
  font-size:.78em;
  font-weight:700;
  color:#4268b8;
  text-decoration:none;
  white-space:nowrap;
}
.site-link:hover{
  text-decoration:underline;
}
@media(max-width:1180px){
  .partner-interface-grid{
    grid-template-columns:1fr !important;
  }
}