:root {
  --paper: #ECEFF4;
  --surface: #fff;
  --ink: #0A0F1C;
  --muted: #6B7280;
  --line: #E5E7EB;
  --brand: #3D5AFE;
  --brand-dark: #2845d8;
  --red: #bd3b32;
  --red-dark: #9f2d26;
  --green: #2f765f;
  --amber: #a96c19;
  --sidebar: #1b1d1e;
  --white: #fff;
  --shadow: 0 18px 60px rgba(22, 25, 25, 0.12);
  --radius: 2px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
.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; }
.eyebrow { display: block; font-size: 10px; line-height: 1.3; letter-spacing: .14em; font-weight: 700; color: var(--muted); }

.app-shell { min-height: 100vh; }
.sidebar { position: fixed; z-index: 20; inset: 0 auto 0 0; width: 252px; padding: 28px 22px 20px; background: var(--sidebar); color: var(--white); display: flex; flex-direction: column; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.brand > span:last-child { display: grid; line-height: .9; letter-spacing: .03em; font-size: 17px; }
.brand.compact { color: var(--ink); }

.nav-list { margin-top: 68px; display: grid; gap: 7px; }
.nav-item { padding: 12px 10px; border-left: 2px solid transparent; color: #9ca0a0; text-decoration: none; font-size: 13px; transition: .2s ease; }
.nav-item span { margin-right: 14px; color: #616565; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; }
.nav-item:hover, .nav-item.is-active { color: #fff; border-left-color: var(--red); background: rgba(255,255,255,.04); }

.source-card { margin-top: auto; padding: 17px; border: 1px solid #3c4040; }
.source-card .eyebrow { color: #7f8585; }
.source-card strong { display: block; margin: 8px 0 6px; font-size: 18px; letter-spacing: .05em; }
.source-card p { margin: 0; color: #9ca0a0; font-size: 11px; line-height: 1.55; }
.source-card > small { display: block; margin-top: 10px; color: #737979; font-size: 8px; line-height: 1.4; }
.status-line { display: flex; align-items: center; gap: 8px; margin-top: 14px; color: #c8cbcb; font-size: 10px; }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: #d8a439; box-shadow: 0 0 0 3px rgba(216,164,57,.12); }
.status-dot.is-live { background: #41a77c; box-shadow: 0 0 0 3px rgba(65,167,124,.12); }

.sidebar-profile { width: 100%; margin-top: 14px; padding: 10px 0 0; border: 0; border-top: 1px solid #353839; background: transparent; color: #fff; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; text-align: left; cursor: pointer; }
.company-monogram { display: grid; place-items: center; width: 34px; aspect-ratio: 1; background: #343738; color: #fff; font-size: 11px; }
.sidebar-profile b, .sidebar-profile small { display: block; max-width: 135px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-profile b { font-size: 11px; }
.sidebar-profile small { margin-top: 2px; color: #888d8d; font-size: 9px; }

.main-content { margin-left: 252px; min-width: 0; }
.topbar { min-height: 74px; padding: 18px 42px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; background: rgba(243,241,235,.94); backdrop-filter: blur(14px); }
.topbar p { margin: 4px 0 0; font-size: 12px; color: var(--ink); }
.top-actions { display: flex; gap: 8px; }
.button { min-height: 40px; padding: 0 17px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); color: var(--ink); font-size: 11px; font-weight: 700; letter-spacing: .02em; cursor: pointer; transition: .18s ease; }
.button { text-decoration: none; }
.button:hover { transform: translateY(-1px); border-color: #aaa; }
.button.primary { background: var(--red); color: #fff; border-color: var(--red); }
.button.primary:hover { background: var(--red-dark); }
.button.ghost { background: transparent; }
.button.quiet { background: transparent; color: var(--muted); border-color: transparent; }
.button.quiet:hover { color: var(--red); border-color: var(--line); }
.button.square { width: 40px; padding: 0; font-size: 20px; font-weight: 300; }

.hero-grid { min-height: 370px; padding: 55px 42px 42px; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(360px,.65fr); gap: 58px; align-items: end; border-bottom: 1px solid var(--line); background-image: linear-gradient(to right, transparent calc(100% - 1px), rgba(30,33,33,.045) 1px), linear-gradient(to bottom, transparent calc(100% - 1px), rgba(30,33,33,.045) 1px); background-size: 54px 54px; }
.edition-tag { display: inline-flex; padding: 6px 8px; border: 1px solid var(--ink); font: 9px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; }
.hero-copy h1 { margin: 28px 0 18px; font-size: clamp(42px, 5vw, 74px); line-height: .94; letter-spacing: -.055em; font-weight: 650; }
.hero-copy h1 em { color: var(--red); font-style: normal; }
.hero-copy > p { max-width: 680px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
.hero-metrics { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); background: var(--surface); }
.hero-metrics article { min-width: 0; padding: 17px 14px; border-right: 1px solid var(--line); }
.hero-metrics article:last-child { border-right: 0; }
.hero-metrics span, .hero-metrics small { display: block; color: var(--muted); font-size: 8px; letter-spacing: .08em; }
.hero-metrics strong { display: block; margin: 13px 0 8px; font: 31px ui-monospace, SFMono-Regular, Consolas, monospace; }
.hero-metrics small { line-height: 1.35; letter-spacing: 0; }

.trust-strip { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--line); background: var(--ink); color: #fff; }
.trust-strip > div { padding: 17px 20px; display: flex; gap: 12px; border-right: 1px solid #373a3a; }
.trust-strip > div:last-child { border-right: 0; }
.trust-strip span { color: var(--red); font: 10px ui-monospace, SFMono-Regular, Consolas, monospace; }
.trust-strip p { margin: 0; color: #8f9494; font-size: 10px; line-height: 1.5; }
.trust-strip b { display: block; color: #fff; font-size: 11px; }

.workspace { padding: 46px 42px 70px; }
.workspace-heading { display: flex; justify-content: space-between; align-items: end; }
.workspace h2, .profile-section h2 { margin: 7px 0 0; font-size: 27px; letter-spacing: -.025em; }
.display-switch button { padding: 8px 12px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); font-size: 10px; }
.display-switch button.is-active { color: var(--ink); border-color: var(--ink); }
.filters { display: grid; grid-template-columns: minmax(260px,1fr) 190px 170px 40px; gap: 8px; margin: 25px 0 18px; }
.filters input, .filters select { width: 100%; height: 40px; border: 1px solid var(--line); border-radius: 0; background: var(--surface); color: var(--ink); padding: 0 12px; outline: none; font-size: 11px; }
.filters input:focus, .filters select:focus { border-color: var(--ink); }
.decision-tabs { display: flex; gap: 0; margin: -7px 0 22px; }
.decision-tabs button { min-height: 34px; padding: 0 14px; border: 1px solid var(--line); border-right: 0; background: transparent; color: var(--muted); font-size: 9px; font-weight: 700; text-transform: uppercase; cursor: pointer; }
.decision-tabs button:last-child { border-right: 1px solid var(--line); }
.decision-tabs button.is-active { background: var(--ink); border-color: var(--ink); color: #fff; }
.source-trace { margin: -10px 0 17px; color: var(--muted); font: 8px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .03em; }
.search-field { position: relative; }
.search-field span { position: absolute; left: 12px; top: 9px; font-size: 17px; }
.search-field input { padding-left: 35px; }
.list-header, .opportunity-row { display: grid; grid-template-columns: 105px minmax(260px,1fr) 125px 105px 105px 175px; gap: 18px; align-items: center; }
.list-header { padding: 0 17px 9px; color: var(--muted); font-size: 8px; letter-spacing: .12em; }
.opportunity-list { border-top: 1px solid var(--ink); }
.opportunity-row { position: relative; width: 100%; padding: 20px 17px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: inherit; text-align: left; cursor: default; transition: .18s ease; }
.opportunity-row:hover { background: var(--surface); box-shadow: inset 3px 0 var(--red); }
.opportunity-row.is-discarded { opacity: .48; }
.score-block { display: flex; align-items: center; gap: 10px; }
.score-ring { display: grid; place-items: center; width: 43px; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(var(--green) 78%, #dcdad4 0); position: relative; font: 10px ui-monospace, SFMono-Regular, Consolas, monospace; }
.score-ring.score-medium { background: conic-gradient(var(--amber) 58%, #dcdad4 0); }
.score-ring.score-low { background: conic-gradient(var(--red) 32%, #dcdad4 0); }
.score-ring::before { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--paper); }
.score-ring b { z-index: 1; color: var(--muted); font-size: 9px; font-weight: 600; }
.score-label { color: var(--muted); font-size: 8px; text-transform: uppercase; }
.fit-block { display:grid; gap:3px; align-content:center; padding-left:10px; border-left:3px solid var(--amber); }
.fit-block.score-high { border-color:var(--green); }.fit-block.score-low { border-color:var(--red); }
.fit-block strong { font-size:11px; }.fit-block small,.fit-block em { color:var(--muted); font-size:7px; font-style:normal; }
.project-cell strong { display: block; font-size: 12px; line-height: 1.45; }
.project-cell small { display: block; margin-top: 5px; color: var(--muted); font: 9px ui-monospace, SFMono-Regular, Consolas, monospace; }
.row-insight { display: block; margin-top: 8px; color: #4f5555; font-size: 9px; line-height: 1.4; }
.row-insight + .row-insight { margin-top: 3px; }
.row-insight i { display: inline-block; width: 72px; color: var(--green); font-style: normal; font-size: 7px; font-weight: 800; letter-spacing: .06em; }
.row-insight.risk i { color: var(--amber); }
.cell-label { display: inline-flex; padding: 4px 6px; border: 1px solid var(--line); color: var(--muted); font-size: 8px; text-transform: uppercase; }
.decision-label { display: inline-flex; padding: 5px 7px; border-left: 2px solid var(--green); background: rgba(45,108,91,.07); color: var(--ink); font-size: 8px; font-weight: 700; text-transform: uppercase; line-height: 1.35; }
.decision-label.has-blocker { border-color: var(--red); background: rgba(202,47,38,.07); color: var(--red); }
.deadline-cell, .effort-cell { font-size: 10px; line-height: 1.45; }
.deadline-cell small, .effort-cell small { display: block; color: var(--muted); font-size: 8px; }
.deadline-cell.critical b, .deadline-cell.expired b { color: var(--red); }
.deadline-cell.soon b { color: var(--amber); }
.deadline-cell.unknown b { color: var(--muted); }
.row-arrow { font-size: 17px; color: var(--muted); }
.project-open { width:100%; padding:0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.project-open:hover strong { color:var(--brand); }
.project-summary { display:block; margin-top:8px; color:var(--muted); font-size:9px; line-height:1.5; }
.project-summary i { display:inline-block; width:72px; color:var(--brand); font-style:normal; font-size:7px; font-weight:800; letter-spacing:.06em; }
.source-line { display:block; margin-top:7px; color:var(--muted); font-size:7px; letter-spacing:.03em; }
.row-action-group { display:flex; align-items:center; justify-content:flex-end; gap:6px; }
.row-action-group button { min-height:34px; padding:0 10px; border:1px solid var(--line); background:var(--surface); color:var(--ink); font-size:8px; font-weight:800; cursor:pointer; }
.row-action-group .analyze-row { background:var(--brand); border-color:var(--brand); color:#fff; }
.row-action-group button:hover { border-color:var(--brand); }
.eligibility-label { display:inline-flex; padding:6px 8px; border-left:2px solid var(--amber); background:rgba(169,108,25,.07); color:var(--amber); font-size:8px; font-weight:700; text-transform:uppercase; line-height:1.35; }
.eligibility-label.is-clear { border-color:var(--green); background:rgba(45,108,91,.07); color:var(--green); }
.eligibility-label.is-blocked { border-color:var(--red); background:rgba(202,47,38,.07); color:var(--red); }
.loading-state, .empty-state { min-height: 180px; display: grid; place-items: center; align-content: center; color: var(--muted); font-size: 11px; }
.loading-state i { width: 28px; height: 28px; border: 2px solid var(--line); border-top-color: var(--red); border-radius: 50%; animation: spin .9s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.profile-section { padding: 56px 42px; border-top: 1px solid var(--line); display: grid; grid-template-columns: .7fr 1.3fr; gap: 60px; background: var(--surface); }
.profile-preview { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--ink); }
.profile-preview article { padding: 16px 0; border-bottom: 1px solid var(--line); }
.profile-preview article:nth-child(odd) { padding-right: 20px; }
.profile-preview article:nth-child(even) { padding-left: 20px; border-left: 1px solid var(--line); }
.profile-preview span { color: var(--muted); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.profile-preview strong { display: block; margin-top: 7px; font-size: 12px; line-height: 1.45; }
.profile-preview small { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.profile-history button, .profile-data button { margin-top: 8px; padding: 0; border: 0; border-bottom: 1px solid var(--muted); background: transparent; color: var(--muted); font-size: 8px; cursor: pointer; }
.profile-data div { display:flex; gap:12px; }
.profile-history button:hover, .profile-data button:hover { color: var(--red); border-color: var(--red); }
.method-section { padding: 56px 42px; background: var(--paper); }
.method-grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 22px; border-top: 1px solid var(--ink); }
.method-grid article { padding: 23px 22px 12px 0; border-right: 1px solid var(--line); }
.method-grid article:not(:first-child) { padding-left: 22px; }
.method-grid article:last-child { border-right: 0; }
.method-grid span { color: var(--red); font: 10px ui-monospace, SFMono-Regular, Consolas, monospace; }
.method-grid h3 { margin: 25px 0 8px; font-size: 15px; }
.method-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.footer { padding: 18px 42px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; color: var(--muted); font-size: 9px; }
.footer p { margin: 0; }

dialog { border: 0; padding: 0; color: var(--ink); }
dialog::backdrop { background: rgba(16,18,18,.62); backdrop-filter: blur(5px); }
.onboarding-dialog { width: min(760px, calc(100vw - 32px)); background: var(--surface); box-shadow: var(--shadow); }
.onboarding-dialog form { width: 100%; height: min(780px, calc(100vh - 32px)); min-height: 620px; display: flex; flex-direction: column; }
.dialog-header, .detail-header { padding: 21px 26px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.icon-button { width: 34px; height: 34px; border: 1px solid var(--line); background: transparent; color: var(--ink); font-size: 20px; cursor: pointer; }
.progress-rail { height: 2px; background: var(--line); }
.progress-rail i { display: block; width: 33.333%; height: 100%; background: var(--red); transition: width .25s ease; }
.progress-rail i[data-step="2"] { width: 66.666%; }
.progress-rail i[data-step="3"] { width: 75%; }
.progress-rail i[data-step="4"] { width: 100%; }
.onboarding-step { display: none; padding: 45px 58px 24px; overflow-y: auto; }
.onboarding-step.is-active { display: block; flex: 1; animation: appear .25s ease; }
@keyframes appear { from { opacity: 0; transform: translateY(5px); } }
.onboarding-step h2 { max-width: 540px; margin: 10px 0 9px; font-size: 34px; letter-spacing: -.04em; }
.onboarding-step > p { max-width: 580px; margin: 0 0 30px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.field-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.field-grid label, fieldset legend { color: var(--muted); font-size: 10px; font-weight: 700; }
.field-grid label.wide { grid-column: 1 / -1; }
.field-grid input, .field-grid select, .field-grid textarea { display: block; width: 100%; height: 46px; margin-top: 7px; padding: 0 13px; border: 1px solid var(--line); border-radius: 0; background: #fff; color: var(--ink); outline: none; font: inherit; }
.field-grid textarea { height: auto; min-height: 62px; padding-top: 11px; line-height: 1.45; resize: vertical; }
.field-grid input:focus, .field-grid select:focus, .field-grid textarea:focus { border-color: var(--ink); }
.field-grid label > small { display: block; margin-top: 5px; color: #888d8d; font-size: 8px; font-weight: 400; line-height: 1.4; }
.advanced-step { padding-top: 30px; }
.advanced-step h2 { margin-top: 7px; }
.optional-tag { display: inline-flex; margin-top: 12px; padding: 5px 7px; border: 1px solid var(--green); color: var(--green); font-size: 8px; font-weight: 700; letter-spacing: .08em; }
.advanced-fields { gap: 12px 16px; }
fieldset { margin: 0 0 25px; padding: 0; border: 0; }
fieldset legend { margin-bottom: 10px; }
.choice-grid { display: grid; gap: 8px; }
.choice-grid.cantons { grid-template-columns: repeat(3,1fr); }
.choice-grid.skills { grid-template-columns: repeat(4,1fr); }
.choice-grid label { position: relative; }
.choice-grid input { position: absolute; opacity: 0; pointer-events: none; }
.choice-grid label > span { min-height: 48px; padding: 10px; border: 1px solid var(--line); background: #fff; display: grid; place-items: center; font-size: 10px; cursor: pointer; transition: .15s ease; }
.choice-grid.cantons label > span { display: inline-grid; width: 38px; margin-right: 9px; background: var(--paper); font: 9px ui-monospace, SFMono-Regular, Consolas, monospace; }
.choice-grid.cantons label { min-height: 48px; padding-right: 8px; border: 1px solid var(--line); background: #fff; display: flex; align-items: center; font-size: 10px; cursor: pointer; }
.choice-grid.cantons label > span { border: 0; border-right: 1px solid var(--line); }
.choice-grid input:checked + span, .choice-grid.cantons label:has(input:checked) { border-color: var(--red); box-shadow: inset 0 0 0 1px var(--red); color: var(--red); }
.choice-grid.quick-options { grid-template-columns:repeat(3,1fr); }
.choice-grid.quick-options label > span { min-height:64px; padding:12px 13px; display:flex; align-items:flex-start; flex-direction:column; justify-content:center; }
.choice-grid.quick-options b,.choice-grid.quick-options small { display:block; }
.choice-grid.quick-options b { font-size:11px; color:var(--ink); }
.choice-grid.quick-options small { margin-top:4px; color:var(--muted); font-size:8px; }
.choice-grid.quick-options input:checked + span { background:rgba(49,87,213,.045); }
fieldset legend > small { margin-left:6px; color:var(--muted); font-weight:400; }
.simple-field { display:grid; gap:7px; margin-top:20px; color:var(--muted); font-size:9px; }
.simple-field > span { margin-left:5px; font-size:7px; text-transform:uppercase; }
.profile-pickers { display:grid; gap:10px; }
.term-picker { padding:15px 16px; border:1px solid var(--line); background:#fff; }
.term-picker > div:first-child { display:flex; align-items:baseline; justify-content:space-between; gap:15px; }
.term-picker > div:first-child b { font-size:11px; }.term-picker > div:first-child small { color:var(--muted); font-size:8px; }
.term-picker details { margin-top:9px; }
.term-picker summary,.expert-settings summary { color:var(--muted); font-size:8px; cursor:pointer; }
.multi-dropdown { position:relative; }
.multi-dropdown > summary { min-height:42px; padding:0 13px; display:flex; align-items:center; justify-content:space-between; gap:14px; border:1px solid var(--line); background:var(--paper); color:var(--ink); font-size:10px; list-style:none; }
.multi-dropdown > summary::-webkit-details-marker { display:none; }
.multi-dropdown > summary i { width:7px; height:7px; flex:0 0 auto; border-right:1px solid var(--muted); border-bottom:1px solid var(--muted); transform:rotate(45deg) translateY(-2px); transition:.15s ease; }
.multi-dropdown[open] > summary { border-color:var(--brand); box-shadow:inset 0 0 0 1px var(--brand); }
.multi-dropdown[open] > summary i { transform:rotate(225deg) translate(-2px,-2px); }
.term-options { max-height:210px; overflow-x:hidden; overflow-y:auto; padding:7px; display:grid; grid-template-columns:1fr 1fr; gap:5px; border:1px solid var(--line); border-top:0; background:#fff; scrollbar-width:thin; }
.term-options button { min-height:38px; padding:8px 10px; border:1px solid transparent; background:transparent; color:var(--muted); font:inherit; font-size:9px; text-align:left; cursor:pointer; transition:.12s ease; }
.term-options button::before { content:""; width:13px; height:13px; margin-right:8px; display:inline-grid; vertical-align:-3px; border:1px solid var(--line); background:#fff; }
.term-options button:hover { background:var(--paper); color:var(--ink); }
.term-options button.is-selected { background:rgba(49,87,213,.055); color:var(--brand); font-weight:700; }
.term-options button.is-selected::before { content:"✓"; place-items:center; border-color:var(--brand); background:var(--brand); color:#fff; font-size:8px; }
.manual-entry { padding-left:2px; }
.term-picker textarea { width:100%; margin-top:9px; }
.expert-settings { margin-top:12px; padding:14px 16px; border:1px dashed var(--line); }
.expert-settings summary { display:flex; justify-content:space-between; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.expert-settings summary span { font-weight:400; text-transform:none; letter-spacing:0; }
.expert-settings[open] .advanced-fields { margin-top:15px; }
.privacy-note { margin-top: 24px; padding: 15px; border: 1px solid var(--line); display: flex; gap: 12px; }
.privacy-note span { color: var(--green); }
.privacy-note p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.privacy-note b { display: block; color: var(--ink); }
.dialog-footer { margin-top: auto; padding: 18px 26px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; }
.step-dots { display: flex; gap: 6px; margin-left: auto; margin-right: auto; }
.step-dots i { width: 22px; height: 2px; background: var(--line); }
.step-dots i.is-active { background: var(--red); }

.detail-dialog { width: min(900px, calc(100vw - 32px)); max-height: calc(100vh - 32px); background: var(--surface); box-shadow: var(--shadow); }
.detail-dialog article { min-height: 560px; }
#detail-content { padding: 36px 42px 44px; }
.detail-title { margin: 8px 0 12px; max-width: 730px; font-size: 34px; line-height: 1.08; letter-spacing: -.04em; }
.detail-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.source-audit { margin:0 0 20px; padding:13px 15px; display:grid; grid-template-columns:1fr 1fr; gap:10px 25px; border:1px solid var(--line); background:rgba(49,87,213,.035); }
.source-audit span,.source-audit strong { display:block; }.source-audit span { color:var(--muted); font-size:7px; letter-spacing:.08em; }.source-audit strong { margin-top:5px; font-size:9px; }.source-audit p { grid-column:1/-1; margin:2px 0 0; color:var(--muted); font-size:8px; }
.fit-caption { display:block; margin-top:6px; font-size:9px; font-weight:700; text-transform:uppercase; }
.detail-score { display: grid; grid-template-columns: 150px 1fr; gap: 28px; padding: 24px 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); }
.detail-score-number { font: 44px ui-monospace, SFMono-Regular, Consolas, monospace; color: var(--green); opacity: .78; }
.detail-score-number.score-medium { color: var(--amber); }
.detail-score-number.score-low { color: var(--red); }
.detail-score-number small { font-size: 14px; color: var(--muted); }
.detail-score h3, .detail-grid h3 { margin: 0 0 10px; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.reason-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 7px; }
.reason-list li { color: var(--muted); font-size: 11px; line-height: 1.5; }
.reason-list li::before { content: "+"; display: inline-block; width: 18px; color: var(--green); font-weight: 700; }
.reason-list li.risk::before { content: "!"; color: var(--amber); }
.reason-list li.blocker { color: var(--red); font-weight: 700; }
.reason-list li.blocker::before { content: "×"; color: var(--red); }
.decision-summary { margin-bottom: 14px; padding: 11px 13px; border-left: 3px solid var(--amber); background: rgba(180,119,31,.08); }
.decision-summary.decision-go { border-color: var(--green); background: rgba(45,108,91,.08); }
.decision-summary.decision-stop { border-color: var(--red); background: rgba(202,47,38,.08); }
.decision-summary strong, .decision-summary span { display: block; }
.decision-summary strong { font-size: 13px; }
.decision-summary span { margin-top: 4px; color: var(--muted); font-size: 9px; }
.dimension-grid { display: grid; grid-template-columns: repeat(5,1fr); border-bottom: 1px solid var(--line); }
.dimension-grid article { position: relative; padding: 15px 14px 17px; border-right: 1px solid var(--line); }
.dimension-grid article:last-child { border-right: 0; }
.dimension-grid span, .dimension-grid b { display: block; }
.dimension-grid span { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.dimension-grid b { margin: 7px 0 9px; font: 15px ui-monospace, SFMono-Regular, Consolas, monospace; }
.dimension-grid i { display: block; width: 20%; height: 2px; background: var(--red); }
.dimension-grid i.level-2 { width: 40%; background: var(--red); }
.dimension-grid i.level-3 { width: 60%; background: var(--amber); }
.dimension-grid i.level-4 { width: 80%; background: var(--green); }
.dimension-grid i.level-5 { width: 100%; background: var(--green); }
.detail-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 28px; margin-top: 28px; }
.detail-grid section { padding-top: 14px; border-top: 1px solid var(--line); }
.detail-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.detail-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.next-action { margin-top:25px; padding:18px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:25px; border-left:3px solid var(--brand); background:rgba(49,87,213,.055); }
.next-action span,.next-action strong,.next-action small { display:block; }.next-action span { color:var(--brand); font-size:7px; font-weight:800; letter-spacing:.09em; }.next-action strong { margin-top:6px; font-size:11px; }.next-action small { margin-top:5px; color:var(--muted); font-size:8px; }
.decision-controls { margin-top: 26px; padding-top: 16px; border-top: 1px solid var(--line); }
.decision-controls label { color: var(--muted); font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.decision-controls select { display: block; width: min(340px,100%); height: 40px; margin-top: 7px; padding: 0 11px; border: 1px solid var(--line); border-radius: 0; background: #fff; color: var(--ink); font-size: 10px; }

@media (max-width: 1050px) {
  .sidebar { width: 210px; }
  .main-content { margin-left: 210px; }
  .hero-grid { grid-template-columns: 1fr; gap: 30px; }
  .list-header, .opportunity-row { grid-template-columns: 90px minmax(230px,1fr) 95px 100px 165px; }
  .list-header span:nth-child(5), .deadline-cell { display: none; }
  .trust-strip { grid-template-columns: repeat(2,1fr); }
  .method-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 760px) {
  .sidebar { position: static; width: 100%; height: 66px; padding: 14px 18px; flex-direction: row; align-items: center; justify-content: space-between; }
  .nav-list, .source-card { display: none; }
  .sidebar-profile { width: auto; margin: 0; padding: 0; border: 0; grid-template-columns: 32px auto; }
  .sidebar-profile > span:last-child, .sidebar-profile small { display: none; }
  .main-content { margin-left: 0; }
  .topbar { padding: 15px 18px; }
  .topbar > div:first-child, .button.ghost { display: none; }
  .top-actions { width: 100%; justify-content: flex-end; }
  .hero-grid, .workspace, .profile-section, .method-section { padding-left: 18px; padding-right: 18px; }
  .hero-grid { min-height: auto; padding-top: 38px; }
  .hero-copy h1 { font-size: 43px; }
  .hero-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .trust-strip { grid-template-columns: 1fr 1fr; }
  .filters { grid-template-columns: 1fr 40px; }
  .filters label:nth-child(2), .filters label:nth-child(3) { display: none; }
  .decision-tabs { overflow-x: auto; }
  .decision-tabs button { flex: 0 0 auto; }
  .list-header { display: none; }
  .opportunity-row { grid-template-columns: 64px 1fr; gap: 10px; padding: 16px 6px; }
  .opportunity-row > :nth-child(3), .opportunity-row > .effort-cell, .opportunity-row > .deadline-cell { display: none; }
  .row-insight { display: none; }
  .opportunity-row > .row-action-group { grid-column: 2; display: flex; justify-content: flex-start; }
  .score-block { gap: 6px; }
  .score-label { display: none; }
  .profile-section { grid-template-columns: 1fr; gap: 30px; }
  .method-grid { grid-template-columns: 1fr; }
  .method-grid article, .method-grid article:not(:first-child) { padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .footer { padding: 18px; display: grid; gap: 7px; }
  .onboarding-step { padding: 34px 24px 20px; }
  .onboarding-step h2 { font-size: 28px; }
  .field-grid { grid-template-columns: 1fr; }
  .field-grid label.wide { grid-column: auto; }
  .choice-grid.cantons { grid-template-columns: repeat(2,1fr); }
  .choice-grid.skills { grid-template-columns: repeat(2,1fr); }
  #detail-content { padding: 30px 22px; }
  .detail-title { font-size: 27px; }
  .detail-score, .detail-grid { grid-template-columns: 1fr; }
  .source-audit,.next-action { grid-template-columns: 1fr; }
  .dimension-grid { grid-template-columns: 1fr 1fr; }
  .dimension-grid article { border-bottom: 1px solid var(--line); }
}

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

/* Attribis V5: operational dashboard */
.product-header { position: sticky; z-index: 30; top: 0; min-height: 68px; padding: 0 32px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid var(--line); background: rgba(244,242,236,.96); backdrop-filter: blur(14px); }
.product-header .brand { justify-self: start; color: var(--ink); }
.brand > span:last-child { display: block; font-size: 15px; line-height: 1; letter-spacing: -.02em; }
.product-nav { height: 68px; display: flex; align-items: stretch; gap: 28px; }
.product-nav a { padding-top: 27px; border-bottom: 3px solid transparent; color: var(--muted); font-size: 10px; font-weight: 700; text-decoration: none; }
.product-nav a:hover, .product-nav a.is-active { color: var(--ink); border-color: var(--brand); }
.header-tools { justify-self: end; display: flex; align-items: center; gap: 22px; }
.header-source { text-align: right; }
.header-source .status-line { justify-content: flex-end; margin: 0; color: var(--ink); font-size: 8px; font-weight: 700; }
.header-source > small { display: block; margin-top: 3px; color: var(--muted); font-size: 7px; }
.header-profile { min-width: 190px; padding: 0; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 10px; border: 0; background: transparent; color: var(--ink); text-align: left; cursor: pointer; }
.header-profile b, .header-profile small { display: block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header-profile b { font-size: 9px; }
.header-profile small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.company-monogram { background: var(--ink); }

.main-content { margin-left: 0; min-width: 0; }
.dashboard-intro { max-width: 1440px; margin: 0 auto; padding: 44px 42px 0; display: grid; grid-template-columns: 1fr auto; gap: 28px; }
.dashboard-heading h1 { margin: 9px 0 7px; font-size: clamp(36px,4vw,58px); line-height: 1; letter-spacing: -.06em; }
.dashboard-heading h1 > span { color: var(--brand); }
.dashboard-heading > p { margin: 0; color: var(--muted); font-size: 11px; }
.dashboard-intro .top-actions { align-self: end; padding-bottom: 3px; }
.button.primary { background: var(--brand); border-color: var(--brand); }
.button.primary:hover { background: var(--brand-dark); border-color: var(--brand-dark); }
.button.quiet:hover { color: var(--brand); }
.dashboard-intro .hero-metrics { grid-column: 1 / -1; margin-top: 18px; border: 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); background: transparent; }
.dashboard-intro .hero-metrics article { padding: 14px 16px 15px 0; }
.dashboard-intro .hero-metrics article:not(:first-child) { padding-left: 16px; }
.dashboard-intro .hero-metrics strong { margin: 9px 0 5px; font-size: 23px; }

.profile-prompt { max-width: 1356px; margin: 18px auto 0; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-left: 3px solid var(--brand); background: rgba(49,87,213,.065); }
.profile-prompt[hidden] { display: none; }
.profile-prompt span { color: var(--brand); font-size: 8px; font-weight: 800; letter-spacing: .09em; }
.profile-prompt p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.profile-prompt .button { flex: 0 0 auto; }

.relevance-passport { max-width: 1356px; margin: 18px auto 0; padding: 18px 20px; display: grid; grid-template-columns: 105px minmax(280px,1fr) auto auto; align-items: center; gap: 22px; border: 1px solid var(--line); border-left: 3px solid var(--brand); background: var(--surface); }
.passport-score { min-height: 56px; padding-right: 20px; border-right: 1px solid var(--line); }
.passport-score strong, .passport-score span { display: block; }
.passport-score strong { color: var(--brand); font: 25px ui-monospace, SFMono-Regular, Consolas, monospace; }
.passport-score span, .passport-copy > span { margin-top: 5px; color: var(--muted); font-size: 7px; font-weight: 800; letter-spacing: .09em; }
.passport-copy h2 { margin: 5px 0 4px; font-size: 15px; letter-spacing: -.02em; }
.passport-copy p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.passport-facts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; max-width: 320px; }
.passport-facts span { padding: 5px 7px; border: 1px solid var(--line); color: var(--muted); font-size: 8px; white-space: nowrap; }

.workspace { max-width: 1440px; margin: 0 auto; padding: 38px 42px 64px; }
.workspace-heading { align-items: center; }
.workspace h2, .profile-section h2 { font-size: 25px; }
.display-switch { display: none; }
.filters { margin-top: 20px; }
.opportunity-row:hover { box-shadow: inset 3px 0 var(--brand); }
.loading-state i { border-top-color: var(--brand); }
.profile-section { max-width: 1440px; margin: 0 auto; padding: 52px 42px; }
.profile-history button:hover { color: var(--brand); border-color: var(--brand); }
.footer { max-width: 1440px; margin: 0 auto; }
.footer a:hover { color: var(--brand); }

.progress-rail i, .step-dots i.is-active { background: var(--brand); }
.choice-grid input:checked + span, .choice-grid.cantons label:has(input:checked) { border-color: var(--brand); box-shadow: inset 0 0 0 1px var(--brand); color: var(--brand); }
.optional-tag { border-color: var(--brand); color: var(--brand); }
.detail-actions .button.primary { background: var(--brand); border-color: var(--brand); }

@media (max-width: 1050px) {
  .main-content { margin-left: 0; }
  .header-source { display: none; }
  .dashboard-intro, .workspace, .profile-section { padding-left: 28px; padding-right: 28px; }
  .profile-prompt { margin-left: 28px; margin-right: 28px; }
  .relevance-passport { margin-left: 28px; margin-right: 28px; grid-template-columns: 90px 1fr auto; }
  .passport-facts { display: none; }
}

@media (max-width: 760px) {
  .product-header { min-height: 62px; padding: 0 18px; grid-template-columns: 1fr auto; }
  .product-nav { display: none; }
  .header-profile { min-width: 0; grid-template-columns: 32px; }
  .header-profile > span:last-child { display: none; }
  .dashboard-intro { padding: 30px 18px 0; grid-template-columns: 1fr; gap: 18px; }
  .dashboard-heading h1 { font-size: 39px; }
  .dashboard-intro .top-actions { grid-row: 1; justify-self: end; }
  .dashboard-intro .top-actions .button.primary { display: none; }
  .dashboard-intro .hero-metrics { margin-top: 5px; }
  .dashboard-intro .hero-metrics article:nth-child(2) { border-right: 0; }
  .dashboard-intro .hero-metrics article:nth-child(n+3) { border-top: 1px solid var(--line); }
  .profile-prompt { margin: 14px 18px 0; align-items: start; flex-direction: column; gap: 12px; }
  .relevance-passport { margin: 14px 18px 0; padding: 16px; grid-template-columns: 70px 1fr; gap: 14px; }
  .passport-score { padding-right: 12px; }
  .relevance-passport .button { grid-column: 1 / -1; width: 100%; }
  .workspace, .profile-section { padding-left: 18px; padding-right: 18px; }
}

.value-ledger { max-width:1356px; margin:12px auto 0; display:grid; grid-template-columns:repeat(3,180px) 1fr; align-items:center; border:1px solid var(--line); background:rgba(49,87,213,.035); }
.value-ledger[hidden] { display:none; }
.value-ledger > div { padding:13px 16px; border-right:1px solid var(--line); }
.value-ledger span,.value-ledger small { display:block; color:var(--muted); font-size:7px; letter-spacing:.06em; }
.value-ledger strong { display:block; margin:5px 0 3px; color:var(--brand); font-size:18px; }
.value-ledger > p { margin:0; padding:0 18px; color:var(--muted); font-size:8px; line-height:1.5; }

.agent-briefing { max-width:1356px; margin:22px auto 0; padding:0 42px; display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:18px; }
.briefing-player { padding:26px 28px; border:1px solid var(--line); background:var(--surface); box-shadow:0 18px 50px rgba(20,24,23,.06); }
.briefing-player h2 { margin:8px 0 8px; font-size:28px; letter-spacing:-.04em; }
.briefing-player p { max-width:820px; margin:0; color:var(--muted); font-size:12px; line-height:1.65; }
.briefing-actions { margin-top:20px; display:flex; flex-wrap:wrap; gap:8px; }
.briefing-note { padding:22px; border:1px solid var(--line); background:linear-gradient(180deg, rgba(49,87,213,.07), rgba(255,255,255,.55)); }
.briefing-note span { color:var(--brand); font-size:8px; font-weight:800; letter-spacing:.1em; }
.briefing-note p { margin:10px 0 0; color:var(--muted); font-size:10px; line-height:1.6; }

.top-opportunities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.top-opportunity { display:grid; grid-template-columns:72px 1fr; min-height:355px; border:1px solid var(--line); background:var(--surface); box-shadow:0 18px 45px rgba(20,24,23,.055); }
.top-opportunity.score-high { border-top:3px solid var(--green); }
.top-opportunity.score-medium { border-top:3px solid var(--amber); }
.top-opportunity.score-low { border-top:3px solid var(--red); }
.top-rank { padding:20px 14px; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; }
.top-rank span { color:var(--muted); font-size:9px; font-weight:800; }
.top-rank strong { color:var(--brand); font-size:32px; letter-spacing:-.05em; }
.top-rank small { font-size:11px; }
.top-opportunity-body { padding:22px; display:flex; flex-direction:column; min-width:0; }
.top-opportunity h3 { margin:14px 0 8px; font-size:21px; line-height:1.14; letter-spacing:-.035em; }
.buyer-line { margin:0 0 17px; color:var(--muted); font-size:10px; line-height:1.5; }
.why-grid { display:grid; gap:17px; margin-top:4px; }
.why-grid b { display:block; margin-bottom:7px; font-size:9px; text-transform:uppercase; letter-spacing:.06em; }
.why-grid ul { margin:0; padding:0; list-style:none; display:grid; gap:5px; }
.why-grid li { color:var(--muted); font-size:10px; line-height:1.45; }
.why-grid li::before { content:"+"; display:inline-block; width:16px; color:var(--brand); font-weight:800; }
.top-card-footer { margin-top:auto; padding-top:18px; border-top:1px solid var(--line); display:grid; gap:12px; }
.top-card-footer > span { color:var(--muted); font-size:9px; }
.top-card-footer div { display:flex; flex-wrap:wrap; gap:8px; }

.secondary-opportunities { margin-top:32px; padding-top:22px; border-top:1px solid var(--ink); }
.secondary-heading { display:block; margin-bottom:12px; }
.secondary-heading h3 { margin:4px 0 0; font-size:18px; }
.compact-opportunity { display:grid; grid-template-columns:minmax(0,1fr) 74px 110px 58px; gap:16px; align-items:center; padding:13px 0; border-bottom:1px solid var(--line); }
.compact-opportunity strong,.compact-opportunity small { display:block; }
.compact-opportunity strong { font-size:11px; line-height:1.35; }
.compact-opportunity small { margin-top:4px; color:var(--muted); font-size:8px; }
.compact-opportunity > span { color:var(--muted); font-size:9px; }

.section-heading { max-width:760px; }
.section-heading h2 { margin:7px 0 8px; font-size:25px; letter-spacing:-.025em; }
.section-heading p { margin:0; color:var(--muted); font-size:10px; line-height:1.6; }
.dossiers-section,.settings-section { max-width:1440px; margin:0 auto; padding:56px 42px; border-top:1px solid var(--line); }
.dossiers-list { margin-top:24px; display:grid; gap:10px; }
.empty-dossiers { padding:24px; border:1px dashed var(--line); color:var(--muted); background:rgba(255,255,255,.45); }
.empty-dossiers strong { display:block; color:var(--ink); font-size:12px; }
.empty-dossiers p { margin:6px 0 0; font-size:10px; }
.dossier-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr) auto; gap:22px; align-items:center; padding:18px 20px; border:1px solid var(--line); background:var(--surface); }
.dossier-card h3 { margin:9px 0 5px; font-size:17px; letter-spacing:-.025em; }
.dossier-card p { margin:0; color:var(--muted); font-size:9px; }
.dossier-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--line); }
.dossier-stats span { padding:10px 12px; border-right:1px solid var(--line); }
.dossier-stats span:last-child { border-right:0; }
.dossier-stats b,.dossier-stats small { display:block; }
.dossier-stats b { font-size:12px; }
.dossier-stats small { margin-top:3px; color:var(--muted); font-size:7px; }
.settings-grid { margin:24px 0 18px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); background:var(--surface); }
.settings-grid article { padding:18px; border-right:1px solid var(--line); }
.settings-grid article:last-child { border-right:0; }
.settings-grid span { color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.settings-grid strong,.settings-grid small { display:block; }
.settings-grid strong { margin-top:9px; font-size:13px; }
.settings-grid small { margin-top:6px; color:var(--muted); font-size:9px; line-height:1.5; }

.profile-section .relevance-passport { margin:22px 0 0; padding:16px; grid-template-columns:86px 1fr; }
.profile-section .passport-facts { grid-column:1 / -1; justify-content:flex-start; max-width:none; }
.profile-section .relevance-passport .button { grid-column:1 / -1; justify-self:start; }

.preparation-dialog { width:min(980px,calc(100vw - 32px)); max-height:calc(100vh - 32px); background:var(--surface); box-shadow:var(--shadow); }
.preparation-dialog article { min-height:620px; }
#preparation-content { padding:34px 42px 44px; }
.preparation-loading { min-height:420px; display:grid; place-items:center; align-content:center; color:var(--muted); font-size:11px; }
.preparation-loading i { width:30px; height:30px; margin-bottom:14px; border:2px solid var(--line); border-top-color:var(--brand); border-radius:50%; animation:spin .9s linear infinite; }
.prep-kicker { color:var(--brand); font-size:8px; font-weight:800; letter-spacing:.1em; }
.prep-title { max-width:780px; margin:9px 0 8px; font-size:32px; line-height:1.08; letter-spacing:-.045em; }
.prep-subtitle { margin:0; color:var(--muted); font-size:10px; }
.plan-progress { margin-top:22px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }
.plan-progress div { padding:13px 15px; border-right:1px solid var(--line); }.plan-progress div:last-child { border-right:0; }
.plan-progress strong,.plan-progress span { display:block; }.plan-progress strong { color:var(--brand); font-size:18px; }.plan-progress span { margin-top:3px; color:var(--muted); font-size:8px; }
.prep-value { margin:25px 0; padding:17px 18px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); border-bottom:1px solid var(--line); }
.prep-value div { padding:0 16px; border-right:1px solid var(--line); }
.prep-value div:first-child { padding-left:0; }
.prep-value div:last-child { border-right:0; }
.prep-value span,.prep-value small { display:block; color:var(--muted); font-size:7px; letter-spacing:.07em; }
.prep-value strong { display:block; margin:7px 0 4px; font-size:20px; }
.prep-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.prep-panel { padding-top:15px; border-top:1px solid var(--line); }
.prep-panel h3 { margin:0 0 12px; font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.prep-panel p { margin:0; color:var(--muted); font-size:10px; line-height:1.65; }
.prep-list { margin:0; padding:0; list-style:none; display:grid; gap:8px; }
.prep-list li { color:var(--muted); font-size:10px; line-height:1.5; }
.prep-list li::before { content:"+"; display:inline-block; width:18px; color:var(--green); font-weight:800; }
.prep-list li.warning::before { content:"!"; color:var(--amber); }
.prep-tags { display:flex; flex-wrap:wrap; gap:6px; }
.prep-tags span { padding:6px 8px; border:1px solid var(--line); color:var(--muted); font-size:8px; }
.prep-disclaimer { margin-top:24px; padding:12px 14px; border-left:2px solid var(--amber); background:rgba(169,108,25,.06); color:var(--muted); font-size:9px; line-height:1.55; }
.discovery-progress { margin-top:24px; padding:16px; display:flex; justify-content:space-between; gap:20px; border:1px solid var(--line); }
.discovery-progress p { margin:0; color:var(--muted); font-size:9px; }
.discovery-progress b { font-size:10px; }
.pro-offer { margin-top:18px; padding:22px; display:grid; grid-template-columns:1fr auto; gap:25px; border-top:3px solid var(--brand); background:var(--ink); color:#fff; }
.pro-offer span { color:#8f9692; font-size:7px; letter-spacing:.09em; }
.pro-offer h3 { margin:7px 0 8px; font-size:20px; }
.pro-offer p { margin:0; color:#aab0ad; font-size:9px; line-height:1.55; }
.pro-offer strong { align-self:center; font-size:25px; white-space:nowrap; }
.pro-offer strong small { color:#9ca29f; font-size:8px; }
.pro-interest { margin-top:14px; min-height:36px; padding:0 13px; border:1px solid #68706c; background:transparent; color:#fff; font-size:8px; font-weight:800; cursor:pointer; }
.pro-interest:disabled { color:#9ca29f; cursor:default; }
.prep-limit { min-height:430px; display:grid; align-content:center; max-width:650px; margin:auto; text-align:center; }
.prep-limit h2 { margin:10px 0; font-size:36px; letter-spacing:-.05em; }
.prep-limit p { color:var(--muted); font-size:11px; line-height:1.65; }

.library-section { max-width:1440px; margin:0 auto; padding:56px 42px; border-top:1px solid var(--line); }
.library-heading { display:grid; grid-template-columns:1fr auto; gap:50px; align-items:end; }
.library-heading h2 { margin:7px 0 8px; font-size:25px; letter-spacing:-.025em; }
.library-heading p { max-width:650px; margin:0; color:var(--muted); font-size:10px; line-height:1.6; }
.library-upload { cursor:pointer; }
.library-category-field { max-width:430px; margin-top:22px; display:grid; grid-template-columns:125px minmax(180px,1fr); align-items:center; gap:7px 12px; }
.library-category-field > span { color:var(--ink); font-size:9px; font-weight:700; }
.library-category-field select { width:100%; }
.library-category-field small { grid-column:2; color:var(--muted); font-size:7px; }
.library-status { margin:22px 0 9px; color:var(--muted); font-size:8px; letter-spacing:.05em; text-transform:uppercase; }
.library-list { border-top:1px solid var(--ink); }
.library-document { display:grid; grid-template-columns:44px 1fr auto auto; gap:15px; align-items:center; padding:12px 0; border-bottom:1px solid var(--line); }
.document-type { display:grid; place-items:center; height:34px; border:1px solid var(--line); color:var(--brand); font-size:7px; font-weight:800; }
.library-document strong,.library-document small { display:block; }
.library-document strong { font-size:10px; }
.library-document small { margin-top:4px; color:var(--muted); font-size:8px; }
.document-state { color:var(--muted); font-size:8px; }
.document-state.is-readable { color:var(--green); }
.library-empty,.library-privacy { color:var(--muted); font-size:9px; line-height:1.6; }
.library-empty { padding:25px 0; }
.library-privacy { margin:14px 0 0; padding:10px 12px; border-left:2px solid var(--brand); background:rgba(49,87,213,.04); }

.template-choice { max-width:760px; margin:auto; padding-top:20px; }
.template-choice h2 { max-width:680px; margin:10px 0; font-size:34px; letter-spacing:-.045em; }
.template-choice > p { color:var(--muted); font-size:10px; line-height:1.6; }
.template-options { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:25px 0; }
.template-options button { padding:20px; display:grid; grid-template-columns:30px 1fr; gap:4px 12px; border:1px solid var(--line); background:#fff; text-align:left; cursor:pointer; }
.template-options button:hover { border-color:var(--brand); box-shadow:0 8px 25px rgba(0,0,0,.06); }
.template-options button > span { grid-row:1/3; color:var(--brand); font-size:9px; }
.template-options strong { font-size:12px; }
.template-options small { color:var(--muted); font-size:8px; line-height:1.5; }
.template-existing { padding:18px; border:1px solid var(--line); background:rgba(49,87,213,.025); }
.template-existing[hidden] { display:none; }
.template-files { margin:14px 0; display:grid; gap:7px; }
.template-files label { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid var(--line); background:#fff; }
.template-files b,.template-files small { display:block; }
.template-files b { font-size:9px; }.template-files small { margin-top:3px; color:var(--muted); font-size:8px; }
.dossier-structure,.smart-checklist { margin-top:28px; padding-top:20px; border-top:1px solid var(--ink); }
.prep-section-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:12px; }
.prep-section-heading h3,.smart-checklist h3 { margin:6px 0 0; font-size:19px; }
.dossier-list article { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--line); }
.section-number { color:var(--muted); font-size:8px; }.dossier-list strong,.dossier-list small { display:block; }.dossier-list strong { font-size:10px; }.dossier-list small { margin-top:3px; color:var(--muted); font-size:8px; }
.section-status { min-width:78px; padding:5px 7px; border:1px solid currentColor; font-size:7px; text-align:center; text-transform:uppercase; }
.status-ok { color:var(--green)!important; }.status-complete,.status-review { color:var(--amber)!important; }.status-missing { color:var(--red)!important; }
.smart-checklist > div { margin-top:12px; display:grid; grid-template-columns:1fr 1fr; gap:0 25px; }
.smart-checklist article { display:grid; grid-template-columns:9px 1fr auto; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--line); }
.smart-checklist i { width:7px; height:7px; border-radius:50%; background:currentColor; }.smart-checklist p { margin:0; }.smart-checklist strong,.smart-checklist small { display:block; }.smart-checklist strong { font-size:9px; }.smart-checklist small { margin-top:3px; color:var(--muted); font-size:8px; }.smart-checklist article > b { color:var(--muted); font-size:7px; text-transform:uppercase; }
.checklist-warning { margin:12px 0 0; color:var(--muted); font-size:8px; }

@media(max-width:1050px){
  .agent-briefing{margin-left:28px;margin-right:28px;padding:0;grid-template-columns:1fr}
  .top-opportunities{grid-template-columns:1fr}
  .dossier-card{grid-template-columns:1fr}
  .settings-grid{grid-template-columns:1fr}
  .settings-grid article{border-right:0;border-bottom:1px solid var(--line)}.settings-grid article:last-child{border-bottom:0}
  .value-ledger{margin-left:28px;margin-right:28px;grid-template-columns:repeat(3,1fr)}
  .value-ledger>p{grid-column:1/-1;padding:12px 16px;border-top:1px solid var(--line)}
  .row-action-group .open-row{display:none}
}
@media(max-width:760px){
  .agent-briefing{margin:18px 18px 0}
  .briefing-player{padding:22px}.briefing-player h2{font-size:24px}.briefing-actions .button{width:100%}
  .top-opportunity{grid-template-columns:1fr;min-height:0}.top-rank{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center}
  .compact-opportunity{grid-template-columns:1fr 58px}.compact-opportunity>span:nth-of-type(2){display:none}
  .dossiers-section,.settings-section{padding:42px 18px}
  .dossier-stats{grid-template-columns:1fr}
  .dossier-stats span{border-right:0;border-bottom:1px solid var(--line)}.dossier-stats span:last-child{border-bottom:0}
  .value-ledger{margin-left:18px;margin-right:18px;grid-template-columns:1fr 1fr}
  .value-ledger>div:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line)}
  .row-action-group .open-row{display:inline-flex}
  .prep-grid,.prep-value,.pro-offer,.plan-progress{grid-template-columns:1fr}
  .plan-progress div{border-right:0;border-bottom:1px solid var(--line)}.plan-progress div:last-child{border-bottom:0}
  .prep-value div{padding:10px 0;border-right:0;border-bottom:1px solid var(--line)}
  .prep-value div:last-child{border-bottom:0}
  .pro-offer strong{justify-self:start}
  #preparation-content{padding:28px 20px 35px}
  .library-section{padding:42px 18px}.library-heading,.template-options{grid-template-columns:1fr}.library-heading .library-upload{justify-self:start}.library-document{grid-template-columns:40px 1fr}.library-document .document-state,.library-document button{grid-column:2}.smart-checklist>div{grid-template-columns:1fr}.choice-grid.quick-options{grid-template-columns:1fr 1fr}.term-picker>div:first-child{display:grid;gap:3px}.term-options{grid-template-columns:1fr}.library-category-field{grid-template-columns:1fr}.library-category-field small{grid-column:1}
}

@media print {
  body * { visibility:hidden; }
  .preparation-dialog,.preparation-dialog * { visibility:visible; }
  .preparation-dialog { position:absolute; inset:0; width:100%; max-height:none; box-shadow:none; }
  .preparation-dialog .detail-header,.pro-offer,.discovery-progress,[data-print-preparation] { display:none!important; }
}

/* Attribis V15: premium opportunity polish */
.dashboard-intro { padding-top:34px; gap:18px; }
.dashboard-heading h1 { max-width:920px; margin-top:7px; font-size:clamp(38px,3.2vw,48px); line-height:.96; letter-spacing:-.055em; }
.dashboard-heading > p { max-width:760px; font-size:12px; line-height:1.55; }
.dashboard-intro .top-actions { align-self:center; }
.dashboard-intro .hero-metrics { margin-top:8px; }
.dashboard-intro .hero-metrics article { min-height:62px; padding-top:9px; padding-bottom:9px; }
.dashboard-intro .hero-metrics strong { margin:6px 0 3px; font-size:18px; }

.agent-briefing { max-width:1356px; margin:12px auto 0; padding:0 42px; display:grid!important; grid-template-columns:minmax(0,1fr) 250px; gap:12px; }
.briefing-player { padding:16px 18px; }
.briefing-player h2 { margin:5px 0; font-size:19px; }
.briefing-player p { font-size:10px; line-height:1.45; }
.briefing-actions { margin-top:10px; }
.briefing-actions .button { min-height:34px; padding:0 12px; font-size:9px; }
.briefing-note { padding:15px; }
.briefing-note p { font-size:9px; line-height:1.45; }

.value-ledger { margin-top:10px; min-height:54px; }
.value-ledger > div { padding:10px 14px; }
.value-ledger strong { font-size:16px; }
.value-ledger > p { font-size:8px; }

.workspace { padding-top:24px; }
.workspace-heading { align-items:flex-start; }
.workspace-heading h2 { font-size:28px; letter-spacing:-.04em; }
.display-switch { display:none!important; }
.source-trace { margin:8px 0 16px; }
.opportunity-list { border-top:0; }

.top-opportunities { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:stretch; }
.top-opportunity { min-width:0; min-height:0; display:flex!important; flex-direction:column; border:1px solid var(--line); border-top:3px solid var(--brand); background:rgba(255,255,255,.88); box-shadow:0 18px 45px rgba(20,24,23,.06); }
.top-rank { padding:15px 17px 12px; border-right:0; border-bottom:1px solid var(--line); display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
.top-rank span { font-size:9px; }
.top-rank strong { font-size:30px; }
.top-opportunity-body { flex:1; padding:17px; }
.top-opportunity .cell-label { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.top-opportunity h3 { min-height:58px; margin:10px 0 7px; font-size:17px; line-height:1.15; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.buyer-line { min-height:28px; margin-bottom:10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.why-grid { gap:12px; }
.why-grid b { margin-bottom:6px; font-size:8px; }
.why-grid li { font-size:9px; }
.why-grid li:nth-child(n+3) { display:none; }
.top-card-footer { padding-top:10px; gap:8px; }
.top-card-footer div { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.top-card-footer .button { min-height:34px; padding:0 9px; font-size:8px; }

.source-controls { margin-top:22px; padding-top:16px; border-top:1px solid var(--line); }
.source-controls summary { width:max-content; padding:8px 11px; border:1px solid var(--line); background:var(--surface); color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; cursor:pointer; }
.source-controls[open] summary { color:var(--ink); border-color:var(--ink); }
.source-controls .filters { margin:16px 0 12px; }
.source-controls .decision-tabs { margin:0 0 8px; }

@media (max-width:1180px) {
  .top-opportunities { grid-template-columns:1fr!important; }
  .top-opportunity h3 { min-height:0; -webkit-line-clamp:2; }
  .why-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:760px) {
  .agent-briefing { margin:14px 18px 0; padding:0; grid-template-columns:1fr; }
  .top-card-footer div { grid-template-columns:1fr; }
  .why-grid { grid-template-columns:1fr; }
}

/* Attribis V18: briefing-first product experience */
.briefing-hero { padding-top:52px; }
.briefing-hero .dashboard-heading h1 { max-width:980px; font-size:clamp(42px,4.4vw,68px); line-height:.94; }
.briefing-hero .dashboard-heading > p { max-width:720px; font-size:13px; line-height:1.65; }
.briefing-hero .top-actions { display:grid; gap:10px; min-width:246px; }
.briefing-hero .top-actions .button { width:100%; justify-content:center; }
.big-action { min-height:46px; padding-inline:20px; box-shadow:0 12px 30px rgba(49,87,213,.16); }
.big-action:disabled { opacity:.72; cursor:default; transform:none; }

.briefing-command { max-width:1440px; margin:20px auto 0; padding:0 42px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:14px; }
.next-briefing-card,.briefing-config-card { border:1px solid var(--line); background:rgba(255,255,255,.88); box-shadow:0 18px 45px rgba(20,24,23,.055); }
.next-briefing-card { padding:26px 28px; }
.briefing-config-card { padding:22px; }
.briefing-card-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.next-briefing-card h2 { margin:13px 0 18px; font-size:34px; letter-spacing:-.05em; }
.status-pill { display:inline-flex; align-items:center; min-height:24px; padding:0 9px; border:1px solid currentColor; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.status-pill.active { color:var(--green); background:rgba(47,118,95,.07); }
.briefing-facts { margin:0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.briefing-facts div { padding:13px 14px; border-right:1px solid var(--line); }
.briefing-facts div:last-child { border-right:0; }
.briefing-facts dt { color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.briefing-facts dd { margin:7px 0 0; font-size:11px; line-height:1.35; }
.briefing-card-actions { margin-top:18px; display:flex; flex-wrap:wrap; gap:8px; }
.channel-list { margin:14px 0 18px; display:flex; flex-wrap:wrap; gap:7px; }
.channel-list span { padding:7px 9px; border:1px solid rgba(47,118,95,.28); background:rgba(47,118,95,.06); color:var(--green); font-size:9px; font-weight:800; }
.mini-settings { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.mini-settings label { display:grid; gap:6px; color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.mini-settings select { width:100%; min-height:38px; }
.briefing-config-card p { margin:15px 0 0; color:var(--muted); font-size:10px; line-height:1.6; }

.recommendation-pill { display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:0 10px; border-radius:999px; font-size:9px!important; line-height:1; letter-spacing:.02em; white-space:nowrap; }
.recommendation-pill.go,.compact-recommendation.go { color:var(--green); background:rgba(47,118,95,.08); }
.recommendation-pill.review,.compact-recommendation.review { color:var(--brand); background:rgba(49,87,213,.08); }
.recommendation-pill.check,.compact-recommendation.check { color:var(--amber); background:rgba(169,108,25,.09); }
.recommendation-pill.stop,.compact-recommendation.stop { color:var(--red); background:rgba(189,59,50,.08); }
.top-rank small { color:var(--muted); font-size:9px; font-weight:800; }
.compact-opportunity { grid-template-columns:minmax(0,1fr) 148px 110px 58px; }
.compact-recommendation { justify-self:start; padding:6px 8px; font-size:8px!important; font-weight:800; line-height:1.15; }

@media (max-width:1050px) {
  .briefing-command { padding-left:28px; padding-right:28px; grid-template-columns:1fr; }
  .briefing-facts { grid-template-columns:1fr; }
  .briefing-facts div { border-right:0; border-bottom:1px solid var(--line); }
  .briefing-facts div:last-child { border-bottom:0; }
}

@media (max-width:760px) {
  .briefing-hero { padding-top:34px; }
  .briefing-hero .top-actions { grid-row:auto; justify-self:stretch; }
  .briefing-command { padding:0 18px; }
  .next-briefing-card,.briefing-config-card { padding:20px; }
  .next-briefing-card h2 { font-size:28px; }
  .briefing-card-actions .button { width:100%; }
  .mini-settings { grid-template-columns:1fr; }
  .compact-opportunity { grid-template-columns:1fr; gap:8px; }
}

/* Attribis V19: remove briefing duplication and force the schedule layout */
main#briefing > .briefing-command {
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr)!important;
  align-items:stretch;
}
main#briefing > .briefing-command > article { min-width:0; }
.latest-briefing { margin-top:14px!important; }
.latest-briefing .briefing-player h2 { font-size:22px; }
.latest-briefing .briefing-note { background:rgba(255,255,255,.72); }

@media (max-width:1050px) {
  main#briefing > .briefing-command { grid-template-columns:1fr!important; }
}

/* Attribis V20: executive briefing architecture */
.briefing-home {
  max-width:1440px;
  margin:0 auto;
  padding:52px 42px 76px;
  display:grid;
  gap:34px;
}
.briefing-home .dashboard-intro,
.briefing-home .briefing-preview,
.briefing-home .briefing-recommended,
.briefing-home .time-saved {
  max-width:none;
  margin:0;
  padding:0;
}
.briefing-home .dashboard-intro {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:34px;
}
.briefing-home .dashboard-heading h1 {
  max-width:900px;
  font-size:clamp(48px,5.8vw,86px);
  line-height:.91;
  letter-spacing:-.07em;
}
.briefing-home .dashboard-heading > p {
  max-width:720px;
  margin-top:16px;
  font-size:15px;
  line-height:1.6;
}
.briefing-home .hero-metrics {
  grid-column:1 / -1;
  grid-template-columns:repeat(3,1fr);
  margin-top:12px;
  border-top:1px solid var(--ink);
}
.briefing-home .top-actions {
  align-self:start;
  display:flex;
  gap:10px;
}
.briefing-home .top-actions .button { white-space:nowrap; }

.briefing-preview {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);
  gap:18px;
  align-items:stretch;
}
.preview-copy,
.message-preview {
  border:1px solid var(--line);
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 50px rgba(20,24,23,.055);
}
.preview-copy { padding:30px; }
.preview-copy h2,
.briefing-recommended h2,
.time-saved h2 { margin:8px 0; font-size:32px; letter-spacing:-.045em; }
.preview-subtitle { margin:0 0 18px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.preview-copy #briefing-summary { max-width:820px; margin:0; color:var(--ink); font-size:14px; line-height:1.72; }
.message-preview {
  padding:24px;
  display:grid;
  align-content:start;
  gap:14px;
  background:linear-gradient(180deg,#f8f7f2,#fff);
}
.message-preview > span {
  color:var(--muted);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.message-preview > div {
  padding:18px 20px;
  border-radius:18px 18px 18px 4px;
  background:#e9f5ee;
  color:#17382e;
  font-size:12px;
  line-height:1.65;
  box-shadow:0 8px 24px rgba(47,118,95,.12);
}

.briefing-recommended .section-heading,
.time-saved .section-heading { max-width:780px; margin-bottom:18px; }
.briefing-recommended .top-opportunities { grid-template-columns:repeat(3,minmax(0,1fr)); }
.briefing-recommended .top-opportunity { min-height:0; }
.briefing-recommended .top-opportunity h3 { min-height:48px; font-size:16px; }
.briefing-recommended .why-grid { grid-template-columns:1fr; }
.briefing-recommended .why-grid > div:last-child { padding-top:10px; border-top:1px solid var(--line); }
.briefing-recommended .why-grid li:nth-child(n+3) { display:none; }

.time-saved {
  padding-top:26px!important;
  border-top:1px solid var(--line);
}
.saved-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);
  background:rgba(255,255,255,.72);
}
.saved-grid article { padding:18px; border-right:1px solid var(--line); }
.saved-grid article:last-child { border-right:0; }
.saved-grid span { display:block; color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.saved-grid strong { display:block; margin-top:10px; font-size:27px; letter-spacing:-.04em; }
.saved-note { margin:16px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }

.opportunities-page { border-top:1px solid var(--line); }
.opportunities-page .workspace-heading p { margin:7px 0 0; color:var(--muted); font-size:10px; }
.opportunities-page .filters {
  margin:20px 0 12px;
  display:grid;
  grid-template-columns:minmax(300px,1fr) 180px 180px 42px;
  gap:10px;
}
.all-opportunities-head,
.all-opportunity-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) 148px 70px 82px 112px 168px;
  gap:14px;
  align-items:center;
}
.all-opportunities-head {
  padding:12px 0;
  border-bottom:1px solid var(--ink);
  color:var(--muted);
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.all-opportunity-row {
  padding:14px 0;
  border-bottom:1px solid var(--line);
}
.all-opportunity-row strong { font-size:11px; line-height:1.35; }
.all-opportunity-row small,
.all-opportunity-row > span { color:var(--muted); font-size:9px; }
.all-opportunity-row .row-action-group { display:flex; gap:6px; justify-content:flex-end; }
.all-opportunity-row .button { min-height:32px; padding:0 10px; font-size:8px; }

.bureau-section,
.agent-section {
  max-width:1440px;
  margin:0 auto;
  padding:64px 42px;
  border-top:1px solid var(--line);
}
.bureau-layout {
  margin-top:24px;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  gap:22px;
}
.bureau-section .library-section {
  margin:0;
  padding:22px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.78);
}
.bureau-section .library-heading { grid-template-columns:1fr; gap:16px; }
.bureau-section .library-heading h3 { margin:7px 0 8px; font-size:22px; letter-spacing:-.035em; }
.bureau-section .relevance-passport { margin:0 0 16px; }
.document-purpose-grid {
  margin:18px 0 18px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border:1px solid var(--line);
  background:rgba(255,255,255,.72);
}
.document-purpose-grid article { min-height:96px; padding:14px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.document-purpose-grid article:nth-child(2n) { border-right:0; }
.document-purpose-grid article:nth-last-child(-n+2) { border-bottom:0; }
.document-purpose-grid span { color:var(--brand); font-size:8px; font-weight:800; }
.document-purpose-grid strong,
.document-purpose-grid small { display:block; }
.document-purpose-grid strong { margin-top:8px; font-size:12px; }
.document-purpose-grid small { margin-top:6px; color:var(--muted); font-size:9px; line-height:1.45; }
.empty-dossiers {
  min-height:180px;
  display:grid;
  align-content:center;
  border:1px dashed var(--line);
  background:rgba(255,255,255,.58);
}
.empty-dossiers strong { font-size:20px; letter-spacing:-.035em; }
.empty-dossiers p { max-width:560px; margin-top:8px; font-size:11px; line-height:1.6; }
.agent-grid {
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid var(--line);
  background:rgba(255,255,255,.78);
}
.agent-grid article { min-height:124px; padding:20px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.agent-grid article:nth-child(3n) { border-right:0; }
.agent-grid article:nth-last-child(-n+3) { border-bottom:0; }
.agent-grid span { color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.agent-grid strong,
.agent-grid small { display:block; }
.agent-grid strong { margin-top:9px; font-size:14px; line-height:1.35; }
.agent-grid small { margin-top:7px; color:var(--muted); font-size:9px; line-height:1.5; }
.agent-actions { margin-top:18px; display:flex; gap:10px; }

.briefing-test-dialog {
  width:min(720px,calc(100vw - 32px));
  border:0;
  background:var(--surface);
  box-shadow:var(--shadow);
}
.briefing-test-content { padding:30px 36px 36px; display:grid; gap:20px; }
.briefing-test-content h2 { margin:0; font-size:32px; letter-spacing:-.05em; }
.briefing-test-content h3 { margin:0 0 10px; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.test-channel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.test-channel-grid label { padding:12px; border:1px solid var(--line); background:#fff; cursor:pointer; }
.test-channel-grid input { margin-right:8px; }
#briefing-recipient { width:100%; min-height:42px; padding:0 12px; border:1px solid var(--line); background:#fff; }
.message-preview.compact { border:0; box-shadow:none; padding:16px; font-size:11px; }
.briefing-confirmation { margin:0; padding:12px 14px; border-left:2px solid var(--green); background:rgba(47,118,95,.08); color:var(--green); font-size:11px; }

@media (max-width:1100px) {
  .briefing-home .dashboard-intro,
  .briefing-preview,
  .bureau-layout,
  .agent-grid { grid-template-columns:1fr; }
  .briefing-home .hero-metrics,
  .saved-grid { grid-template-columns:1fr; }
  .saved-grid article,
  .agent-grid article { border-right:0; border-bottom:1px solid var(--line); }
  .saved-grid article:last-child,
  .agent-grid article:last-child { border-bottom:0; }
  .briefing-recommended .top-opportunities { grid-template-columns:1fr; }
  .all-opportunities-head { display:none; }
  .all-opportunity-row { grid-template-columns:1fr; gap:8px; }
  .all-opportunity-row .row-action-group { justify-content:flex-start; }
}

@media (max-width:760px) {
  .briefing-home,
  .bureau-section,
  .agent-section { padding:38px 18px 54px; }
  .briefing-home .dashboard-heading h1 { font-size:44px; }
  .briefing-home .top-actions,
  .agent-actions,
  .test-channel-grid { display:grid; grid-template-columns:1fr; }
  .opportunities-page .filters { grid-template-columns:1fr; }
  .document-purpose-grid { grid-template-columns:1fr; }
  .document-purpose-grid article { border-right:0; }
  .document-purpose-grid article:nth-last-child(-n+2) { border-bottom:1px solid var(--line); }
  .document-purpose-grid article:last-child { border-bottom:0; }
}

/* Attribis V23: agent cockpit, not a dashboard */
:root {
  --paper: #f7f5ef;
  --surface: rgba(255,255,255,.82);
  --surface-strong: #ffffff;
  --ink: #111513;
  --muted: #75736c;
  --line: rgba(17,21,19,.11);
  --brand: #2457ff;
  --brand-dark: #153fd0;
  --red: #c34b3f;
  --green: #26735e;
  --amber: #b46f16;
  --radius: 22px;
  --shadow: 0 24px 70px rgba(31, 33, 31, .08);
  --soft-shadow: 0 12px 34px rgba(31, 33, 31, .055);
}

body {
  background:
    radial-gradient(circle at 18% -10%, rgba(36,87,255,.10), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(38,115,94,.08), transparent 30%),
    var(--paper);
}

.product-header {
  position: sticky;
  top: 0;
  z-index: 50;
  min-height: 74px;
  padding: 0 clamp(18px, 4vw, 54px);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  background: rgba(247,245,239,.84);
  backdrop-filter: blur(24px);
}

.brand > span:last-child {
  letter-spacing: .14em;
  font-size: 12px;
}

.product-nav {
  justify-self: center;
  padding: 5px;
  display: flex;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.62);
  box-shadow: 0 10px 30px rgba(20,24,23,.04);
}

.product-nav a {
  min-height: 34px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-bottom: 0;
  border-radius: 999px;
  color: var(--muted);
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
}

.product-nav a:hover,
.product-nav a.is-active {
  color: var(--ink);
  border-color: transparent;
  background: #fff;
  box-shadow: 0 7px 18px rgba(20,24,23,.06);
}

.header-tools {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header-source {
  display: grid;
  justify-items: end;
  gap: 2px;
}

.header-source small {
  color: var(--muted);
  font-size: 10px;
}

.header-profile {
  min-height: 44px;
  padding: 5px 11px 5px 5px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.header-profile b,
.header-profile small {
  display: block;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-profile b { font-size: 12px; }
.header-profile small { color: var(--muted); font-size: 10px; }
.company-monogram { border-radius: 50%; background: var(--ink); }

.main-content {
  margin-left: 0;
}

.button {
  min-height: 42px;
  padding: 0 17px;
  border-color: var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  font-size: 12px;
  letter-spacing: 0;
  box-shadow: none;
}

.button.primary {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
  box-shadow: 0 16px 36px rgba(36,87,255,.22);
}

.button.primary:hover {
  background: var(--brand-dark);
}

.button.ghost {
  background: rgba(255,255,255,.54);
}

.button.quiet {
  color: var(--muted);
}

.briefing-home {
  max-width: 1180px;
  min-height: calc(100vh - 74px);
  padding: clamp(48px, 7vw, 92px) clamp(18px, 4vw, 42px) 64px;
  gap: 22px;
}

.briefing-home .dashboard-intro {
  min-height: auto;
  padding: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  border: 0;
  background: none;
}

.briefing-home .dashboard-heading h1 {
  max-width: 830px;
  margin: 12px 0 0;
  font-size: clamp(52px, 8vw, 106px);
  line-height: .88;
  letter-spacing: -.075em;
  font-weight: 760;
}

.briefing-home .dashboard-heading > p {
  max-width: 650px;
  margin-top: 22px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.55;
}

.briefing-home .top-actions {
  min-width: 245px;
  padding-top: 16px;
  display: grid;
  gap: 10px;
}

.briefing-home .hero-metrics {
  margin-top: 10px;
  border: 1px solid var(--line);
  border-radius: 28px;
  overflow: hidden;
  background: rgba(255,255,255,.64);
  box-shadow: var(--soft-shadow);
}

.briefing-home .hero-metrics article {
  padding: 20px 22px;
  border-color: var(--line);
}

.briefing-home .hero-metrics strong {
  margin: 8px 0 4px;
  font-size: clamp(25px, 3vw, 38px);
  font-family: inherit;
  letter-spacing: -.055em;
}

.briefing-preview {
  grid-template-columns: minmax(0, 1.06fr) minmax(320px, .74fr);
}

.preview-copy,
.message-preview,
.top-opportunity,
.bureau-section .library-section,
.relevance-passport,
.agent-grid,
.saved-grid,
.empty-dossiers,
.dossier-card {
  border: 1px solid var(--line);
  border-radius: 30px;
  background: var(--surface);
  box-shadow: var(--soft-shadow);
}

.preview-copy {
  padding: clamp(26px, 4vw, 42px);
}

.preview-copy h2,
.briefing-recommended h2,
.time-saved h2,
.workspace-heading h2,
.section-heading h2 {
  font-size: clamp(28px, 3.4vw, 42px);
  letter-spacing: -.06em;
  line-height: 1;
}

.preview-copy #briefing-summary {
  max-width: 620px;
  font-size: 15px;
  line-height: 1.66;
}

.briefing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.message-preview {
  padding: 24px;
  overflow: hidden;
}

.message-preview > div {
  border-radius: 26px 26px 26px 8px;
  background: #eaf6ef;
  font-size: 13px;
}

.briefing-recommended .section-heading,
.time-saved .section-heading {
  margin-bottom: 14px;
}

.briefing-recommended .section-heading p,
.time-saved .section-heading p,
.workspace-heading p,
.section-heading p {
  max-width: 620px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.top-opportunities {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.top-opportunity {
  display: flex !important;
  flex-direction: column;
  border-top: 0;
  overflow: hidden;
}

.top-opportunity.score-high,
.top-opportunity.score-medium,
.top-opportunity.score-low,
.briefing-recommended .top-opportunity {
  border-top: 0;
}

.top-rank {
  padding: 18px 20px 0;
  border: 0;
  align-items: center;
}

.top-rank strong.recommendation-pill {
  min-height: 30px;
  font-size: 11px !important;
}

.top-rank small {
  color: var(--muted);
  font-size: 11px;
}

.top-opportunity-body {
  padding: 18px 20px 20px;
}

.top-opportunity h3 {
  min-height: 0;
  margin: 12px 0 8px;
  font-size: 20px;
  line-height: 1.12;
  letter-spacing: -.04em;
  -webkit-line-clamp: 2;
}

.buyer-line {
  min-height: 0;
  color: var(--muted);
  font-size: 12px;
}

.why-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 14px;
}

.why-grid b {
  color: var(--muted);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.why-grid ul {
  margin: 6px 0 0;
  padding-left: 17px;
}

.why-grid li {
  font-size: 12px;
  line-height: 1.45;
}

.top-card-footer {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.top-card-footer span {
  color: var(--muted);
  font-size: 12px;
}

.top-card-footer div {
  display: flex;
  gap: 8px;
}

.time-saved {
  border-top: 0;
}

.saved-grid {
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
}

.saved-grid article {
  padding: 20px;
}

.saved-grid strong {
  font-size: 30px;
}

.opportunities-page,
.dossiers-section,
.bureau-section,
.agent-section {
  max-width: 1180px;
  margin: 0 auto;
  padding: 72px clamp(18px, 4vw, 42px);
  border-top: 1px solid var(--line);
}

.workspace {
  padding-top: 72px;
}

.workspace-heading {
  align-items: flex-start;
}

.source-trace {
  margin: 10px 0 18px;
  color: var(--muted);
  font: 11px/1.5 inherit;
}

.filters {
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255,255,255,.62);
}

.filters input,
.filters select {
  height: 42px;
  border-radius: 999px;
  border-color: transparent;
  background: #fff;
}

.decision-tabs {
  gap: 8px;
  flex-wrap: wrap;
}

.decision-tabs button {
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.52);
}

.decision-tabs button.is-active {
  background: var(--ink);
}

.opportunity-list {
  border-top: 0;
}

.all-opportunities-head {
  display: none;
}

.all-opportunity-row {
  margin-bottom: 10px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(255,255,255,.68);
  box-shadow: 0 8px 24px rgba(20,24,23,.035);
}

.all-opportunity-row strong {
  font-size: 14px;
}

.dossiers-list {
  display: grid;
  gap: 14px;
}

.dossier-card {
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr) auto;
  gap: 16px;
  align-items: center;
}

.dossier-card h3 {
  margin: 10px 0 6px;
  font-size: 20px;
  letter-spacing: -.04em;
}

.dossier-stats {
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
}

.bureau-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

.relevance-passport {
  padding: 24px;
}

.passport-score {
  width: 142px;
  height: 142px;
  border-radius: 34px;
  background: var(--ink);
  color: #fff;
}

.passport-score strong {
  font-size: 36px;
}

.profile-preview {
  margin-top: 14px;
  border: 0;
  display: grid;
  gap: 10px;
}

.profile-preview article {
  padding: 14px;
  border: 1px solid var(--line) !important;
  border-radius: 20px;
  background: rgba(255,255,255,.54);
}

.bureau-section .library-section {
  padding: 24px;
}

.document-purpose-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  border: 0;
  background: transparent;
}

.document-purpose-grid article {
  min-height: 112px;
  padding: 16px;
  border: 1px solid var(--line) !important;
  border-radius: 22px;
  background: rgba(255,255,255,.68);
}

.bureau-dropzone {
  min-height: 150px;
  margin: 14px 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  border: 1px dashed rgba(36,87,255,.38);
  border-radius: 28px;
  background: rgba(36,87,255,.045);
  color: var(--brand);
  font-size: 17px;
  font-weight: 760;
  text-align: center;
  cursor: pointer;
}

.bureau-dropzone span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}

.library-category-field,
.library-status,
.library-privacy {
  font-size: 12px;
}

.agent-grid {
  border: 1px solid var(--line);
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
}

.agent-grid article {
  min-height: 146px;
  padding: 24px;
}

.agent-grid strong {
  font-size: 17px;
  letter-spacing: -.025em;
}

.agent-actions {
  justify-content: flex-end;
}

dialog {
  border-radius: 30px;
}

@media (max-width: 1020px) {
  .product-header {
    grid-template-columns: 1fr;
    padding: 16px 18px;
  }

  .product-nav,
  .header-tools {
    justify-self: stretch;
    overflow-x: auto;
  }

  .header-tools {
    justify-content: space-between;
  }

  .briefing-home .dashboard-intro,
  .briefing-preview,
  .top-opportunities,
  .bureau-layout,
  .agent-grid,
  .dossier-card {
    grid-template-columns: 1fr !important;
  }

  .saved-grid,
  .document-purpose-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 680px) {
  .briefing-home .dashboard-heading h1 {
    font-size: 46px;
  }

  .briefing-home .top-actions,
  .top-card-footer div,
  .agent-actions,
  .saved-grid,
  .document-purpose-grid {
    grid-template-columns: 1fr;
    display: grid;
  }

  .briefing-home .hero-metrics,
  .saved-grid {
    grid-template-columns: 1fr;
  }

  .all-opportunity-row {
    grid-template-columns: 1fr;
  }
}

/* Attribis V25: product rebuild, one page equals one intention */
:root {
  --attribis-blue: #3D5AFE;
  --attribis-ink: #0A0F1C;
  --attribis-muted: #6B7280;
  --attribis-bg: #ECEFF4;
  --attribis-card: #FFFFFF;
  --attribis-line: #E5E7EB;
  --brand: var(--attribis-blue);
  --brand-dark: #2148d8;
  --ink: var(--attribis-ink);
  --paper: var(--attribis-bg);
  --muted: var(--attribis-muted);
  --line: rgba(13, 13, 18, .10);
}

.brand {
  min-width: 0;
}

.brand-logo {
  display: block;
  width: 206px;
  height: auto;
}

.brand.compact .brand-logo {
  width: 178px;
}

.app-page {
  display: none !important;
}

.app-page.is-active {
  display: grid !important;
}

.briefing-home.is-active {
  display: grid !important;
}

.briefing-home {
  max-width: 1120px;
  min-height: auto;
  padding-top: clamp(42px, 6vw, 72px);
  padding-bottom: 56px;
  gap: 20px;
}

.briefing-home .dashboard-intro {
  gap: 24px;
}

.briefing-home .dashboard-heading h1 {
  max-width: 760px;
  font-size: clamp(56px, 7vw, 92px);
}

.briefing-home .dashboard-heading > p {
  max-width: 590px;
  margin-top: 18px;
  font-size: 16px;
}

.briefing-home .hero-metrics {
  margin-top: 2px;
}

.briefing-home .hero-metrics article {
  padding: 16px 20px;
}

.briefing-preview {
  display: block;
}

.preview-copy {
  max-width: none;
  min-height: 0;
  padding: 28px 32px;
}

.preview-copy h2 {
  font-size: clamp(28px, 3vw, 38px);
}

.preview-copy #briefing-summary {
  max-width: 780px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.message-preview {
  display: none !important;
}

.briefing-recommended .section-heading {
  margin-bottom: 10px;
}

.briefing-recommended .section-heading p {
  display: none;
}

.top-opportunities {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px;
}

.top-opportunity {
  min-height: 0;
  border-radius: 26px;
}

.top-rank {
  padding: 14px 16px 0;
}

.top-opportunity-body {
  padding: 14px 16px 16px;
}

.top-opportunity .cell-label {
  border: 0;
  padding: 0;
  color: var(--muted);
  background: transparent;
  font-size: 10px;
  line-height: 1.35;
}

.top-opportunity h3 {
  margin: 9px 0 6px;
  font-size: 17px;
  line-height: 1.12;
  -webkit-line-clamp: 2;
}

.buyer-line {
  margin-bottom: 8px;
  font-size: 11px;
}

.why-grid {
  margin-top: 10px;
  gap: 8px;
}

.why-grid b {
  font-size: 9px;
}

.why-grid ul {
  margin-top: 4px;
}

.why-grid li {
  font-size: 11px;
}

.top-card-footer {
  margin-top: 10px;
  padding-top: 10px;
}

.top-card-footer div {
  display: grid;
  grid-template-columns: 1fr;
}

.top-card-footer .button {
  min-height: 36px;
}

.time-saved {
  padding-top: 8px !important;
}

.time-saved .section-heading p {
  display: block;
}

.time-saved h2 {
  font-size: clamp(26px, 2.6vw, 34px);
}

.saved-grid article {
  padding: 15px 18px;
}

.saved-grid strong {
  font-size: 24px;
}

.opportunities-page.app-page.is-active,
.dossiers-section.app-page.is-active,
.bureau-section.app-page.is-active,
.agent-section.app-page.is-active {
  display: grid !important;
}

.opportunities-page,
.dossiers-section,
.bureau-section,
.agent-section {
  min-height: calc(100vh - 74px);
}

.bureau-section .section-heading,
.agent-section .section-heading,
.dossiers-section .section-heading,
.opportunities-page .workspace-heading {
  margin-bottom: 18px;
}

@media (max-width: 1100px) {
  .top-opportunities {
    grid-template-columns: 1fr !important;
  }
}

/* Attribis V28: decision cockpit, not a dashboard */
.briefing-home {
  gap: 28px;
}

.briefing-home .top-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.recommended-action {
  display: grid;
  gap: 14px;
}

.recommended-action .section-heading {
  margin-bottom: 0;
}

.recommended-action-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: 28px;
  min-height: 0;
  padding: clamp(24px, 3vw, 36px);
  border: 1px solid rgba(10, 15, 28, .10);
  border-radius: 34px;
  background:
    radial-gradient(circle at 92% 8%, rgba(61, 90, 254, .13), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f8f9fc 100%);
  box-shadow: 0 28px 80px rgba(10, 15, 28, .08);
}

.recommended-action-card.loading-state {
  grid-template-columns: 24px 1fr;
  align-items: center;
  color: var(--muted);
}

.recommended-main {
  display: grid;
  gap: 14px;
}

.recommended-kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-size: 12px;
  letter-spacing: .02em;
}

.recommended-action-card h3 {
  max-width: 820px;
  margin: 0;
  color: var(--ink);
  font-size: clamp(30px, 4vw, 50px);
  line-height: .98;
  letter-spacing: -.055em;
}

.recommended-action-card p {
  max-width: 680px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
}

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

.recommended-grid > div {
  padding: 16px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 22px;
  background: rgba(255, 255, 255, .68);
}

.recommended-grid b {
  display: block;
  margin-bottom: 8px;
  color: var(--ink);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.recommended-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
  color: #354052;
  font-size: 13px;
  line-height: 1.45;
}

.recommended-score {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 20px;
  border-radius: 26px;
  background: #0a0f1c;
  color: #fff;
}

.recommended-score span,
.recommended-score small {
  color: rgba(255, 255, 255, .62);
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.recommended-score strong {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -.06em;
}

.recommended-score .button.primary {
  margin-top: 6px;
  background: #fff;
  color: #0a0f1c;
}

.recommended-score .button.quiet {
  color: rgba(255, 255, 255, .82);
}

.briefing-preview {
  margin-top: 2px;
}

.briefing-actions {
  margin-top: 18px;
}

.bureau-layout {
  align-items: start;
}

.bureau-profile-card,
.document-memory-card {
  display: grid;
  gap: 18px;
  padding: clamp(20px, 2.4vw, 30px);
  border: 1px solid rgba(10, 15, 28, .09);
  border-radius: 32px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 24px 70px rgba(10, 15, 28, .06);
}

.bureau-profile-card .relevance-passport,
.document-memory-card.library-section {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.memory-score {
  display: grid;
  place-items: center;
  min-width: 122px;
  min-height: 98px;
  padding: 16px;
  border-radius: 24px;
  background: #0a0f1c;
  color: #fff;
}

.memory-score strong {
  font-size: 32px;
  letter-spacing: -.06em;
}

.memory-score span {
  max-width: 86px;
  color: rgba(255, 255, 255, .58);
  font-size: 9px;
  line-height: 1.35;
  letter-spacing: .12em;
  text-align: center;
}

.document-purpose-grid article {
  border-color: rgba(10, 15, 28, .08);
  background: rgba(255, 255, 255, .72);
}

.agent-status-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 22px;
  align-items: center;
  padding: clamp(24px, 3vw, 34px);
  border-radius: 34px;
  background:
    radial-gradient(circle at 10% 20%, rgba(61, 90, 254, .22), transparent 30%),
    #0a0f1c;
  color: #fff;
  box-shadow: 0 28px 80px rgba(10, 15, 28, .18);
}

.agent-status-card h2 {
  max-width: 650px;
  margin: 8px 0 8px;
  color: #fff;
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1;
  letter-spacing: -.055em;
}

.agent-status-card p {
  max-width: 620px;
  margin: 0;
  color: rgba(255, 255, 255, .68);
}

.agent-status-card .eyebrow {
  color: #9fb0ff;
}

.agent-status-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(110px, 1fr));
  gap: 10px;
}

.agent-status-facts span {
  position: relative;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: 28px 1fr;
  column-gap: 10px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  background: rgba(255, 255, 255, .06);
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
}

.agent-status-facts b {
  display: block;
  color: #fff;
  font-size: 13px;
}

.agent-status-facts .agent-mini-logo,
.agent-status-facts .agent-mini-icon {
  width: 28px;
  height: 28px;
  grid-row: span 2;
  border-radius: 50%;
  object-fit: cover;
  background: rgba(255, 255, 255, .12);
}

.agent-status-facts .agent-mini-logo {
  padding: 4px;
}

.agent-status-facts .mail-icon,
.agent-status-facts .score-icon {
  position: relative;
  display: block;
  background: rgba(61, 90, 254, .95);
}

.mail-icon {
  position: relative;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
}

.mail-icon::before {
  content: "";
  position: absolute;
  width: 21px;
  height: 15px;
  border: 2px solid currentColor;
  border-radius: 5px;
  color: #fff;
}

.mail-icon::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  color: #fff;
  transform: translateY(-5px) rotate(45deg);
  transform-origin: center;
}

.agent-status-facts .score-icon::before {
  content: "";
  position: absolute;
  left: 7px;
  right: 7px;
  bottom: 8px;
  height: 4px;
  border-radius: 99px;
  background: #fff;
  box-shadow: 0 -6px 0 rgba(255, 255, 255, .85);
}

.agent-status-card .button.ghost {
  border-color: rgba(255, 255, 255, .24);
  color: #fff;
}

.agent-grid article,
.dossier-card {
  border-color: rgba(10, 15, 28, .08);
  background: rgba(255, 255, 255, .78);
}

.dossier-card {
  gap: 18px;
}

.dossier-progress {
  display: grid;
  gap: 8px;
  min-width: 190px;
}

.dossier-progress::before {
  content: "";
  display: block;
  grid-area: 1 / 1;
  height: 8px;
  border-radius: 999px;
  background: rgba(10, 15, 28, .09);
}

.dossier-progress i {
  display: block;
  grid-area: 1 / 1;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, #3D5AFE, #86a0ff);
}

.dossier-progress span {
  color: var(--muted);
  font-size: 12px;
}

@media (max-width: 980px) {
  .recommended-action-card,
  .agent-status-card {
    grid-template-columns: 1fr;
  }

  .recommended-score {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
  }

  .agent-status-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .recommended-grid,
  .recommended-score,
  .agent-status-facts {
    grid-template-columns: 1fr;
  }

  .recommended-action-card h3 {
    font-size: 34px;
  }
}

/* Attribis V31: desktop dashboard layout stabilization */
.app-page {
  width: min(1280px, calc(100vw - 72px));
}

.briefing-home {
  max-width: 1280px;
  gap: 32px;
}

.briefing-home .dashboard-intro {
  grid-template-columns: minmax(0, 1fr) minmax(240px, auto);
  gap: 28px 36px;
}

.briefing-home .dashboard-heading h1 {
  max-width: 860px;
  font-size: clamp(54px, 5.6vw, 86px);
}

.briefing-home .top-actions {
  min-width: 0;
  align-self: start;
}

.recommended-action-host {
  min-width: 0;
}

.recommended-action-host > .recommended-action-card {
  width: 100%;
}

.recommended-action-card {
  box-sizing: border-box;
  min-width: 0;
}

.recommended-action-card:not(.loading-state) {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
  align-items: stretch;
}

.recommended-action-card.loading-state {
  width: 100%;
}

.recommended-main,
.recommended-grid,
.recommended-score {
  min-width: 0;
}

.recommended-action-card h3 {
  overflow-wrap: anywhere;
}

.recommended-score {
  min-height: 100%;
}

.recommended-score strong {
  font-size: clamp(40px, 3.6vw, 56px);
}

.opportunities-page,
.dossiers-section,
.bureau-section,
.agent-section {
  max-width: 1280px;
}

.opportunities-page .workspace-heading,
.dossiers-section > .section-heading,
.bureau-section > .section-heading {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: none;
  margin-bottom: 26px;
  padding: clamp(24px, 3vw, 34px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: end;
  border-radius: 34px;
  background:
    radial-gradient(circle at 88% 8%, rgba(61, 90, 254, .28), transparent 30%),
    radial-gradient(circle at 12% 16%, rgba(255, 255, 255, .08), transparent 28%),
    #0a0f1c;
  color: #fff;
  box-shadow: 0 28px 80px rgba(10, 15, 28, .16);
}

.opportunities-page .workspace-heading h2,
.dossiers-section > .section-heading h2,
.bureau-section > .section-heading h2 {
  color: #fff;
  font-size: clamp(34px, 4vw, 56px);
}

.opportunities-page .workspace-heading p,
.dossiers-section > .section-heading p,
.bureau-section > .section-heading p {
  max-width: 620px;
  color: rgba(255, 255, 255, .66);
}

.opportunities-page .workspace-heading .eyebrow,
.dossiers-section > .section-heading .eyebrow,
.bureau-section > .section-heading .eyebrow {
  color: #9fb0ff;
}

.opportunities-page .workspace-heading .display-switch {
  align-self: start;
}

.opportunities-page .workspace-heading .display-switch button {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .82);
}

.all-opportunities-list {
  display: grid;
  gap: 12px;
}

.all-opportunity-row {
  grid-template-columns: minmax(0, 1fr) 150px 78px 92px 130px minmax(150px, auto);
  gap: 14px;
  align-items: center;
  border-radius: 24px;
}

.all-opportunity-row > * {
  min-width: 0;
}

.all-opportunity-row strong {
  display: block;
  overflow-wrap: anywhere;
}

.all-opportunity-row .row-action-group {
  justify-content: flex-end;
}

.dossiers-list {
  gap: 16px;
}

.dossier-card {
  grid-template-columns: minmax(0, 1.15fr) minmax(220px, .52fr) minmax(260px, .65fr) auto;
  align-items: stretch;
  padding: 22px;
  border-radius: 30px;
}

.dossier-card > div:first-child,
.dossier-stats,
.dossier-progress {
  min-width: 0;
}

.dossier-card h3 {
  overflow-wrap: anywhere;
}

.dossier-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-radius: 22px;
  background: rgba(255, 255, 255, .58);
}

.dossier-stats span {
  min-width: 0;
}

.dossier-stats b {
  overflow-wrap: anywhere;
}

.dossier-card > .button {
  align-self: center;
  white-space: nowrap;
}

.bureau-layout {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 22px;
}

.bureau-profile-card,
.document-memory-card {
  min-width: 0;
}

.bureau-profile-card .relevance-passport {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.bureau-profile-card .passport-score {
  width: 132px;
  height: 132px;
  padding: 18px;
  display: grid;
  align-content: center;
  justify-items: start;
  border: 0;
  border-radius: 30px;
  background:
    radial-gradient(circle at 80% 10%, rgba(61, 90, 254, .34), transparent 42%),
    #0a0f1c;
  color: #fff;
}

.bureau-profile-card .passport-score strong {
  color: #fff;
  font-size: 34px;
  line-height: 1;
}

.bureau-profile-card .passport-score span {
  max-width: 92px;
  margin-top: 8px;
  color: rgba(255, 255, 255, .58);
  font-size: 9px;
  line-height: 1.35;
}

.bureau-profile-card .passport-copy {
  min-width: 0;
}

.bureau-profile-card .passport-copy h3 {
  margin: 8px 0 8px;
  font-size: clamp(23px, 2.2vw, 32px);
  line-height: 1;
  letter-spacing: -.05em;
}

.bureau-profile-card .passport-copy p {
  max-width: 540px;
  font-size: 13px;
  line-height: 1.58;
}

.bureau-profile-card .passport-facts {
  grid-column: 1 / -1;
  max-width: none;
  justify-content: flex-start;
  gap: 8px;
}

.bureau-profile-card .passport-facts span {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(10, 15, 28, .04);
  font-size: 10px;
}

.bureau-profile-card .relevance-passport .button {
  grid-column: 1 / -1;
  justify-self: start;
  margin-top: 2px;
}

.profile-preview {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.profile-preview article {
  min-width: 0;
}

.profile-preview strong,
.profile-preview small {
  overflow-wrap: anywhere;
}

.document-memory-card .library-heading {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.document-purpose-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.document-purpose-grid article {
  min-width: 0;
}

@media (max-width: 1180px) {
  .app-page {
    width: min(100%, calc(100vw - 36px));
  }

  .recommended-action-card:not(.loading-state),
  .dossier-card,
  .bureau-layout {
    grid-template-columns: 1fr;
  }

  .recommended-score {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
  }

  .dossier-card > .button {
    justify-self: start;
  }
}

@media (max-width: 760px) {
  .app-page {
    width: 100%;
  }

  .opportunities-page .workspace-heading,
  .dossiers-section > .section-heading,
  .bureau-section > .section-heading,
  .briefing-home .dashboard-intro,
  .recommended-grid,
  .recommended-score,
  .all-opportunity-row,
  .profile-preview,
  .document-memory-card .library-heading,
  .document-purpose-grid {
    grid-template-columns: 1fr;
  }

  .bureau-profile-card .relevance-passport {
    grid-template-columns: 1fr;
  }
}

/* Attribis V34: decision-first briefing and clearer workspace pages */
.briefing-preview {
  display: none;
}

.opportunities-page.app-page.is-active,
.dossiers-section.app-page.is-active,
.bureau-section.app-page.is-active {
  display: block !important;
}

.recommended-action .section-heading {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
}

.section-inline-action {
  white-space: nowrap;
}

.opportunities-page,
.dossiers-section,
.bureau-section {
  padding-top: clamp(34px, 4vw, 52px);
}

.opportunities-page .workspace-heading,
.dossiers-section > .section-heading,
.bureau-section > .section-heading {
  margin-bottom: 18px;
  padding: 0 0 22px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border-radius: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  color: var(--ink);
  box-shadow: none;
}

.opportunities-page .workspace-heading h2,
.dossiers-section > .section-heading h2,
.bureau-section > .section-heading h2 {
  margin: 6px 0 0;
  color: var(--ink);
  font-size: clamp(40px, 5vw, 72px);
  letter-spacing: -.075em;
}

.opportunities-page .workspace-heading p,
.dossiers-section > .section-heading p,
.bureau-section > .section-heading p {
  max-width: 720px;
  color: var(--muted);
  font-size: 14px;
}

.opportunities-page .workspace-heading .eyebrow,
.dossiers-section > .section-heading .eyebrow,
.bureau-section > .section-heading .eyebrow {
  color: var(--brand);
}

.opportunities-page .filters {
  margin-top: 16px;
  margin-bottom: 10px;
}

.source-trace {
  margin: 0 0 14px;
}

.all-opportunities-list,
.dossiers-list {
  margin-top: 14px;
}

.bureau-layout {
  margin-top: 20px;
}

.bureau-action-row {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 2px;
}

.bureau-profile-card .relevance-passport .bureau-action-row .button {
  margin-top: 0;
}

.profile-help-card {
  margin-top: 14px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 26px;
  background: rgba(255, 255, 255, .72);
  box-shadow: var(--soft-shadow);
}

.profile-help-card span {
  color: var(--brand);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.profile-help-card p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.58;
}

.profile-help-card b {
  color: var(--ink);
}

.document-memory-card .library-heading {
  align-items: center;
}

.document-memory-card .library-heading .library-upload {
  justify-self: end;
}

.bureau-dropzone {
  min-height: 122px;
  padding: 22px;
  display: grid;
  place-items: center;
  text-align: center;
  border-radius: 28px;
}

.bureau-dropzone strong {
  display: block;
  color: var(--ink);
  font-size: 16px;
  letter-spacing: -.03em;
}

.bureau-dropzone span {
  margin-top: 6px;
}

@media (max-width: 900px) {
  .recommended-action .section-heading {
    grid-template-columns: 1fr;
  }

  .section-inline-action {
    justify-self: start;
  }

  .document-memory-card .library-heading .library-upload {
    justify-self: start;
  }
}

/* Attribis V35: playful but professional agent configurator */
.agent-control-panel {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.agent-control-card {
  min-width: 0;
  padding: 22px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 30px;
  background:
    radial-gradient(circle at 100% 0%, rgba(61, 90, 254, .08), transparent 32%),
    rgba(255, 255, 255, .82);
  box-shadow: var(--soft-shadow);
}

.agent-control-card.schedule-card,
.agent-control-card.threshold-card {
  grid-column: span 1;
}

.control-heading {
  margin-bottom: 18px;
}

.control-heading > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: rgba(61, 90, 254, .10);
  color: var(--brand);
  font-size: 11px;
  font-weight: 900;
}

.control-heading h3 {
  margin: 12px 0 8px;
  font-size: clamp(22px, 2.2vw, 32px);
  line-height: 1;
  letter-spacing: -.055em;
}

.control-heading p {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.agent-days,
.agent-recipient-grid,
.agent-format-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.agent-days label,
.agent-recipient-grid label,
.agent-format-grid label {
  position: relative;
  cursor: pointer;
}

.agent-days input,
.agent-recipient-grid input,
.agent-format-grid input,
.agent-channel input[type="checkbox"],
.silence-toggle input {
  position: absolute;
  opacity: 0;
}

.agent-days span,
.agent-recipient-grid span,
.agent-format-grid span,
.silence-toggle span {
  min-height: 74px;
  padding: 15px;
  display: grid;
  align-content: center;
  border: 1px solid rgba(10, 15, 28, .09);
  border-radius: 22px;
  background: rgba(255, 255, 255, .72);
  transition: .18s ease;
}

.agent-days span {
  min-height: 56px;
  place-items: center;
  color: var(--ink);
  font-weight: 850;
}

.agent-recipient-grid b,
.agent-format-grid b,
.silence-toggle b {
  font-size: 15px;
  letter-spacing: -.035em;
}

.agent-recipient-grid small,
.agent-format-grid small,
.silence-toggle small {
  margin-top: 6px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}

.agent-days input:checked + span,
.agent-recipient-grid input:checked + span,
.agent-format-grid input:checked + span,
.silence-toggle input:checked + span {
  border-color: var(--brand);
  background: rgba(61, 90, 254, .08);
  box-shadow: inset 0 0 0 1px var(--brand), 0 14px 34px rgba(61, 90, 254, .10);
}

.agent-time-field,
.agent-select-field {
  margin-top: 12px;
  display: grid;
  gap: 7px;
  color: var(--ink);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.agent-time-field input,
.agent-select-field select,
.agent-channel input[type="text"] {
  width: 100%;
  height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(10, 15, 28, .10);
  border-radius: 16px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: 14px;
  font-weight: 760;
}

.agent-channel-settings {
  display: grid;
  gap: 10px;
}

.agent-channel {
  position: relative;
  cursor: pointer;
}

.agent-channel > span {
  padding: 16px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 4px 13px;
  align-items: center;
  border: 1px solid rgba(10, 15, 28, .09);
  border-radius: 24px;
  background: rgba(255, 255, 255, .74);
  transition: .18s ease;
}

.agent-channel img,
.agent-channel .agent-mini-icon {
  width: 42px;
  height: 42px;
  grid-row: span 3;
  border-radius: 16px;
  object-fit: cover;
  background: rgba(61, 90, 254, .08);
}

.agent-channel .mail-icon {
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, .22), transparent 30%),
    linear-gradient(145deg, #3157d5, #1f3fc0);
  box-shadow: 0 12px 26px rgba(49, 87, 213, .18);
}

.agent-channel img {
  padding: 6px;
}

.agent-channel b {
  font-size: 17px;
  letter-spacing: -.04em;
}

.agent-channel small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.42;
}

.agent-channel input[type="text"] {
  grid-column: 2;
  margin-top: 6px;
}

.agent-channel input[type="checkbox"]:checked + span {
  border-color: var(--brand);
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--brand), 0 18px 42px rgba(61, 90, 254, .12);
}

.agent-channel input[type="checkbox"]:disabled + span {
  border-color: rgba(53, 208, 138, .42);
  background: rgba(53, 208, 138, .06);
}

.agent-range {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  color: var(--ink);
  font-weight: 850;
}

.agent-range output {
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  font-size: 13px;
}

.agent-range input {
  grid-column: 1 / -1;
  width: 100%;
  accent-color: var(--brand);
}

.threshold-explainer {
  margin-top: 12px;
  padding: 14px 16px;
  border-radius: 20px;
  background: rgba(10, 15, 28, .045);
  color: #3b4350;
  font-size: 13px;
  line-height: 1.52;
}

.silence-card {
  display: grid;
  align-content: space-between;
}

.silence-toggle {
  position: relative;
  display: block;
  cursor: pointer;
}

.agent-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.agent-actions p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.agent-status-facts span.is-connected {
  border-color: rgba(53, 208, 138, .42);
  background: rgba(53, 208, 138, .10);
}

@media (max-width: 980px) {
  .agent-control-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .agent-days,
  .agent-recipient-grid,
  .agent-format-grid {
    grid-template-columns: 1fr;
  }

  .agent-channel > span {
    grid-template-columns: 36px minmax(0, 1fr);
  }
}

/* Attribis V36: agent cockpit */
.agent-section.app-page.is-active {
  display: block !important;
}

.agent-section > .section-heading {
  margin-bottom: 22px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}

.agent-section > .section-heading h2 {
  margin: 6px 0 0;
  font-size: clamp(44px, 5.4vw, 78px);
  letter-spacing: -.075em;
}

.agent-section > .section-heading p {
  max-width: 760px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}

.agent-hero.agent-status-card {
  grid-template-columns: minmax(0, 1fr) minmax(290px, .55fr);
  align-items: stretch;
  gap: 22px;
  padding: clamp(28px, 4vw, 48px);
  background:
    radial-gradient(circle at 88% 8%, rgba(61, 90, 254, .30), transparent 30%),
    radial-gradient(circle at 10% 16%, rgba(255, 255, 255, .12), transparent 28%),
    #0a0f1c;
}

.agent-hero h2 {
  max-width: 760px;
  font-size: clamp(42px, 5vw, 76px);
}

.agent-hero-actions {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.agent-hero-actions .button.primary {
  background: #fff;
  color: #0a0f1c;
}

.agent-activity-panel {
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 28px;
  background: rgba(255, 255, 255, .07);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.agent-activity-panel > span {
  color: #9fb0ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.agent-activity-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.agent-activity-grid article {
  min-width: 0;
  padding: 14px;
  border-radius: 20px;
  background: rgba(255, 255, 255, .08);
}

.agent-activity-grid strong {
  display: block;
  color: #fff;
  font-size: clamp(28px, 3vw, 42px);
  line-height: .9;
  letter-spacing: -.06em;
}

.agent-activity-grid small {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, .58);
  font-size: 11px;
  line-height: 1.25;
}

.agent-activity-panel p {
  margin-top: 16px;
  color: rgba(255, 255, 255, .66);
  font-size: 13px;
}

.agent-hero .agent-status-facts {
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.agent-control-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.agent-control-card,
.agent-plan-section {
  border-radius: 34px;
}

.agent-frequency-grid,
.agent-format-grid,
.agent-recipient-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.agent-frequency-grid label {
  position: relative;
  cursor: pointer;
}

.agent-frequency-grid input {
  position: absolute;
  opacity: 0;
}

.agent-frequency-grid span {
  min-height: 96px;
  padding: 16px;
  display: grid;
  align-content: center;
  border: 1px solid rgba(10, 15, 28, .09);
  border-radius: 24px;
  background: rgba(255, 255, 255, .72);
  transition: .18s ease;
}

.agent-frequency-grid b {
  font-size: 15px;
  letter-spacing: -.035em;
}

.agent-frequency-grid small {
  margin-top: 7px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.agent-frequency-grid input:checked + span {
  border-color: var(--brand);
  background: rgba(61, 90, 254, .08);
  box-shadow: inset 0 0 0 1px var(--brand), 0 14px 34px rgba(61, 90, 254, .10);
}

.future-channels {
  margin-top: 12px;
  padding: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-radius: 22px;
  background: rgba(10, 15, 28, .04);
}

.future-channels span {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .76);
  color: #6b7280;
  font-size: 12px;
  font-weight: 800;
}

.future-channels small {
  flex-basis: 100%;
  color: var(--muted);
  font-size: 11px;
}

.agent-channel em {
  justify-self: start;
  width: fit-content;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(61, 90, 254, .08);
  color: var(--brand);
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.agent-add-recipient {
  min-height: 74px;
  border: 1px dashed rgba(10, 15, 28, .18);
  border-radius: 22px;
  background: rgba(255, 255, 255, .50);
  color: var(--brand);
  cursor: pointer;
  font-weight: 850;
}

.format-card {
  grid-column: span 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(290px, .5fr);
  gap: 18px;
}

.format-card .control-heading,
.format-card .agent-format-grid {
  grid-column: 1;
}

.agent-format-preview {
  grid-column: 2;
  grid-row: 1 / span 2;
  padding: 22px;
  display: grid;
  align-content: start;
  border-radius: 28px;
  background:
    radial-gradient(circle at 90% 0%, rgba(61, 90, 254, .20), transparent 32%),
    #0a0f1c;
  color: #fff;
}

.agent-format-preview > span {
  color: #9fb0ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.agent-format-preview div {
  margin-top: 18px;
  color: rgba(255, 255, 255, .78);
  font-size: 14px;
  line-height: 1.62;
}

.agent-plan-section {
  grid-column: 1 / -1;
  padding: 24px;
  border: 1px solid rgba(10, 15, 28, .08);
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--soft-shadow);
}

.agent-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.plan-card {
  min-width: 0;
  padding: 22px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 28px;
  background: #fff;
}

.plan-card.current-plan {
  background:
    radial-gradient(circle at 90% 0%, rgba(61, 90, 254, .13), transparent 32%),
    #fff;
}

.plan-card.locked-plan {
  background: rgba(246, 248, 252, .82);
}

.plan-card > span {
  color: var(--brand);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.plan-card h4 {
  margin: 12px 0;
  font-size: 26px;
  line-height: 1;
  letter-spacing: -.055em;
}

.plan-card p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.52;
}

.plan-card ul {
  display: grid;
  gap: 9px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.plan-card li {
  color: #3b4350;
  font-size: 13px;
}

.plan-card li::before {
  content: "✓";
  margin-right: 8px;
  color: var(--brand);
  font-weight: 900;
}

.locked-plan li::before {
  content: "🔒";
}

.plan-card .button {
  margin-top: 18px;
}

.agent-context-upsell {
  margin-top: 14px;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  border-radius: 26px;
  background: #0a0f1c;
  color: #fff;
}

.agent-context-upsell span {
  color: #9fb0ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.agent-context-upsell strong {
  display: block;
  margin-top: 7px;
  font-size: 22px;
  letter-spacing: -.04em;
}

.agent-context-upsell p {
  margin: 0;
  color: rgba(255, 255, 255, .68);
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .agent-hero.agent-status-card,
  .format-card,
  .agent-context-upsell {
    grid-template-columns: 1fr;
  }

  .agent-format-preview {
    grid-column: 1;
    grid-row: auto;
  }

  .agent-hero .agent-status-facts,
  .agent-plan-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 780px) {
  .agent-control-panel,
  .agent-frequency-grid,
  .agent-recipient-grid,
  .agent-format-grid,
  .agent-activity-grid {
    grid-template-columns: 1fr;
  }
}

/* Attribis V32: agent setup tunnel */
.onboarding-dialog {
  width: min(980px, calc(100vw - 32px));
  border-radius: 38px;
  background:
    radial-gradient(circle at 86% 6%, rgba(61, 90, 254, .10), transparent 32%),
    #fff;
  box-shadow: 0 34px 110px rgba(10, 15, 28, .20);
}

.onboarding-dialog form {
  height: min(860px, calc(100vh - 32px));
  min-height: 680px;
}

.agent-setup-header {
  padding: 24px 32px 20px;
  border-bottom: 0;
}

.agent-setup-header > div:first-child {
  display: grid;
  gap: 7px;
}

.agent-setup-header span {
  color: var(--brand);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.agent-setup-header p {
  max-width: 520px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.onboarding-dialog .progress-rail {
  height: 4px;
  margin: 0 32px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(10, 15, 28, .08);
}

.onboarding-dialog .progress-rail i {
  border-radius: inherit;
}

.progress-rail i { width: 25%; }
.progress-rail i[data-step="2"] { width: 50%; }
.progress-rail i[data-step="3"] { width: 75%; }
.progress-rail i[data-step="4"] { width: 100%; }

.onboarding-step {
  padding: 42px clamp(34px, 6vw, 76px) 26px;
}

.onboarding-step h2 {
  max-width: 760px;
  margin: 12px 0 12px;
  font-size: clamp(46px, 6vw, 72px);
  line-height: .92;
  letter-spacing: -.07em;
}

.onboarding-step > p {
  max-width: 680px;
  margin-bottom: 28px;
  color: #5b6472;
  font-size: 17px;
  line-height: 1.58;
}

.agent-learning-card,
.agent-ready-card,
.briefing-preview-card {
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 30px;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 24px 70px rgba(10, 15, 28, .07);
}

.agent-learning-card {
  margin: 0 0 22px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.agent-learning-card span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.agent-learning-card strong {
  font-size: 16px;
}

.setup-fields {
  max-width: 680px;
  gap: 14px;
}

.setup-fields input,
.setup-fields select,
.setup-email input {
  height: 58px;
  border: 1px solid rgba(10, 15, 28, .10);
  border-radius: 18px;
  background: #fff;
  font-size: 15px;
}

.setup-fields label,
.setup-email {
  color: #3b4350;
  font-size: 12px;
  font-weight: 800;
}

.setup-fields label small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 760;
}

.setup-chips {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
}

.choice-grid.setup-chips label,
.choice-grid.cantons.setup-chips label {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.choice-grid.setup-chips label > span,
.choice-grid.cantons.setup-chips label > span {
  width: auto;
  min-height: 44px;
  margin: 0;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(10, 15, 28, .09);
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  color: #30394a;
  font-size: 13px;
  font-family: inherit;
  font-weight: 760;
  box-shadow: 0 8px 24px rgba(10, 15, 28, .035);
}

.choice-grid.setup-chips input:checked + span,
.choice-grid.cantons.setup-chips label:has(input:checked) > span {
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
  box-shadow: 0 14px 34px rgba(61, 90, 254, .22);
}

.all-cantons-picker {
  margin-top: 12px;
}

.all-cantons-picker summary {
  width: fit-content;
  padding: 12px 16px;
  border: 1px solid rgba(10, 15, 28, .10);
  border-radius: 999px;
  background: rgba(255, 255, 255, .74);
  color: var(--ink);
  cursor: pointer;
  font-size: 13px;
  font-weight: 850;
  list-style: none;
}

.all-cantons-picker summary::-webkit-details-marker {
  display: none;
}

.swiss-cantons {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 24px;
  background: rgba(246, 248, 252, .78);
}

.setup-microcopy {
  margin-top: 20px !important;
  font-size: 13px !important;
}

.choice-grid.quick-options label > span {
  min-height: 104px;
  padding: 18px;
  border-radius: 24px;
  border-color: rgba(10, 15, 28, .09);
  box-shadow: 0 10px 28px rgba(10, 15, 28, .04);
}

.choice-grid.quick-options b {
  font-size: 18px;
  letter-spacing: -.035em;
}

.choice-grid.quick-options small {
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.35;
}

.choice-grid.quick-options input:checked + span {
  border-color: var(--brand);
  background: rgba(61, 90, 254, .08);
  box-shadow: inset 0 0 0 1px var(--brand), 0 16px 36px rgba(61, 90, 254, .12);
}

.setup-email {
  max-width: 560px;
  margin-top: 22px;
}

.setup-email > span {
  display: block;
  margin: 0 0 8px;
  color: var(--ink);
  font-size: 18px;
  letter-spacing: -.03em;
  text-transform: none;
}

.agent-ready-step {
  padding-top: 30px;
}

.agent-ready-card {
  margin: 20px 0 22px;
  padding: 24px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  background:
    radial-gradient(circle at 96% 8%, rgba(61, 90, 254, .16), transparent 30%),
    #0a0f1c;
  color: #fff;
}

.agent-orb,
.agent-success-orb {
  display: grid;
  place-items: center;
  border-radius: 24px;
  background: rgba(255, 255, 255, .08);
}

.agent-orb {
  width: 74px;
  height: 74px;
}

.agent-orb img,
.agent-success-orb img {
  width: 52px;
  height: 52px;
}

.agent-ready-card span {
  color: #9fb0ff;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.agent-ready-card strong {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 7px;
  color: #fff;
  font-size: 30px;
  letter-spacing: -.05em;
}

.agent-ready-card strong::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #35d08a;
  box-shadow: 0 0 0 6px rgba(53, 208, 138, .14);
}

.agent-ready-card p {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, .66);
  font-size: 13px;
}

.delivery-channels {
  margin-bottom: 20px;
}

.delivery-channel-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.delivery-channel-grid label {
  position: relative;
}

.delivery-channel-grid label > input[type="radio"],
.delivery-channel-grid label > input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.delivery-channel-grid span {
  min-height: 150px;
  padding: 18px;
  display: grid;
  align-content: start;
  gap: 9px;
  border: 1px solid rgba(10, 15, 28, .09);
  border-radius: 28px;
  background: rgba(255, 255, 255, .78);
  cursor: pointer;
  box-shadow: 0 14px 40px rgba(10, 15, 28, .05);
  transition: .2s ease;
}

.delivery-channel-grid span::before {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: rgba(61, 90, 254, .08);
  color: var(--brand);
  font-size: 20px;
  font-weight: 850;
}

.delivery-channel-grid label:nth-of-type(1) span::before { content: "@"; }
.delivery-channel-grid label:nth-of-type(2) span::before { content: "W"; }
.delivery-channel-grid label:nth-of-type(3) span::before { content: "D"; }

.delivery-channel-grid b {
  font-size: 18px;
  letter-spacing: -.04em;
}

.delivery-channel-grid small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.delivery-channel-grid em {
  align-self: end;
  width: fit-content;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(10, 15, 28, .06);
  color: var(--muted);
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
  text-transform: uppercase;
}

.delivery-channel-grid input:checked + span {
  border-color: var(--brand);
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--brand), 0 22px 54px rgba(61, 90, 254, .16);
  transform: translateY(-2px);
}

.delivery-channel-grid .channel-input {
  width: 100%;
  height: 44px;
  margin-top: 2px;
  padding: 0 13px;
  border: 1px solid rgba(10, 15, 28, .10);
  border-radius: 14px;
  background: rgba(246, 248, 252, .86);
  color: var(--ink);
  font-size: 13px;
  font-weight: 720;
}

.delivery-channel-grid .channel-input::placeholder {
  color: #8c96a7;
}

.delivery-channel-grid .is-included span {
  background: linear-gradient(180deg, #fff, rgba(246, 248, 252, .92));
}

.success-dashboard-button {
  min-height: 56px;
  padding-inline: 30px;
  font-size: 15px;
}

.briefing-preview-card {
  padding: 22px;
}

.briefing-preview-card > span {
  color: var(--brand);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.briefing-preview-card p {
  margin: 12px 0 0;
  color: #3a4352;
  font-size: 13px;
  line-height: 1.48;
}

.briefing-preview-card h3 {
  margin: 16px 0 10px;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -.045em;
}

.briefing-preview-card div {
  display: inline-grid;
  grid-template-columns: auto auto;
  gap: 10px;
  align-items: baseline;
  margin-top: 6px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(61, 90, 254, .08);
}

.briefing-preview-card ul {
  margin: 14px 0 0;
  padding-left: 18px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.briefing-preview-link {
  color: var(--brand) !important;
  font-weight: 850;
}

.agent-success-screen {
  flex: 1;
  padding: 54px clamp(34px, 7vw, 90px);
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
}

.agent-success-screen[hidden] {
  display: none;
}

.agent-success-orb {
  width: 104px;
  height: 104px;
  margin-bottom: 24px;
  background: rgba(61, 90, 254, .08);
}

.agent-success-screen h2 {
  max-width: 680px;
  margin: 12px 0;
  font-size: clamp(52px, 7vw, 84px);
  line-height: .9;
  letter-spacing: -.075em;
}

.agent-success-screen p {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.62;
}

.agent-success-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 28px;
}

.onboarding-dialog form.is-success .progress-rail,
.onboarding-dialog form.is-success .dialog-footer {
  display: none;
}

.dialog-footer {
  gap: 14px;
}

.setup-footer-note {
  flex-basis: 100%;
  color: var(--muted);
  font-size: 11px;
  text-align: right;
}

@media (max-width: 840px) {
  .delivery-channel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .onboarding-step h2,
  .agent-success-screen h2 {
    font-size: 42px;
  }

  .agent-learning-card,
  .agent-ready-card {
    grid-template-columns: 1fr;
  }

  .delivery-channel-grid {
    grid-template-columns: 1fr;
  }
}

/* Attribis V37: clear Agent/Bureau product logic */
.bureau-section.app-page.is-active,
.agent-section.app-page.is-active {
  display: block !important;
}

.bureau-section,
.agent-section {
  max-width: 1320px;
}

.bureau-score-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 0 0 22px;
}

.bureau-score-card,
.bureau-panel,
.document-memory-card,
.bureau-pro-section {
  min-width: 0;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 34px;
  background: rgba(255, 255, 255, .84);
  box-shadow: var(--soft-shadow);
}

.bureau-score-card {
  padding: clamp(24px, 3vw, 34px);
}

.bureau-score-card.is-profile {
  background:
    radial-gradient(circle at 90% 0%, rgba(61, 90, 254, .12), transparent 34%),
    #fff;
}

.bureau-score-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.bureau-score-head span,
.plan-badge {
  width: fit-content;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(61, 90, 254, .08);
  color: var(--brand);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bureau-score-head strong {
  color: var(--ink);
  font-size: clamp(44px, 4.8vw, 72px);
  line-height: .85;
  letter-spacing: -.075em;
}

.bureau-score-card h3,
.bureau-panel-heading h3,
.document-memory-card .library-heading h3,
.bureau-pro-section h3 {
  margin: 22px 0 10px;
  color: var(--ink);
  font-size: clamp(26px, 2.6vw, 40px);
  line-height: .96;
  letter-spacing: -.06em;
}

.bureau-score-card p,
.bureau-panel-heading p,
.document-memory-card .library-heading p,
.bureau-pro-section p {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.58;
}

.bureau-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 22px;
}

.bureau-facts span {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(10, 15, 28, .045);
  color: #3b4350;
  font-size: 11px;
  font-weight: 820;
}

.bureau-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 22px;
  align-items: start;
  margin-top: 0;
}

.bureau-panel,
.document-memory-card {
  padding: clamp(22px, 2.6vw, 30px);
}

.bureau-panel-heading {
  margin-bottom: 18px;
}

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

.profile-preview article {
  min-height: 112px;
  padding: 16px;
  display: grid;
  align-content: start;
  border: 1px solid rgba(10, 15, 28, .075) !important;
  border-radius: 22px;
  background: rgba(246, 248, 252, .74);
}

.profile-preview article span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.profile-preview article strong {
  margin-top: 9px;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.38;
  overflow-wrap: anywhere;
}

.profile-preview article button {
  width: fit-content;
  margin-top: 10px;
  border: 0;
  background: transparent;
  color: var(--brand);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 820;
}

.document-memory-card .library-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.document-purpose-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0;
  border: 0;
  background: transparent;
}

.document-purpose-grid article {
  min-height: 122px;
  padding: 16px;
  border: 1px solid rgba(10, 15, 28, .075) !important;
  border-radius: 22px;
  background: rgba(246, 248, 252, .74);
}

.document-purpose-grid span {
  color: var(--brand);
  font-size: 10px;
  font-weight: 900;
}

.document-purpose-grid strong {
  margin-top: 10px;
  color: var(--ink);
  font-size: 14px;
  letter-spacing: -.025em;
}

.document-purpose-grid small {
  margin-top: 7px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.bureau-dropzone {
  min-height: 178px;
  margin: 0 0 14px;
  padding: 24px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  border: 1px dashed rgba(61, 90, 254, .34);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 0%, rgba(61, 90, 254, .10), transparent 42%),
    rgba(61, 90, 254, .035);
  text-align: center;
  cursor: pointer;
}

.bureau-dropzone strong {
  color: var(--ink);
  font-size: 20px;
  letter-spacing: -.035em;
}

.bureau-dropzone span {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.bureau-dropzone em {
  margin-top: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  font-style: normal;
  font-size: 12px;
  font-weight: 850;
}

.library-category-field {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  color: var(--ink);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.library-category-field select {
  height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(10, 15, 28, .10);
  border-radius: 16px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: 14px;
  font-weight: 760;
  text-transform: none;
  letter-spacing: 0;
}

.library-category-field small,
.library-privacy,
.library-status {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.library-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.library-document {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 20px;
  background: #fff;
}

.library-document > div {
  min-width: 0;
}

.library-document strong,
.library-document small {
  overflow-wrap: anywhere;
}

.bureau-pro-section {
  margin-top: 22px;
  padding: clamp(24px, 3vw, 34px);
  display: grid;
  grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr) auto;
  gap: 22px;
  align-items: center;
  background:
    radial-gradient(circle at 95% 0%, rgba(61, 90, 254, .18), transparent 32%),
    #0a0f1c;
  color: #fff;
}

.bureau-pro-section h3,
.bureau-pro-section p {
  color: #fff;
}

.bureau-pro-section p {
  color: rgba(255, 255, 255, .66);
}

.bureau-pro-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.bureau-pro-grid article {
  min-height: 116px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 22px;
  background: rgba(255, 255, 255, .07);
}

.bureau-pro-grid strong,
.bureau-pro-grid small {
  display: block;
}

.bureau-pro-grid strong {
  color: #fff;
  font-size: 14px;
}

.bureau-pro-grid small {
  margin-top: 8px;
  color: rgba(255, 255, 255, .62);
  font-size: 11px;
  line-height: 1.45;
}

.agent-section > .section-heading {
  margin-bottom: 22px;
}

.agent-frequency-grid span,
.agent-format-grid span {
  position: relative;
}

.agent-frequency-grid em,
.agent-format-grid em {
  width: fit-content;
  margin-top: 10px;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(61, 90, 254, .08);
  color: var(--brand);
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.agent-frequency-grid .is-locked span,
.agent-format-grid .is-locked span,
.role-preview-grid article {
  background: rgba(246, 248, 252, .72);
}

.agent-frequency-grid .is-locked span::after,
.agent-format-grid .is-locked span::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(255, 255, 255, .18);
  pointer-events: none;
}

.agent-free-note {
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.recipient-summary-card {
  padding: 18px;
  border: 1px solid rgba(61, 90, 254, .16);
  border-radius: 24px;
  background: rgba(61, 90, 254, .06);
}

.recipient-summary-card span,
.role-preview-grid article span {
  color: var(--brand);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.recipient-summary-card strong,
.recipient-summary-card small,
.role-preview-grid article b,
.role-preview-grid article small {
  display: block;
}

.recipient-summary-card strong {
  margin-top: 9px;
  color: var(--ink);
  font-size: 18px;
  letter-spacing: -.035em;
}

.recipient-summary-card small {
  margin-top: 7px;
  color: var(--muted);
  font-size: 12px;
}

.role-preview-grid {
  margin-top: 12px;
}

.role-preview-grid article {
  min-height: 118px;
  padding: 15px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 22px;
}

.role-preview-grid article b {
  margin-top: 10px;
  color: var(--ink);
  font-size: 15px;
  letter-spacing: -.035em;
}

.role-preview-grid article small {
  margin-top: 7px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.42;
}

.agent-threshold-modes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.agent-threshold-modes label {
  position: relative;
  cursor: pointer;
}

.agent-threshold-modes input {
  position: absolute;
  opacity: 0;
}

.agent-threshold-modes span {
  min-height: 120px;
  padding: 16px;
  display: grid;
  align-content: center;
  border: 1px solid rgba(10, 15, 28, .09);
  border-radius: 24px;
  background: rgba(255, 255, 255, .72);
  transition: .18s ease;
}

.agent-threshold-modes b,
.agent-threshold-modes small {
  display: block;
}

.agent-threshold-modes b {
  color: var(--ink);
  font-size: 15px;
  letter-spacing: -.035em;
}

.agent-threshold-modes small {
  margin-top: 7px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}

.agent-threshold-modes input:checked + span {
  border-color: var(--brand);
  background: rgba(61, 90, 254, .08);
  box-shadow: inset 0 0 0 1px var(--brand), 0 14px 34px rgba(61, 90, 254, .10);
}

.threshold-card .silence-toggle {
  margin-top: 14px;
}

.locked-plan li::before {
  content: "•";
}

@media (max-width: 1180px) {
  .bureau-layout,
  .bureau-pro-section,
  .agent-context-upsell {
    grid-template-columns: 1fr;
  }

  .bureau-pro-section > .button {
    justify-self: start;
  }
}

@media (max-width: 860px) {
  .bureau-score-grid,
  .profile-preview,
  .document-purpose-grid,
  .bureau-pro-grid,
  .agent-threshold-modes {
    grid-template-columns: 1fr;
  }

  .library-document {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .library-document .document-state,
  .library-document .button {
    grid-column: 2;
    justify-self: start;
  }
}

/* Attribis V38: market decision center */
.detail-dialog {
  width: min(1180px, calc(100vw - 32px));
  max-height: calc(100vh - 28px);
  border-radius: 34px;
  background: #f7f8fb;
  box-shadow: 0 34px 110px rgba(10, 15, 28, .26);
  overflow: hidden;
}

.detail-dialog article {
  max-height: calc(100vh - 28px);
  overflow: auto;
}

.detail-dialog .detail-header {
  position: sticky;
  z-index: 4;
  top: 0;
  padding: 18px 24px;
  background: rgba(247, 248, 251, .90);
  backdrop-filter: blur(16px);
}

#detail-content {
  padding: clamp(22px, 3vw, 38px);
}

.decision-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .34fr);
  gap: 22px;
  align-items: stretch;
  padding: clamp(26px, 4vw, 46px);
  border-radius: 34px;
  background:
    radial-gradient(circle at 88% 6%, rgba(61, 90, 254, .26), transparent 30%),
    radial-gradient(circle at 8% 12%, rgba(255, 255, 255, .12), transparent 28%),
    #0a0f1c;
  color: #fff;
}

.decision-hero .eyebrow {
  color: #9fb0ff;
}

.decision-hero .detail-title {
  max-width: 820px;
  margin: 12px 0 14px;
  color: #fff;
  font-size: clamp(34px, 4.6vw, 64px);
  line-height: .96;
  letter-spacing: -.07em;
}

.decision-hero p {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 255, 255, .66);
  font-size: 14px;
  line-height: 1.55;
}

.decision-badge {
  min-height: 230px;
  padding: 22px;
  display: grid;
  align-content: space-between;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 30px;
  background: rgba(255, 255, 255, .08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.decision-badge span {
  color: rgba(255, 255, 255, .58);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.decision-badge strong {
  color: #fff;
  font-size: clamp(44px, 5vw, 72px);
  line-height: .88;
  letter-spacing: -.075em;
}

.decision-badge small {
  width: fit-content;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .10);
  color: rgba(255, 255, 255, .76);
  font-size: 12px;
  font-weight: 800;
}

.decision-badge.answer small,
.decision-summary-card.answer {
  border-color: rgba(53, 208, 138, .28);
}

.decision-badge.review small,
.decision-summary-card.review {
  border-color: rgba(245, 158, 11, .32);
}

.decision-badge.discard small,
.decision-summary-card.discard {
  border-color: rgba(239, 68, 68, .28);
}

.decision-summary-card,
.decision-section,
.decision-source {
  margin-top: 18px;
  padding: clamp(22px, 2.5vw, 30px);
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 30px;
  background: rgba(255, 255, 255, .88);
  box-shadow: var(--soft-shadow);
}

.decision-summary-card {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(260px, .55fr);
  gap: 20px;
  align-items: start;
}

.decision-summary-card span,
.decision-section-heading > span,
.decision-source h3 {
  color: var(--brand);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.decision-summary-card h3,
.decision-section-heading h3 {
  margin: 9px 0 10px;
  color: var(--ink);
  font-size: clamp(26px, 2.7vw, 40px);
  line-height: .96;
  letter-spacing: -.06em;
}

.decision-summary-card p,
.decision-section-heading p,
.decision-source p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.58;
}

.decision-why {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.decision-why span {
  flex-basis: 100%;
}

.decision-why b {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(10, 15, 28, .045);
  color: #3b4350;
  font-size: 12px;
}

.decision-section-heading {
  max-width: 760px;
  margin-bottom: 20px;
}

.decision-section-heading > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: rgba(61, 90, 254, .10);
}

.decision-match-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.decision-match-grid article {
  min-height: 162px;
  padding: 16px;
  display: grid;
  align-content: start;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 24px;
  background: rgba(246, 248, 252, .78);
}

.decision-match-grid article.ok {
  background: rgba(53, 208, 138, .08);
}

.decision-match-grid article.warning {
  background: rgba(245, 158, 11, .09);
}

.decision-match-grid article.missing {
  background: rgba(239, 68, 68, .07);
}

.decision-match-grid span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.decision-match-grid strong {
  margin-top: 14px;
  color: var(--ink);
  font-size: 19px;
  line-height: 1;
  letter-spacing: -.04em;
}

.decision-match-grid p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.missing-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.missing-grid article {
  min-height: 210px;
  padding: 16px;
  display: grid;
  align-content: space-between;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 24px;
  background: #fff;
}

.missing-grid article > div > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(10, 15, 28, .06);
  color: var(--muted);
  font-weight: 900;
}

.missing-grid article.ok > div > span {
  background: rgba(53, 208, 138, .13);
  color: var(--green);
}

.missing-grid article.warning > div > span {
  background: rgba(245, 158, 11, .13);
  color: var(--amber);
}

.missing-grid article.missing > div > span {
  background: rgba(239, 68, 68, .12);
  color: var(--red);
}

.missing-grid strong,
.missing-grid small,
.missing-grid p,
.missing-grid b {
  display: block;
}

.missing-grid strong {
  margin-top: 14px;
  color: var(--ink);
  font-size: 16px;
  letter-spacing: -.035em;
}

.missing-grid small {
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.missing-grid p {
  margin: 16px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.missing-grid b {
  margin-bottom: 5px;
  color: var(--brand);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.missing-consequence {
  margin-top: 14px;
  padding: 18px;
  border-radius: 24px;
  background: #0a0f1c;
  color: #fff;
}

.missing-consequence strong {
  display: block;
  color: #9fb0ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.missing-consequence p {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, .74);
  font-size: 14px;
  line-height: 1.55;
}

.decision-workflow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.decision-workflow button {
  min-height: 172px;
  padding: 18px;
  display: grid;
  align-content: start;
  border: 1px solid rgba(10, 15, 28, .09);
  border-radius: 26px;
  background: rgba(246, 248, 252, .78);
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  transition: .18s ease;
}

.decision-workflow button:hover,
.decision-workflow button.is-active {
  transform: translateY(-1px);
  border-color: var(--brand);
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--brand), 0 18px 42px rgba(61, 90, 254, .10);
}

.decision-workflow span {
  width: fit-content;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(61, 90, 254, .08);
  color: var(--brand);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.decision-workflow strong {
  margin-top: 18px;
  font-size: 20px;
  line-height: 1.05;
  letter-spacing: -.045em;
}

.decision-workflow small {
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.decision-controls {
  margin-top: 16px;
  padding: 0;
  border: 0;
}

.decision-controls label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.decision-controls select {
  width: min(420px, 100%);
  height: 48px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid rgba(10, 15, 28, .10);
  border-radius: 16px;
  background: #fff;
  color: var(--ink);
  font-size: 14px;
  text-transform: none;
  letter-spacing: 0;
}

.decision-next-action {
  border: 0;
  border-radius: 30px;
  background: rgba(61, 90, 254, .07);
}

.decision-next-action strong {
  font-size: 18px;
  line-height: 1.2;
}

.decision-next-action small {
  font-size: 12px;
}

.decision-source {
  background: transparent;
  box-shadow: none;
}

.decision-source h3 {
  margin: 0 0 12px;
}

.decision-source p + p {
  margin-top: 10px;
}

@media (max-width: 1100px) {
  .decision-hero,
  .decision-summary-card,
  .next-action {
    grid-template-columns: 1fr;
  }

  .decision-match-grid,
  .missing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .detail-dialog {
    width: min(100vw - 16px, 720px);
  }

  #detail-content {
    padding: 18px;
  }

  .decision-match-grid,
  .missing-grid,
  .decision-workflow {
    grid-template-columns: 1fr;
  }
}

/* ATTRIBIS V39 — Bureau + Agent upsell clarity */
.bureau-today {
  display: inline-flex;
  width: fit-content;
  margin-top: 14px !important;
  padding: 9px 13px;
  border: 1px solid rgba(61, 90, 254, .16);
  border-radius: 999px;
  background: rgba(61, 90, 254, .07);
  color: #1c2d7a !important;
  font-size: 12px;
  font-weight: 850;
}

.bureau-layout-stacked {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 18px;
}

.bureau-state-card,
.bureau-criteria-panel,
.document-memory-card,
.bureau-pro-section {
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .96));
  box-shadow: 0 28px 80px rgba(10, 15, 28, .08);
}

.bureau-state-card {
  display: grid;
  grid-template-columns: minmax(280px, .82fr) minmax(520px, 1.18fr);
  gap: 28px;
  padding: 28px;
  align-items: start;
}

.bureau-state-copy h3,
.bureau-panel-heading h3 {
  margin: 8px 0 10px;
  color: var(--ink);
  font-size: clamp(26px, 3vw, 42px);
  letter-spacing: -.055em;
}

.bureau-state-copy p,
.bureau-panel-heading p {
  max-width: 660px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}

.bureau-state-card .bureau-action-row {
  grid-column: 1 / -1;
  justify-content: flex-start;
  margin: 0;
}

.bureau-state-table {
  overflow: hidden;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 24px;
  background: #fff;
}

.bureau-state-row {
  display: grid;
  grid-template-columns: 1.1fr .55fr 1.2fr;
  gap: 16px;
  align-items: center;
  min-height: 58px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(10, 15, 28, .06);
}

.bureau-state-row:last-child {
  border-bottom: 0;
}

.bureau-state-row strong,
.bureau-state-row b {
  color: var(--ink);
  font-size: 14px;
}

.bureau-state-row b {
  justify-self: start;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(61, 90, 254, .08);
  color: #2547dc;
}

.bureau-state-row span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.bureau-state-head {
  min-height: auto;
  background: #f6f7fb;
}

.bureau-state-head span {
  color: #6b7280;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bureau-criteria-panel,
.document-memory-card {
  padding: 28px;
}

.bureau-criteria-panel .profile-preview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.bureau-criteria-panel .profile-preview article {
  min-height: 116px;
  padding: 18px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 22px;
  background: #fff;
}

.bureau-criteria-panel .profile-preview article span {
  color: #667085;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.bureau-criteria-panel .profile-preview article strong {
  display: block;
  margin-top: 10px;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.35;
}

.bureau-criteria-panel .profile-preview .profile-history,
.bureau-criteria-panel .profile-preview .profile-data {
  grid-column: span 2;
  min-height: 130px;
  background: #f8f9fc;
}

.memory-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.memory-category-card {
  display: grid;
  gap: 14px;
  min-height: 190px;
  padding: 18px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 24px;
  background: #fff;
}

.memory-category-card span,
.memory-category-card em {
  color: #667085;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.memory-category-card strong {
  display: block;
  margin-top: 7px;
  color: var(--ink);
  font-size: 18px;
  letter-spacing: -.03em;
}

.memory-category-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.memory-category-card footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  align-self: end;
}

.memory-category-card .button {
  min-height: 36px;
  padding: 0 12px;
  border-radius: 12px;
  font-size: 12px;
}

.free-memory-note {
  display: grid;
  gap: 6px;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(61, 90, 254, .13);
  border-radius: 22px;
  background: rgba(61, 90, 254, .06);
  color: var(--ink);
}

.free-memory-note span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.bureau-upload-panel {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(340px, 1fr) minmax(240px, .72fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 22px;
  padding: 20px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 26px;
  background: #f8f9fc;
}

.bureau-upload-panel .bureau-panel-heading h3 {
  font-size: 24px;
}

.bureau-upload-panel .bureau-dropzone,
.bureau-upload-panel .library-category-field {
  margin: 0;
  height: 100%;
}

.library-document {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.library-document small + small {
  display: block;
  margin-top: 4px;
  color: #2547dc;
}

.bureau-pro-section {
  margin-top: 18px;
  padding: 30px;
  background:
    radial-gradient(circle at 78% 12%, rgba(61, 90, 254, .24), transparent 34%),
    linear-gradient(135deg, #080d19, #111827 58%, #172554);
  color: #fff;
}

.bureau-pro-section h3 {
  color: #fff;
  font-size: clamp(28px, 3vw, 44px);
}

.bureau-pro-section p,
.bureau-pro-section small {
  color: rgba(255, 255, 255, .72);
}

.bureau-pro-grid article {
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .07);
}

.bureau-pro-grid strong {
  color: #fff;
}

.pro-dialog {
  width: min(980px, calc(100vw - 32px));
  border: 0;
  border-radius: 34px;
  padding: 0;
  background: transparent;
}

.pro-dialog::backdrop {
  background: rgba(8, 13, 25, .52);
  backdrop-filter: blur(14px);
}

.pro-dialog > article {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 40px 120px rgba(10, 15, 28, .35);
}

.pro-dialog-content {
  display: grid;
  gap: 18px;
  padding: 24px;
}

.pro-dialog-hero {
  padding: clamp(28px, 4vw, 44px);
  border-radius: 30px;
  background:
    radial-gradient(circle at 86% 10%, rgba(61, 90, 254, .30), transparent 34%),
    linear-gradient(135deg, #080d19, #111827);
  color: #fff;
}

.pro-pilot-kicker,
.pro-section-kicker {
  display: inline-flex;
  width: fit-content;
  color: rgba(255, 255, 255, .58);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.pro-dialog-hero h2 {
  margin: 14px 0 10px;
  color: #fff;
  font-size: clamp(38px, 5.6vw, 68px);
  line-height: .92;
  letter-spacing: -.065em;
}

.pro-dialog-hero p {
  max-width: 620px;
  margin: 0 0 10px;
  color: rgba(255, 255, 255, .74);
  font-size: 17px;
  line-height: 1.55;
}

.pro-dialog-hero p:last-child {
  margin-bottom: 0;
}

.pro-dialog-hero strong {
  color: #fff;
}

.pro-work-section {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 22px;
  align-items: start;
  padding: 28px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 28px;
  background: #fff;
}

.pro-build-section {
  display: grid;
  gap: 18px;
  padding: 28px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 30px;
  background: #fff;
}

.pro-promise-block {
  padding: 8px 4px 4px;
}

.pro-promise-block h3,
.pro-form-heading h3 {
  margin: 10px 0 0;
  color: var(--ink);
  font-size: clamp(26px, 3vw, 42px);
  line-height: .98;
  letter-spacing: -.06em;
}

.pro-promise-block p {
  max-width: 760px;
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.58;
}

.pro-build-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}

.pro-manual-card,
.pro-output-card {
  padding: 24px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 26px;
}

.pro-manual-card {
  background: #f8f9fc;
}

.pro-output-card {
  background:
    radial-gradient(circle at 96% 0%, rgba(47, 91, 255, .14), transparent 38%),
    linear-gradient(180deg, #fff, rgba(248, 249, 252, .86));
  border-color: rgba(47, 91, 255, .18);
}

.pro-manual-card > span,
.pro-output-card > span {
  display: block;
  margin-bottom: 16px;
  color: rgba(10, 15, 28, .48);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.pro-output-card > span {
  color: var(--brand);
}

.pro-section-kicker {
  color: rgba(10, 15, 28, .44);
}

.pro-work-section h3 {
  max-width: 420px;
  margin: 12px 0 10px;
  color: var(--ink);
  font-size: clamp(28px, 3vw, 42px);
  line-height: .98;
  letter-spacing: -.06em;
}

.pro-work-section p {
  max-width: 390px;
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.pro-task-list,
.pro-manual-card ul,
.pro-output-card ul,
.pro-contrast ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pro-task-list li,
.pro-manual-card li,
.pro-output-card li,
.pro-contrast li {
  position: relative;
  padding-left: 30px;
  color: #202938;
  font-size: 15px;
  line-height: 1.4;
}

.pro-task-list li::before,
.pro-manual-card li::before,
.pro-output-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: -.02em;
  width: 21px;
  height: 21px;
  border-radius: 9px;
  background: rgba(47, 91, 255, .08);
  box-shadow: inset 0 0 0 1px rgba(47, 91, 255, .12);
}

.pro-task-list li::after,
.pro-manual-card li::after,
.pro-output-card li::after {
  content: "";
  position: absolute;
  left: 6px;
  top: .44em;
  width: 9px;
  height: 7px;
  border-radius: 2px;
  border: 1.8px solid var(--brand);
}

.pro-task-list li[data-icon="folder"]::after,
.pro-manual-card li[data-icon="folder"]::after {
  top: .36em;
  width: 10px;
  height: 8px;
  border-radius: 2px;
  border-top-width: 4px;
}

.pro-task-list li[data-icon="user"]::after,
.pro-manual-card li[data-icon="user"]::after {
  top: .34em;
  width: 10px;
  height: 10px;
  border-radius: 999px;
}

.pro-task-list li[data-icon="checklist"]::after,
.pro-manual-card li[data-icon="checklist"]::after {
  top: .38em;
  width: 10px;
  height: 6px;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
}

.pro-task-list li[data-icon="calendar"]::after,
.pro-manual-card li[data-icon="calendar"]::after {
  top: .34em;
  width: 10px;
  height: 10px;
  border-radius: 3px;
}

.pro-contrast article:not(.is-pro) li::before {
  content: "–";
  position: absolute;
  left: 2px;
  top: -.06em;
  color: rgba(10, 15, 28, .42);
  font-weight: 900;
}

.pro-contrast {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
}

.pro-contrast article {
  padding: 24px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 26px;
  background: #f8f9fc;
}

.pro-contrast article span {
  display: block;
  margin-bottom: 16px;
  color: rgba(10, 15, 28, .48);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.pro-contrast .is-pro {
  border-color: rgba(47, 91, 255, .20);
  background:
    radial-gradient(circle at 92% 0%, rgba(47, 91, 255, .12), transparent 36%),
    #fff;
}

.pro-contrast .is-pro span {
  color: var(--brand);
}

.pro-contrast .is-pro li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .14em;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(14, 143, 99, .12);
}

.pro-contrast .is-pro li::after {
  content: "";
  position: absolute;
  left: 5px;
  top: .42em;
  width: 8px;
  height: 5px;
  border-left: 2px solid #0e8f63;
  border-bottom: 2px solid #0e8f63;
  transform: rotate(-45deg);
}

.pro-contrast-arrow {
  display: grid;
  place-items: center;
  align-self: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #080d19;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
}

.pro-pilot-note {
  margin: 0;
  padding: 18px 22px;
  border: 1px solid rgba(47, 91, 255, .16);
  border-radius: 24px;
  background: rgba(47, 91, 255, .06);
  color: #263143;
  font-size: 15px;
  line-height: 1.5;
}

.bureau-dialog .pro-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.bureau-dialog .pro-feature-grid article {
  padding: 18px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 20px;
  background: #f8f9fc;
}

.bureau-dialog .pro-feature-grid strong {
  display: block;
  color: var(--ink);
  font-size: 15px;
}

.bureau-dialog .pro-feature-grid small {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.45;
}

.pro-roi-box {
  display: grid;
  gap: 8px;
  padding: 20px;
  border: 1px solid rgba(61, 90, 254, .14);
  border-radius: 22px;
  background: rgba(61, 90, 254, .07);
  color: var(--ink);
}

.pro-roi-box span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.pro-dialog-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
}

.agent-control-card .is-locked,
.agent-channel.is-whatsapp {
  cursor: pointer;
}

.agent-control-card .is-locked span {
  position: relative;
}

.agent-control-card .is-locked span::after {
  content: "↗";
  position: absolute;
  top: 12px;
  right: 12px;
  color: #3d5afe;
  font-size: 12px;
  font-weight: 900;
}

@media (max-width: 1180px) {
  .bureau-state-card,
  .bureau-upload-panel {
    grid-template-columns: 1fr;
  }

  .bureau-criteria-panel .profile-preview,
  .memory-category-grid,
  .pro-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .bureau-state-card,
  .bureau-criteria-panel,
  .document-memory-card,
  .bureau-pro-section {
    border-radius: 24px;
    padding: 20px;
  }

  .bureau-state-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .bureau-state-head {
    display: none;
  }

  .bureau-criteria-panel .profile-preview,
  .memory-category-grid,
  .pro-feature-grid {
    grid-template-columns: 1fr;
  }

  .bureau-criteria-panel .profile-preview .profile-history,
  .bureau-criteria-panel .profile-preview .profile-data {
    grid-column: auto;
  }

  .library-document {
    grid-template-columns: auto 1fr;
  }

  .pro-dialog-content {
    padding: 18px;
  }
}

/* ATTRIBIS V40 — Full dashboard decision cockpit */
:root {
  --attribis-bg: #f7f5ef;
  --attribis-ink: #0d0d12;
  --attribis-blue: #2f5bff;
  --attribis-muted: #667085;
  --paper: #f7f5ef;
  --ink: #0d0d12;
  --brand: #2f5bff;
}

body {
  background:
    radial-gradient(circle at 18% -10%, rgba(47, 91, 255, .10), transparent 32%),
    linear-gradient(180deg, #fbfaf7, #f7f5ef 42%, #f4f1ea);
}

.product-header {
  border-bottom: 1px solid rgba(13, 13, 18, .08);
  background: rgba(251, 250, 247, .78);
  backdrop-filter: blur(22px);
}

.main-content {
  background: transparent;
}

.briefing-home,
.opportunities-page,
.dossiers-section,
.bureau-section,
.agent-section {
  width: min(1460px, calc(100vw - 64px));
  margin-inline: auto;
  padding-inline: 0 !important;
}

.briefing-home {
  max-width: min(1460px, calc(100vw - 64px));
}

.briefing-home .dashboard-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  padding: clamp(32px, 4vw, 54px);
  border: 1px solid rgba(13, 13, 18, .08);
  border-radius: 42px;
  background:
    radial-gradient(circle at 82% 18%, rgba(47, 91, 255, .16), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.72));
  box-shadow: 0 30px 90px rgba(13, 13, 18, .08);
}

.briefing-home .dashboard-heading h1 {
  max-width: 930px;
  color: #0d0d12;
  font-size: clamp(64px, 7.7vw, 118px);
  line-height: .88;
  letter-spacing: -.075em;
}

.briefing-home .dashboard-heading > p {
  max-width: 720px;
  color: #485064;
  font-size: clamp(17px, 1.45vw, 21px);
  line-height: 1.55;
}

.briefing-home .top-actions {
  justify-content: flex-end;
  align-self: start;
  min-width: 260px;
}

.big-action {
  min-height: 54px;
  border-radius: 18px;
}

.hero-metrics {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.hero-metrics article,
.opportunity-summary-grid article,
.dossier-stage-grid article {
  border: 1px solid rgba(13, 13, 18, .08);
  border-radius: 24px;
  background: rgba(255, 255, 255, .74);
  box-shadow: 0 16px 40px rgba(13, 13, 18, .05);
}

.hero-metrics strong,
.opportunity-summary-grid strong,
.dossier-stage-grid strong {
  color: #0d0d12;
  letter-spacing: -.055em;
}

.recommended-action .section-heading,
.time-saved .section-heading,
.workspace-heading,
.dossiers-section > .section-heading,
.bureau-section > .section-heading,
.agent-section > .section-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  max-width: none;
}

.recommended-action .section-heading h2,
.time-saved .section-heading h2,
.workspace-heading h2,
.dossiers-section > .section-heading h2,
.bureau-section > .section-heading h2,
.agent-section > .section-heading h2 {
  margin: 8px 0 8px;
  color: #0d0d12;
  font-size: clamp(42px, 5vw, 78px);
  line-height: .92;
  letter-spacing: -.07em;
}

.recommended-action .section-heading p,
.time-saved .section-heading p,
.workspace-heading p,
.dossiers-section > .section-heading p,
.bureau-section > .section-heading p,
.agent-section > .section-heading p {
  max-width: 680px;
  color: #667085;
  font-size: 16px;
  line-height: 1.6;
}

.recommended-action-card {
  grid-template-columns: minmax(0, 1fr) 220px;
  border-color: rgba(13, 13, 18, .08);
  background:
    radial-gradient(circle at 88% 12%, rgba(47, 91, 255, .18), transparent 30%),
    linear-gradient(135deg, #fff, rgba(255,255,255,.78));
}

.recommended-score {
  background:
    radial-gradient(circle at 80% 0%, rgba(47, 91, 255, .38), transparent 36%),
    linear-gradient(135deg, #0d0d12, #111827);
}

.recommended-score span {
  font-size: 10px;
}

.recommended-score strong {
  font-size: 40px;
}

.time-saved {
  padding: 30px;
  border: 1px solid rgba(13, 13, 18, .08);
  border-radius: 34px;
  background: rgba(255, 255, 255, .66);
  box-shadow: 0 22px 70px rgba(13, 13, 18, .06);
}

.saved-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.opportunity-summary-grid,
.dossier-stage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.dossier-stage-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.opportunity-summary-grid article,
.dossier-stage-grid article {
  display: grid;
  gap: 10px;
  padding: 18px 20px;
}

.opportunity-summary-grid span,
.dossier-stage-grid span {
  color: #667085;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.opportunity-summary-grid strong,
.dossier-stage-grid strong {
  font-size: 32px;
}

.filters {
  border: 1px solid rgba(13, 13, 18, .08);
  border-radius: 26px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 18px 60px rgba(13, 13, 18, .05);
}

.decision-tabs {
  width: fit-content;
  padding: 6px;
  border: 1px solid rgba(13, 13, 18, .08);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
}

.decision-tabs button {
  border-radius: 999px;
}

.decision-tabs button.is-active {
  background: #0d0d12;
  color: #fff;
}

.all-opportunities-head,
.all-opportunity-row {
  grid-template-columns: minmax(280px, 1.7fr) .72fr .44fr .48fr minmax(170px, .9fr) .72fr;
}

.all-opportunity-row {
  min-height: 92px;
  border: 1px solid rgba(13, 13, 18, .07);
  border-radius: 22px;
  background: rgba(255,255,255,.76);
  box-shadow: 0 12px 36px rgba(13, 13, 18, .04);
}

.all-opportunity-row > span small {
  display: block;
  margin-top: 5px;
  color: #667085;
  font-size: 11px;
  line-height: 1.35;
}

.dossier-card {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(220px, .52fr);
  gap: 18px;
  align-items: center;
  padding: 24px;
  border: 1px solid rgba(13, 13, 18, .08);
  border-radius: 30px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 20px 70px rgba(13, 13, 18, .06);
}

.dossier-card .dossier-progress,
.dossier-card .dossier-stats,
.dossier-card .dossier-next-action {
  grid-column: 1 / -1;
}

.dossier-next-action {
  margin: 0;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(47, 91, 255, .07);
  color: #344054;
  font-size: 14px;
}

.decision-hero {
  border-radius: 32px;
  background:
    radial-gradient(circle at 82% 8%, rgba(47, 91, 255, .20), transparent 32%),
    linear-gradient(135deg, #fff, #f8f9fc);
}

.decision-badge strong {
  font-size: clamp(42px, 6vw, 76px);
  letter-spacing: -.07em;
}

.decision-section,
.decision-summary-card,
.next-action,
.decision-source {
  border-color: rgba(13, 13, 18, .08);
  border-radius: 30px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 20px 60px rgba(13, 13, 18, .05);
}

.missing-section::after {
  content: none;
}

.bureau-dialog-hero {
  background:
    radial-gradient(circle at 86% 12%, rgba(47, 91, 255, .24), transparent 34%),
    linear-gradient(135deg, #0d0d12, #172033);
}

@media (max-width: 1180px) {
  .briefing-home,
  .opportunities-page,
  .dossiers-section,
  .bureau-section,
  .agent-section {
    width: min(100vw - 36px, 980px);
  }

  .briefing-home .dashboard-intro,
  .recommended-action-card,
  .dossier-card {
    grid-template-columns: 1fr;
  }

  .hero-metrics,
  .saved-grid,
  .dossier-stage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .all-opportunities-head {
    display: none;
  }

  .all-opportunity-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .briefing-home,
  .opportunities-page,
  .dossiers-section,
  .bureau-section,
  .agent-section {
    width: min(100vw - 24px, 680px);
  }

  .briefing-home .dashboard-intro,
  .time-saved {
    padding: 22px;
    border-radius: 28px;
  }

  .hero-metrics,
  .saved-grid,
  .opportunity-summary-grid,
  .dossier-stage-grid {
    grid-template-columns: 1fr;
  }

  .recommended-action .section-heading,
  .time-saved .section-heading,
  .workspace-heading,
  .dossiers-section > .section-heading,
  .bureau-section > .section-heading,
  .agent-section > .section-heading {
    display: grid;
  }
}

/* ATTRIBIS V41 — Pro pilot validation */
.decision-pro-cta {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  margin-top: 16px;
  padding: 18px;
  border: 1px solid rgba(47, 91, 255, .16);
  border-radius: 22px;
  background: rgba(47, 91, 255, .07);
}

.decision-pro-cta strong {
  display: block;
  color: #0d0d12;
  font-size: 18px;
  letter-spacing: -.03em;
}

.decision-pro-cta p {
  max-width: 680px;
  margin: 6px 0 0;
  color: #485064;
  font-size: 13px;
  line-height: 1.45;
}

.pro-interest-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 24px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 28px;
  background: #fff;
}

.pro-form-heading {
  padding-bottom: 2px;
}

.pro-form-heading h3 {
  max-width: 680px;
  font-size: clamp(24px, 2.4vw, 34px);
}

.pro-interest-form label {
  display: grid;
  gap: 8px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 850;
}

.pro-interest-form label.wide,
.pro-interest-form .wide {
  grid-column: 1 / -1;
}

.pro-interest-form input,
.pro-interest-form select {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(10, 15, 28, .10);
  border-radius: 14px;
  padding: 0 12px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

.pro-validation-field {
  margin: 0;
  padding: 20px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 24px;
  background: #f8f9fc;
}

.pro-validation-field legend {
  padding: 0;
  color: var(--ink);
  font-size: 20px;
  font-weight: 850;
  letter-spacing: -.04em;
}

.pro-validation-field p {
  margin: 8px 0 14px;
  color: var(--muted);
  font-size: 14px;
}

.pro-choice-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.pro-choice-grid label {
  display: block;
}

.pro-choice-grid input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.pro-choice-grid span {
  min-height: 42px;
  padding: 11px 15px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(10, 15, 28, .10);
  border-radius: 999px;
  background: #fff;
  color: #263143;
  cursor: pointer;
  font-size: 13px;
  font-weight: 820;
}

.pro-validation-field .pro-choice-grid span {
  min-width: 150px;
}

.pro-choice-grid input:checked + span {
  border-color: rgba(47, 91, 255, .42);
  background: rgba(47, 91, 255, .08);
  color: var(--brand);
  box-shadow: inset 0 0 0 1px rgba(47, 91, 255, .22);
}

.pro-price-grid span {
  min-width: 112px;
}

.pro-friction-note {
  margin: -4px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.pro-interest-form[hidden] {
  display: none;
}

.pro-interest-success {
  display: grid;
  gap: 12px;
  padding: 28px;
  border: 1px solid rgba(47, 91, 255, .16);
  border-radius: 28px;
  background: rgba(47, 91, 255, .07);
}

.pro-interest-success strong {
  color: var(--ink);
  font-size: 24px;
  letter-spacing: -.04em;
}

.pro-interest-success p {
  margin: 0;
  color: var(--muted);
}

.pro-interest-success[hidden] {
  display: none;
}

@media (max-width: 760px) {
  .decision-pro-cta {
    display: grid;
  }

  .pro-interest-form {
    grid-template-columns: 1fr;
  }

  .pro-work-section,
  .pro-build-heading,
  .pro-build-flow,
  .pro-contrast,
  .pro-feature-grid {
    grid-template-columns: 1fr;
  }

  .pro-contrast-arrow {
    transform: rotate(90deg);
    justify-self: center;
  }
}

/* ATTRIBIS V42 — MVP Free decides, Pro prepares */
.agent-triage,
.sidelined-section {
  margin-top: 28px;
  padding: 30px;
  border: 1px solid rgba(13, 13, 18, .08);
  border-radius: 34px;
  background: rgba(255, 255, 255, .70);
  box-shadow: 0 22px 70px rgba(13, 13, 18, .055);
}

.agent-triage .section-heading,
.sidelined-section .section-heading {
  margin-bottom: 20px;
}

.agent-triage .section-heading h2,
.sidelined-section .section-heading h2 {
  margin: 8px 0 8px;
  color: #0d0d12;
  font-size: clamp(34px, 4vw, 62px);
  line-height: .94;
  letter-spacing: -.065em;
}

.agent-triage .section-heading p,
.sidelined-section .section-heading p {
  max-width: 700px;
  color: #667085;
  font-size: 15px;
  line-height: 1.58;
}

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

.triage-flow article {
  position: relative;
  overflow: hidden;
  min-height: 150px;
  padding: 20px;
  border: 1px solid rgba(13, 13, 18, .08);
  border-radius: 26px;
  background: #fff;
}

.triage-flow article::after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -42px;
  width: 130px;
  height: 130px;
  border-radius: 999px;
  background: rgba(47, 91, 255, .10);
}

.triage-flow span,
.triage-flow small {
  display: block;
  color: #667085;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.triage-flow strong {
  display: block;
  margin: 24px 0 10px;
  color: #0d0d12;
  font-size: clamp(38px, 4vw, 58px);
  line-height: .9;
  letter-spacing: -.07em;
}

.top-decisions-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.briefing-decision-card {
  display: grid;
  gap: 16px;
  padding: 24px;
  border: 1px solid rgba(13, 13, 18, .08);
  border-radius: 30px;
  background:
    radial-gradient(circle at 88% 0%, rgba(47, 91, 255, .14), transparent 32%),
    rgba(255, 255, 255, .82);
  box-shadow: 0 20px 60px rgba(13, 13, 18, .06);
}

.briefing-decision-card header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.briefing-decision-card header > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: #0d0d12;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

.briefing-decision-card header small {
  margin-left: auto;
  color: #667085;
  font-size: 12px;
  font-weight: 850;
}

.briefing-decision-card h3 {
  min-height: 78px;
  margin: 0;
  color: #0d0d12;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.briefing-decision-card > p {
  margin: 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.5;
}

.briefing-decision-card div {
  display: grid;
  gap: 5px;
  padding-top: 14px;
  border-top: 1px solid rgba(13, 13, 18, .08);
}

.briefing-decision-card b {
  color: #0d0d12;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.briefing-decision-card div span {
  color: #475467;
  font-size: 13px;
  line-height: 1.45;
}

.briefing-decision-card .button {
  width: fit-content;
  border-radius: 16px;
  background: var(--brand);
  border-color: var(--brand);
}

.sidelined-list {
  display: grid;
  gap: 10px;
}

.sidelined-row {
  display: grid;
  grid-template-columns: minmax(280px, 1.2fr) auto minmax(260px, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid rgba(13, 13, 18, .07);
  border-radius: 22px;
  background: rgba(255, 255, 255, .78);
}

.sidelined-row strong,
.sidelined-row small {
  display: block;
}

.sidelined-row strong {
  color: #0d0d12;
  font-size: 14px;
  line-height: 1.35;
}

.sidelined-row small,
.sidelined-row p {
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}

.sidelined-row p {
  margin: 0;
}

.opportunity-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.plan-card-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.decision-pro-cta small {
  display: block;
  margin-top: 8px;
  color: #3157d5;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 1180px) {
  .triage-flow,
  .top-decisions-grid,
  .opportunity-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sidelined-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .agent-triage,
  .sidelined-section {
    padding: 22px;
    border-radius: 28px;
  }

  .triage-flow,
  .top-decisions-grid,
  .opportunity-summary-grid {
    grid-template-columns: 1fr;
  }

  .plan-card-actions {
    justify-content: stretch;
    flex-direction: column;
  }
}

/* ATTRIBIS V43 — calmer dashboard, free-first product */
.briefing-home,
.opportunities-page,
.dossiers-section,
.bureau-section,
.agent-section {
  padding-top: 34px;
}

.briefing-home .dashboard-intro {
  grid-template-columns: minmax(0, 1fr) 260px;
  align-items: center;
  padding: clamp(30px, 4vw, 52px);
}

.briefing-home .dashboard-heading h1 {
  max-width: 760px;
  margin-bottom: 16px;
  font-size: clamp(54px, 5.9vw, 92px);
  line-height: .91;
}

.briefing-home .top-actions {
  align-self: center;
}

.briefing-home .top-actions .button {
  width: 100%;
}

.agent-triage {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 18px;
  padding: 18px;
}

.triage-title {
  display: grid;
  align-content: center;
  gap: 10px;
  min-height: 126px;
  padding: 22px;
  border-radius: 26px;
  background: #0d0d12;
  color: #fff;
}

.triage-title .eyebrow {
  color: rgba(255,255,255,.58);
}

.triage-title strong {
  max-width: 220px;
  color: #fff;
  font-size: 22px;
  line-height: 1.08;
  letter-spacing: -.045em;
}

.triage-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.triage-flow article {
  min-height: 126px;
  padding: 18px;
  box-shadow: none;
}

.triage-flow strong {
  margin: 18px 0 8px;
  font-size: clamp(30px, 3vw, 44px);
}

.recommended-action,
.sidelined-section,
.time-saved {
  margin-top: 24px;
}

.recommended-action .section-heading,
.sidelined-section .section-heading,
.time-saved .section-heading {
  margin-bottom: 16px;
}

.recommended-action .section-heading h2,
.sidelined-section .section-heading h2,
.time-saved .section-heading h2,
.workspace-heading h2,
.dossiers-section > .section-heading h2,
.bureau-section > .section-heading h2,
.agent-section > .section-heading h2 {
  font-size: clamp(36px, 4.2vw, 68px);
  line-height: .94;
}

.recommended-action .section-heading p,
.sidelined-section .section-heading p,
.time-saved .section-heading p {
  max-width: 720px;
}

.briefing-decision-card {
  min-height: 370px;
}

.briefing-decision-card h3 {
  min-height: 66px;
}

.sidelined-section {
  padding: 24px;
}

.sidelined-row {
  grid-template-columns: minmax(280px, 1.3fr) 130px minmax(260px, 1fr) 72px;
}

.time-saved {
  padding: 24px;
}

.compact-value-heading {
  align-items: center;
}

.compact-value-heading p {
  max-width: 430px;
  margin: 0;
  padding: 16px 18px;
  border: 1px solid rgba(13, 13, 18, .08);
  border-radius: 22px;
  background: #fff;
}

.compact-value-heading p strong {
  color: #0d0d12;
  font-size: 14px;
  line-height: 1.45;
}

.saved-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.saved-note {
  margin: 16px 0 0;
  color: #667085;
  font-size: 14px;
  line-height: 1.5;
}

.opportunities-page .workspace-heading,
.dossiers-section > .section-heading,
.bureau-section > .section-heading,
.agent-section > .section-heading {
  min-height: auto;
  padding: 30px;
  border: 1px solid rgba(13, 13, 18, .08);
  border-radius: 34px;
  background:
    radial-gradient(circle at 88% 0%, rgba(47, 91, 255, .10), transparent 34%),
    rgba(255,255,255,.70);
}

.filters {
  padding: 10px;
  grid-template-columns: minmax(320px, 1fr) 180px 170px 44px;
}

.filters input,
.filters select {
  border-radius: 16px;
}

.decision-tabs {
  margin-top: 4px;
}

.all-opportunity-row {
  padding: 18px;
}

.plan-explainer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.plan-explainer article {
  display: grid;
  gap: 8px;
  padding: 20px;
  border: 1px solid rgba(13, 13, 18, .08);
  border-radius: 26px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 16px 44px rgba(13,13,18,.045);
}

.plan-explainer span {
  color: var(--brand);
  font-size: 11px;
  font-weight: 950;
}

.plan-explainer strong {
  color: #0d0d12;
  font-size: 20px;
  letter-spacing: -.035em;
}

.plan-explainer small {
  color: #667085;
  font-size: 13px;
  line-height: 1.45;
}

.dossier-card {
  grid-template-columns: minmax(0, 1fr) auto;
}

.bureau-state-card {
  grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr);
}

.bureau-state-card .bureau-action-row {
  grid-column: 2;
  justify-content: flex-start;
}

.bureau-layout-stacked {
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
}

.bureau-panel,
.document-memory-card,
.bureau-state-card {
  box-shadow: 0 18px 54px rgba(13,13,18,.055);
}

.document-memory-card .library-heading {
  grid-template-columns: 1fr auto;
}

.free-memory-note {
  border-radius: 22px;
  background: rgba(47, 91, 255, .06);
}

.agent-section .section-heading {
  align-items: center;
}

.agent-hero.agent-status-card {
  grid-template-columns: minmax(0, 1.1fr) minmax(330px, .9fr);
  gap: 20px;
}

.agent-hero .agent-status-facts {
  grid-column: 1 / -1;
}

.agent-control-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.agent-control-card {
  min-height: 0;
}

.agent-frequency-grid,
.agent-format-grid,
.agent-threshold-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.agent-channel-settings {
  grid-template-columns: 1fr;
}

.agent-actions {
  grid-column: 1 / -1;
  align-items: center;
}

.agent-actions .button {
  min-width: 220px;
}

@media (max-width: 1180px) {
  .briefing-home .dashboard-intro,
  .agent-triage,
  .bureau-state-card,
  .bureau-layout-stacked,
  .agent-hero.agent-status-card,
  .agent-control-panel {
    grid-template-columns: 1fr;
  }

  .bureau-state-card .bureau-action-row,
  .agent-hero .agent-status-facts,
  .agent-actions {
    grid-column: auto;
  }

  .plan-explainer,
  .top-decisions-grid,
  .triage-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .briefing-home .dashboard-heading h1 {
    font-size: 44px;
  }

  .plan-explainer,
  .agent-frequency-grid,
  .agent-format-grid,
  .agent-threshold-modes,
  .triage-flow {
    grid-template-columns: 1fr;
  }

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

/* ATTRIBIS V43.1 — tighter briefing fold */
.briefing-home .dashboard-intro {
  padding: clamp(26px, 3.2vw, 44px);
}

.briefing-home .dashboard-heading h1 {
  max-width: 760px;
  font-size: clamp(50px, 5.2vw, 82px);
  line-height: .93;
}

.briefing-home .hero-metrics article {
  padding: 16px 18px;
}

.briefing-home .hero-metrics strong {
  margin: 8px 0 4px;
  font-size: clamp(24px, 2.4vw, 34px);
}

/* ATTRIBIS V44 — briefing as a decision page */
:root {
  --brief-bg: #f6f7fb;
  --brief-ink: #0b0d17;
  --brief-muted: #5d667a;
  --brief-line: rgba(10, 20, 40, .08);
  --brief-card: rgba(255, 255, 255, .86);
}

.main-content[data-current-page="briefing"] {
  background:
    radial-gradient(circle at 86% 0%, rgba(47, 91, 255, .13), transparent 32rem),
    linear-gradient(180deg, #f6f7fb 0%, #f7f5ef 100%);
}

.briefing-home.is-active {
  display: grid;
}

.briefing-home {
  width: min(100% - 48px, 1140px);
  margin: 0 auto;
  padding: 38px 0 72px;
  gap: 26px;
  color: var(--brief-ink);
}

.briefing-decision-hero,
.primary-decision-section,
.other-markets-section,
.sidelined-section,
.agent-trace-section {
  border: 1px solid var(--brief-line);
  border-radius: 30px;
  background: var(--brief-card);
  box-shadow: 0 28px 90px rgba(11, 13, 23, .07);
}

.briefing-decision-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: clamp(26px, 4vw, 54px);
  align-items: end;
  padding: clamp(34px, 5vw, 58px);
  overflow: hidden;
  background:
    radial-gradient(circle at 94% 10%, rgba(47, 91, 255, .16), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,255,255,.78));
}

.briefing-hero-copy {
  display: grid;
  gap: 18px;
}

.briefing-hero-copy .eyebrow,
.briefing-section-heading .eyebrow {
  color: #667085;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.briefing-hero-copy h1 {
  max-width: 760px;
  margin: 0;
  color: var(--brief-ink);
  font-size: clamp(54px, 6vw, 72px);
  line-height: .96;
  letter-spacing: -.07em;
}

.briefing-hero-copy p {
  max-width: 650px;
  margin: 0;
  color: var(--brief-muted);
  font-size: 17px;
  line-height: 1.58;
}

.briefing-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}

.briefing-hero-actions .button {
  min-height: 52px;
  border-radius: 999px;
  padding: 0 22px;
  font-size: 14px;
}

.briefing-metrics {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.briefing-metrics article {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 17px 18px;
  border: 1px solid rgba(10, 20, 40, .07);
  border-radius: 20px;
  background: #fff;
}

.briefing-metrics span {
  color: var(--brief-muted);
  font-size: 13px;
  font-weight: 760;
}

.briefing-metrics strong {
  color: var(--brief-ink);
  font-size: 32px;
  line-height: 1;
  letter-spacing: -.055em;
}

.primary-decision-section,
.other-markets-section,
.sidelined-section,
.agent-trace-section {
  padding: clamp(24px, 3.2vw, 34px);
}

.briefing-section-heading {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

.briefing-section-heading h2 {
  margin: 0;
  color: var(--brief-ink);
  font-size: clamp(30px, 3vw, 38px);
  line-height: 1.02;
  letter-spacing: -.055em;
}

.briefing-section-heading p {
  max-width: 680px;
  margin: 0;
  color: var(--brief-muted);
  font-size: 16px;
  line-height: 1.55;
}

.primary-decision-host {
  display: block;
}

.primary-decision-card {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, .92fr) 270px;
  gap: 20px;
  align-items: stretch;
  padding: 22px;
  border: 1px solid var(--brief-line);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 18px 55px rgba(11, 13, 23, .055);
}

.primary-decision-card.loading-state,
.primary-decision-host > .empty-state {
  min-height: 220px;
}

.decision-market-column,
.decision-reasons-column,
.decision-action-panel {
  border-radius: 22px;
}

.decision-market-column {
  display: grid;
  align-content: start;
  gap: 18px;
  padding: 8px 4px;
}

.decision-meta-line {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.decision-meta-line small {
  color: var(--brief-muted);
  font-size: 13px;
  font-weight: 760;
}

.decision-market-column h3 {
  margin: 0;
  color: var(--brief-ink);
  font-size: clamp(26px, 2.8vw, 38px);
  line-height: 1.02;
  letter-spacing: -.06em;
}

.decision-market-column p {
  margin: 0;
  color: var(--brief-muted);
  font-size: 16px;
  line-height: 1.45;
}

.decision-reasons-column {
  display: grid;
  gap: 12px;
}

.decision-reasons-column > div {
  padding: 18px;
  border: 1px solid rgba(10, 20, 40, .07);
  border-radius: 20px;
  background: #f8f9fc;
}

.decision-reasons-column b {
  display: block;
  margin-bottom: 10px;
  color: var(--brief-ink);
  font-size: 14px;
}

.decision-reasons-column ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
  color: var(--brief-muted);
  font-size: 14px;
  line-height: 1.45;
}

.decision-action-panel {
  display: grid;
  align-content: start;
  gap: 13px;
  padding: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 85% 0%, rgba(47,91,255,.55), transparent 42%),
    linear-gradient(145deg, #0b0d17, #11172a);
}

.decision-action-panel span {
  color: rgba(255,255,255,.68);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.decision-action-panel strong {
  font-size: 44px;
  line-height: .95;
  letter-spacing: -.07em;
}

.decision-action-panel p {
  margin: 0 0 8px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.48;
}

.decision-action-panel .button.primary {
  background: #2f5bff;
  border-color: #2f5bff;
  color: #fff;
}

.decision-action-panel .button.quiet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  width: 100%;
  padding-inline: 16px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
}

.decision-action-panel .simap-action {
  justify-self: stretch;
  line-height: 1.15;
}

.briefing-compact-list,
.sidelined-list {
  display: grid;
  gap: 10px;
}

.briefing-market-row,
.sidelined-row {
  display: grid;
  grid-template-columns: minmax(300px, 1.25fr) 120px 82px minmax(250px, 1fr) 72px;
  gap: 14px;
  align-items: center;
  padding: 15px 16px;
  border: 1px solid rgba(10, 20, 40, .07);
  border-radius: 20px;
  background: #fff;
}

.briefing-market-title strong,
.sidelined-row strong {
  display: block;
  color: var(--brief-ink);
  font-size: 15px;
  line-height: 1.35;
}

.briefing-market-title small,
.sidelined-row small,
.briefing-market-row p,
.sidelined-row p {
  display: block;
  margin: 0;
  color: var(--brief-muted);
  font-size: 13px;
  line-height: 1.42;
}

.row-score {
  color: var(--brief-ink);
  font-size: 13px;
  font-weight: 850;
}

.sidelined-row {
  grid-template-columns: minmax(300px, 1.2fr) 140px minmax(300px, 1fr) 72px;
}

.briefing-side-cta {
  margin-top: 14px;
}

.agent-trace-section {
  background:
    radial-gradient(circle at 96% 0%, rgba(47, 91, 255, .10), transparent 30%),
    rgba(255, 255, 255, .74);
}

.agent-trace-flow {
  display: flex;
  align-items: stretch;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.agent-trace-flow article {
  position: relative;
  display: grid;
  align-content: center;
  gap: 7px;
  min-width: 178px;
  padding: 18px;
  border: 1px solid rgba(10, 20, 40, .07);
  border-radius: 20px;
  background: #fff;
}

.agent-trace-flow article:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -12px;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  color: #98a2b3;
  font-weight: 900;
}

.agent-trace-flow article.is-priority {
  border-color: rgba(47, 91, 255, .22);
  background: rgba(47, 91, 255, .06);
}

.agent-trace-flow strong {
  color: var(--brief-ink);
  font-size: 30px;
  line-height: .95;
  letter-spacing: -.055em;
}

.agent-trace-flow span {
  color: var(--brief-muted);
  font-size: 13px;
  font-weight: 760;
}

.agent-trace-section .saved-note {
  margin: 18px 0 0;
  color: var(--brief-muted);
  font-size: 15px;
  line-height: 1.55;
}

.decision-empty {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 26px;
  border: 1px solid rgba(10, 20, 40, .07);
  border-radius: 24px;
  background: #fff;
}

.decision-empty strong {
  color: var(--brief-ink);
  font-size: 22px;
  letter-spacing: -.035em;
}

@media (max-width: 1180px) {
  .briefing-decision-hero,
  .primary-decision-card {
    grid-template-columns: 1fr;
  }

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

  .briefing-market-row,
  .sidelined-row {
    grid-template-columns: 1fr auto auto;
  }

  .briefing-market-row p,
  .sidelined-row p {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .briefing-home {
    width: min(100% - 24px, 680px);
    padding-top: 20px;
    gap: 18px;
  }

  .briefing-decision-hero,
  .primary-decision-section,
  .other-markets-section,
  .sidelined-section,
  .agent-trace-section {
    border-radius: 24px;
    padding: 22px;
  }

  .briefing-hero-copy h1 {
    font-size: 42px;
  }

  .briefing-hero-copy p,
  .briefing-section-heading p {
    font-size: 15px;
  }

  .briefing-metrics {
    display: flex;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .briefing-metrics article {
    min-width: 170px;
  }

  .briefing-hero-actions,
  .decision-action-panel .button {
    width: 100%;
  }

  .briefing-hero-actions .button {
    justify-content: center;
    width: 100%;
  }

  .briefing-market-row,
  .sidelined-row {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .decision-action-panel {
    padding: 20px;
  }
}

/* ATTRIBIS V45 — MVP briefing + decision, no plans tab */
.decision-response-panel {
  display: grid;
  gap: 16px;
  margin-top: 18px;
  padding: 22px;
  border: 1px solid rgba(14, 143, 99, .18);
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(14, 143, 99, .08), rgba(255, 255, 255, .92));
}

.decision-response-panel > div:first-child span {
  display: block;
  color: #0e8f63;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.decision-response-panel > div:first-child strong {
  display: block;
  margin-top: 6px;
  color: #0b0d17;
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: -.045em;
}

.decision-response-panel > div:first-child p {
  max-width: 760px;
  margin: 8px 0 0;
  color: #5d667a;
  font-size: 14px;
  line-height: 1.55;
}

.decision-response-actions,
.detail-actions,
.row-action-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.compact-pro-cta {
  margin-top: 0;
  background: rgba(255, 255, 255, .72);
}

.compact-pro-cta .button {
  white-space: nowrap;
}

.product-nav a[href="#dossiers"],
.dossiers-section {
  display: none !important;
}

.product-nav a.is-active {
  color: #0b1020 !important;
  border-color: transparent !important;
  background:
    linear-gradient(180deg, rgba(61, 90, 254, .16), rgba(61, 90, 254, .06));
  box-shadow:
    inset 0 -2px 0 #3157d5,
    0 10px 30px rgba(49, 87, 213, .14);
}

.product-nav a.is-active::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #3157d5 !important;
  box-shadow: 0 0 0 4px rgba(49, 87, 213, .12);
}

/* ATTRIBIS V46 — Bureau page recentered on matching memory */
.bureau-section {
  max-width: 1220px;
  padding-top: 34px;
}

.bureau-section > .section-heading {
  display: none;
}

.bureau-hero-card {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  gap: 34px;
  align-items: stretch;
  margin: 0 auto 18px;
  padding: 34px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 18% 8%, rgba(61, 90, 254, .22), transparent 34%),
    linear-gradient(135deg, #080b14 0%, #111725 58%, #f7f5ef 58.2%, #fbfaf6 100%);
  border: 1px solid rgba(9, 13, 24, .08);
  box-shadow: 0 28px 80px rgba(8, 13, 24, .12);
}

.bureau-hero-card .bureau-state-copy {
  padding: 8px 0;
  color: #fff;
}

.bureau-hero-card .eyebrow {
  color: rgba(255, 255, 255, .62);
}

.bureau-hero-card h2 {
  max-width: 660px;
  margin: 10px 0 14px;
  color: #fff;
  font-size: clamp(34px, 4.1vw, 62px);
  line-height: .94;
  letter-spacing: -.065em;
}

.bureau-hero-card .bureau-state-copy p {
  max-width: 650px;
  margin: 0 0 24px;
  color: rgba(255, 255, 255, .72);
  font-size: 15px;
  line-height: 1.65;
}

.bureau-hero-card .bureau-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 0;
}

.bureau-hero-card .bureau-action-row .button {
  min-height: 44px;
  border-radius: 999px;
}

.bureau-hero-card .bureau-state-table {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-content: center;
  padding: 18px;
  border-radius: 26px;
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(255, 255, 255, .7);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
  backdrop-filter: blur(18px);
}

.bureau-hero-card .bureau-state-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-height: 78px;
  padding: 16px 18px;
  border: 1px solid rgba(10, 15, 28, .08);
  border-radius: 20px;
  background: rgba(255, 255, 255, .78);
}

.bureau-hero-card .bureau-state-row strong,
.bureau-hero-card .bureau-state-row span,
.bureau-hero-card .bureau-state-row b {
  display: block;
}

.bureau-hero-card .bureau-state-row strong {
  color: #080b14;
  font-size: 15px;
  letter-spacing: -.02em;
}

.bureau-hero-card .bureau-state-row span {
  margin-top: 5px;
  color: rgba(8, 11, 20, .58);
  font-size: 12px;
  line-height: 1.45;
}

.bureau-hero-card .bureau-state-row b {
  min-width: 62px;
  padding: 8px 10px;
  border-radius: 999px;
  background: #080b14;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.bureau-layout-stacked {
  max-width: 1220px;
  gap: 18px;
}

.bureau-criteria-panel,
.document-memory-card {
  border-radius: 30px;
  padding: 28px;
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(9, 13, 24, .08);
  box-shadow: 0 18px 60px rgba(8, 13, 24, .06);
}

.bureau-criteria-panel .bureau-panel-heading,
.document-memory-card .library-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  margin-bottom: 20px;
}

.bureau-criteria-panel .bureau-panel-heading h3,
.document-memory-card .library-heading h3,
.bureau-upload-panel .bureau-panel-heading h3 {
  margin: 8px 0 8px;
  color: #080b14;
  font-size: clamp(25px, 2.4vw, 38px);
  line-height: 1;
  letter-spacing: -.055em;
}

.bureau-criteria-panel .bureau-panel-heading p,
.document-memory-card .library-heading p,
.bureau-upload-panel .bureau-panel-heading p {
  max-width: 780px;
  margin: 0;
  color: rgba(8, 11, 20, .62);
  font-size: 14px;
  line-height: 1.65;
}

.bureau-criteria-panel .profile-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.bureau-criteria-panel .profile-preview article {
  min-height: 104px;
  padding: 18px;
  border-radius: 22px;
  background: #f7f5ef;
  border: 1px solid rgba(9, 13, 24, .07);
}

.bureau-criteria-panel .profile-preview article span {
  color: rgba(8, 11, 20, .48);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bureau-criteria-panel .profile-preview article strong {
  display: block;
  margin-top: 10px;
  color: #080b14;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.bureau-criteria-panel .profile-preview .profile-history,
.bureau-criteria-panel .profile-preview .profile-data {
  grid-column: auto;
}

.document-memory-card .library-upload {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  min-height: 46px;
  border-radius: 999px;
  white-space: nowrap;
}

.memory-category-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 16px 0 18px;
}

.memory-category-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 126px;
  padding: 22px;
  border-radius: 24px;
  background: #f7f5ef;
  border: 1px solid rgba(9, 13, 24, .07);
  overflow: hidden;
}

.memory-category-card::before {
  content: "";
  position: absolute;
  inset: 14px auto 14px 0;
  width: 4px;
  border-radius: 999px;
  background: var(--memory-accent, #3157d5);
}

.memory-category-card.is-blue { --memory-accent: #3157d5; }
.memory-category-card.is-green { --memory-accent: #0e8f63; }
.memory-category-card.is-amber { --memory-accent: #b7791f; }
.memory-category-card.is-violet { --memory-accent: #6d5dfc; }
.memory-category-card.is-slate { --memory-accent: #64748b; }

.memory-category-card:hover {
  border-color: color-mix(in srgb, var(--memory-accent, #3157d5) 32%, transparent);
  box-shadow: 0 18px 45px rgba(8, 13, 24, .07);
}

.memory-category-card > div {
  min-width: 0;
}

.memory-category-card span,
.memory-category-card em {
  color: rgba(8, 11, 20, .48);
  font-size: 11px;
  font-weight: 800;
  font-style: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.memory-category-card strong {
  display: block;
  margin-top: 8px;
  color: #080b14;
  font-size: 22px;
  line-height: 1.05;
  letter-spacing: -.04em;
  overflow-wrap: anywhere;
}

.memory-category-card p {
  max-width: 680px;
  margin: 8px 0 0;
  color: rgba(8, 11, 20, .62);
  font-size: 14px;
  line-height: 1.55;
}

.memory-category-card footer {
  display: grid;
  justify-items: end;
  gap: 10px;
}

.memory-card-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.memory-category-card .button {
  min-width: 112px;
  border-radius: 999px;
}

.button.outline-blue {
  border-color: rgba(49, 87, 213, .42);
  background: rgba(49, 87, 213, .06);
  color: #3157d5;
}

.button.outline-blue:hover {
  border-color: #3157d5;
  background: rgba(49, 87, 213, .1);
  color: #2146d0;
}

.button.danger {
  color: rgba(190, 46, 46, .72);
}

.button.danger:hover {
  border-color: rgba(190, 46, 46, .24);
  color: #be2e2e;
}

.button:disabled {
  cursor: not-allowed;
  opacity: .42;
  transform: none;
}

.bureau-upload-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 18px;
  align-items: stretch;
  margin-top: 20px;
  padding: 22px;
  border-radius: 26px;
  background: #080b14;
  color: #fff;
}

.bureau-upload-panel .bureau-panel-heading h3 {
  color: #fff;
}

.bureau-upload-panel .bureau-panel-heading p {
  color: rgba(255, 255, 255, .68);
}

.bureau-dropzone {
  display: grid;
  place-items: center;
  min-height: 210px;
  padding: 26px;
  border: 1px dashed rgba(255, 255, 255, .22);
  border-radius: 24px;
  background: radial-gradient(circle at 50% 20%, rgba(61, 90, 254, .26), transparent 38%), rgba(255, 255, 255, .05);
  text-align: center;
  cursor: pointer;
}

.bureau-dropzone strong,
.bureau-dropzone span,
.bureau-dropzone em {
  display: block;
}

.bureau-dropzone strong {
  color: #fff;
  font-size: 20px;
  letter-spacing: -.035em;
}

.bureau-dropzone span {
  max-width: 260px;
  margin: 8px auto 16px;
  color: rgba(255, 255, 255, .62);
  font-size: 13px;
  line-height: 1.45;
}

.bureau-dropzone em {
  width: fit-content;
  margin: 0 auto;
  padding: 11px 16px;
  border-radius: 999px;
  background: #3157d5;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.bureau-upload-panel .library-category-field {
  max-width: none;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 10px;
  padding: 20px;
  border-radius: 22px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .1);
}

.bureau-upload-panel .library-category-field > span,
.bureau-upload-panel .library-category-field small {
  grid-column: auto;
  color: rgba(255, 255, 255, .68);
}

.bureau-upload-panel .library-category-field select {
  min-height: 44px;
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .95);
}

.library-status {
  margin-top: 18px;
  font-size: 12px;
  letter-spacing: .04em;
}

.library-list {
  margin-top: 8px;
  border-top: 0;
}

.library-document {
  grid-template-columns: 54px minmax(0, 1fr) auto auto;
  gap: 14px;
  margin-top: 10px;
  padding: 14px;
  border: 1px solid rgba(9, 13, 24, .07);
  border-radius: 18px;
  background: #fff;
}

.library-document > div {
  min-width: 0;
}

.library-document strong {
  overflow-wrap: anywhere;
}

.library-privacy {
  margin-top: 16px;
  border-left: 0;
  border-radius: 18px;
  background: rgba(49, 87, 213, .06);
  color: rgba(8, 11, 20, .58);
  font-size: 12px;
}

@media (max-width: 980px) {
  .bureau-hero-card,
  .bureau-upload-panel,
  .bureau-criteria-panel .bureau-panel-heading,
  .document-memory-card .library-heading {
    grid-template-columns: 1fr;
  }

  .bureau-hero-card {
    background: linear-gradient(145deg, #080b14, #111725);
  }

  .bureau-criteria-panel .profile-preview {
    grid-template-columns: 1fr;
  }

  .memory-category-card {
    grid-template-columns: 1fr;
  }

  .memory-category-card footer {
    justify-items: start;
  }
}

@media (max-width: 620px) {
  .bureau-section {
    padding-inline: 14px;
  }

  .bureau-hero-card,
  .bureau-criteria-panel,
  .document-memory-card {
    padding: 22px;
    border-radius: 26px;
  }

  .bureau-hero-card h2 {
    font-size: 34px;
  }

  .library-document {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .library-document .document-state,
  .library-document .button {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 720px) {
  .decision-response-actions,
  .detail-actions,
  .row-action-group {
    display: grid;
  }

  .decision-response-actions .button,
  .detail-actions .button,
  .row-action-group .button {
    width: 100%;
    justify-content: center;
  }
}

/* ATTRIBIS V69 - integration polish */
.agent-status-facts .mail-icon {
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  overflow: visible;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, .24), transparent 32%),
    linear-gradient(145deg, #3157d5, #1f3fc0);
  color: #fff;
  box-shadow: 0 10px 22px rgba(49, 87, 213, .24);
}

.agent-status-facts .mail-icon::before {
  width: 16px;
  height: 11px;
  border-width: 1.8px;
  border-radius: 4px;
}

.agent-status-facts .mail-icon::after {
  width: 10px;
  height: 10px;
  border-width: 1.8px;
  transform: translateY(-3px) rotate(45deg);
}

.decision-pro-quiet .button {
  min-height: 44px;
  border: 1px solid rgba(49, 87, 213, .42);
  background: rgba(49, 87, 213, .06);
  color: #3157d5;
  box-shadow: inset 0 0 0 1px rgba(49, 87, 213, .08);
}

.decision-pro-quiet .button:hover {
  border-color: rgba(49, 87, 213, .78);
  background: rgba(49, 87, 213, .11);
  color: #1f3fc0;
}

#send-briefing-final:disabled {
  opacity: .68;
  cursor: wait;
}

/* ATTRIBIS V46.1 — final Bureau layout lock */
.bureau-layout-stacked {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

.bureau-criteria-panel .profile-preview {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.document-memory-card .memory-category-grid {
  grid-template-columns: 1fr !important;
}

.document-memory-card .memory-category-card {
  display: grid !important;
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) auto !important;
  gap: 24px !important;
  align-items: center !important;
}

.document-memory-card .memory-category-card > div {
  grid-column: 1;
}

.document-memory-card .memory-category-card > p {
  grid-column: 2;
  margin: 0;
}

.document-memory-card .memory-category-card > footer {
  grid-column: 3;
  align-self: center;
  justify-items: end;
}

.document-memory-card .memory-category-card strong {
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.document-memory-card .library-heading {
  grid-template-columns: minmax(0, 1fr) auto;
}

.bureau-criteria-panel .bureau-panel-heading {
  display: block !important;
}

.bureau-criteria-panel .bureau-panel-heading h3 {
  max-width: 720px;
}

@media (max-width: 1100px) {
  .bureau-criteria-panel .profile-preview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .document-memory-card .memory-category-card {
    grid-template-columns: 1fr !important;
  }

  .document-memory-card .memory-category-card > div,
  .document-memory-card .memory-category-card > p,
  .document-memory-card .memory-category-card > footer {
    grid-column: 1;
  }

  .document-memory-card .memory-category-card > footer {
    justify-items: start;
  }
}

@media (max-width: 720px) {
  .bureau-criteria-panel .profile-preview,
  .document-memory-card .library-heading {
    grid-template-columns: 1fr;
  }
}

/* ATTRIBIS V49 — Decision Center cockpit */
.detail-dialog {
  width: min(1180px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 28px) !important;
  border-radius: 30px;
  background: #fff;
}

.detail-dialog article {
  min-height: auto;
  background: #fff;
}

.detail-dialog .detail-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 24px;
  border-bottom: 1px solid rgba(8, 11, 20, .08);
  background: rgba(255, 255, 255, .88);
  backdrop-filter: blur(18px);
}

#detail-content {
  padding: 0 !important;
}

.decision-shell {
  padding: 38px clamp(24px, 4vw, 56px) 40px;
  color: #080b14;
  background: #fff;
}

.decision-topline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  gap: 34px;
  align-items: start;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(8, 11, 20, .1);
}

.decision-topline span,
.decision-recommendation span,
.decision-block-heading span,
.decision-kpi small,
.decision-official span,
.decision-outcome-copy span {
  color: rgba(8, 11, 20, .5);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.decision-topline h2 {
  max-width: 780px;
  margin: 12px 0 14px;
  color: #080b14;
  font-size: clamp(38px, 4.8vw, 72px);
  line-height: .93;
  letter-spacing: -.07em;
}

.decision-topline p {
  margin: 0;
  color: rgba(8, 11, 20, .72);
  font-size: 17px;
  line-height: 1.5;
}

.decision-topline ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.decision-topline li {
  padding: 9px 12px;
  border: 1px solid rgba(8, 11, 20, .08);
  border-radius: 999px;
  background: #f7f5ef;
  color: rgba(8, 11, 20, .68);
  font-size: 13px;
  font-weight: 750;
}

.decision-kpi {
  display: grid;
  gap: 9px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(8, 11, 20, .08);
  background: #f7f5ef;
}

.decision-kpi strong {
  width: fit-content;
  margin-bottom: 4px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #f59e0b;
  color: #fff;
  font-size: 13px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.decision-kpi.answer strong { background: #16a34a; }
.decision-kpi.discard strong { background: #dc2626; }

.decision-kpi b {
  color: #080b14;
  font-size: 22px;
  letter-spacing: -.04em;
}

.decision-recommendation {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
  gap: 26px;
  align-items: center;
  margin-top: 34px;
  padding: 28px;
  border-radius: 28px;
  border: 1px solid rgba(245, 158, 11, .22);
  background: linear-gradient(135deg, rgba(245, 158, 11, .1), rgba(255, 255, 255, .96));
}

.decision-recommendation.answer {
  border-color: rgba(22, 163, 74, .22);
  background: linear-gradient(135deg, rgba(22, 163, 74, .1), rgba(255, 255, 255, .96));
}

.decision-recommendation.discard {
  border-color: rgba(220, 38, 38, .2);
  background: linear-gradient(135deg, rgba(220, 38, 38, .08), rgba(255, 255, 255, .96));
}

.decision-recommendation h3 {
  margin: 10px 0 8px;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1;
  letter-spacing: -.06em;
}

.decision-recommendation p,
.decision-block-heading p {
  max-width: 720px;
  margin: 0;
  color: rgba(8, 11, 20, .68);
  font-size: 16px;
  line-height: 1.55;
}

.decision-reason-list {
  display: grid;
  gap: 10px;
}

.decision-reason-list b {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 16px;
  background: #fff;
  color: #080b14;
  font-size: 15px;
  box-shadow: 0 1px 0 rgba(8, 11, 20, .06);
}

.decision-reason-list i {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(14, 143, 99, .12);
  font-style: normal;
}

.decision-reason-list i::before {
  content: "";
  width: 9px;
  height: 5px;
  border-left: 2px solid #0e8f63;
  border-bottom: 2px solid #0e8f63;
  transform: rotate(-45deg);
}

.decision-reason-list i.reason-warning {
  background: rgba(180, 83, 9, .12);
}

.decision-reason-list i.reason-warning::before {
  width: 2px;
  height: 8px;
  border: 0;
  border-radius: 999px;
  background: #b45309;
  transform: none;
}

.decision-reason-list i.reason-warning::after {
  content: "";
  position: absolute;
  bottom: 4px;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: #b45309;
}

.decision-block {
  margin-top: 42px;
  padding-top: 34px;
  border-top: 1px solid rgba(8, 11, 20, .1);
}

.decision-block-heading {
  margin-bottom: 20px;
}

.decision-block-heading h3 {
  margin: 8px 0 8px;
  color: #080b14;
  font-size: clamp(28px, 3vw, 46px);
  line-height: 1;
  letter-spacing: -.06em;
}

.decision-reasons-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.decision-reasons-grid article {
  min-height: 190px;
  padding: 20px;
  border: 1px solid rgba(8, 11, 20, .08);
  border-radius: 24px;
  background: #f7f5ef;
}

.decision-reasons-grid i {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 16px;
  background: #fff;
  font-style: normal;
  color: #0e8f63;
  box-shadow: inset 0 0 0 1px rgba(14, 143, 99, .16);
}

.decision-icon::before,
.decision-icon::after {
  content: "";
  position: absolute;
  display: block;
}

.icon-territory::before {
  width: 15px;
  height: 15px;
  border: 2px solid currentColor;
  border-radius: 999px 999px 999px 3px;
  transform: rotate(-45deg);
}

.icon-territory::after {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: currentColor;
}

.icon-capacity::before {
  inset: 13px 12px 12px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}

.icon-capacity::after {
  width: 18px;
  height: 14px;
  background:
    linear-gradient(currentColor, currentColor) 0 8px / 4px 6px no-repeat,
    linear-gradient(currentColor, currentColor) 7px 4px / 4px 10px no-repeat,
    linear-gradient(currentColor, currentColor) 14px 0 / 4px 14px no-repeat;
}

.icon-reference::before {
  width: 22px;
  height: 16px;
  border: 2px solid currentColor;
  border-radius: 5px;
}

.icon-reference::after {
  left: 11px;
  top: 11px;
  width: 10px;
  height: 5px;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: #fff;
}

.icon-qualification::before {
  width: 20px;
  height: 22px;
  border: 2px solid currentColor;
  border-radius: 10px 10px 12px 12px;
  clip-path: polygon(50% 0, 100% 16%, 86% 100%, 50% 86%, 14% 100%, 0 16%);
}

.icon-qualification::after {
  width: 8px;
  height: 5px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
}

.icon-deadline::before {
  width: 22px;
  height: 22px;
  border: 2px solid currentColor;
  border-radius: 999px;
}

.icon-deadline::after {
  width: 8px;
  height: 8px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translate(2px, -1px);
}

.decision-reasons-grid span {
  display: block;
  color: rgba(8, 11, 20, .5);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.decision-reasons-grid strong {
  display: block;
  margin-top: 8px;
  color: #080b14;
  font-size: 20px;
  letter-spacing: -.04em;
}

.decision-reasons-grid p {
  margin: 10px 0 0;
  color: rgba(8, 11, 20, .62);
  font-size: 15px;
  line-height: 1.45;
}

.decision-reasons-grid .ok strong { color: #15803d; }
.decision-reasons-grid .warning strong { color: #b45309; }
.decision-reasons-grid .missing strong { color: #b91c1c; }

.decision-missing-list {
  display: grid;
  gap: 10px;
}

.decision-missing-list article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  border: 1px solid rgba(8, 11, 20, .08);
  border-radius: 20px;
  background: #fff;
}

.decision-missing-list i {
  font-style: normal;
  font-size: 22px;
}

.decision-missing-list .blocker i { color: #dc2626; }
.decision-missing-list .important i { color: #f97316; }
.decision-missing-list .admin i { color: #eab308; }
.decision-missing-list .optional i { color: #a8a29e; }

.decision-missing-list strong {
  display: block;
  color: #080b14;
  font-size: 17px;
}

.decision-missing-list span {
  display: block;
  margin-top: 4px;
  color: rgba(8, 11, 20, .56);
  font-size: 15px;
}

.decision-missing-list small {
  display: block;
  max-width: 760px;
  margin-top: 8px;
  color: rgba(8, 11, 20, .58);
  font-size: 13px;
  line-height: 1.45;
}

.decision-missing-list small em {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
  padding: 4px 7px;
  border-radius: 999px;
  background: #f7f5ef;
  color: rgba(8, 11, 20, .72);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.decision-missing-list .blocker small em {
  background: rgba(185, 28, 28, .08);
  color: #9f2d2d;
}

.decision-missing-list .important small em {
  background: rgba(180, 83, 9, .09);
  color: #9a5a0a;
}

.decision-missing-list .admin small em {
  background: rgba(234, 179, 8, .12);
  color: #8a6410;
}

.decision-missing-list b {
  padding: 8px 12px;
  border-radius: 999px;
  background: #f7f5ef;
  color: rgba(8, 11, 20, .72);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.decision-alert {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 24px;
  padding: 22px 24px;
  border-radius: 24px;
  background: #080b14;
  color: #fff;
}

.decision-alert i {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .1);
  font-style: normal;
}

.decision-alert-icon::before,
.decision-alert-icon::after {
  content: "";
  position: absolute;
}

.decision-alert-icon.is-ok::before {
  width: 16px;
  height: 9px;
  border-left: 3px solid #9be7bd;
  border-bottom: 3px solid #9be7bd;
  transform: rotate(-45deg);
}

.decision-alert-icon.is-warning::before {
  width: 4px;
  height: 18px;
  border-radius: 999px;
  background: #f3c178;
}

.decision-alert-icon.is-warning::after {
  bottom: 10px;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #f3c178;
}

.decision-alert p {
  margin: 0;
  color: rgba(255, 255, 255, .86);
  font-size: 17px;
  line-height: 1.5;
}

.decision-action-buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.decision-action-buttons button {
  --decision-color: #3157d5;
  --decision-bg: rgba(49, 87, 213, .08);
  --decision-border: rgba(49, 87, 213, .22);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 82px;
  border: 1px solid rgba(8, 11, 20, .1);
  border-radius: 24px;
  background: #f7f5ef;
  color: #080b14;
  font-size: 20px;
  font-weight: 850;
  cursor: pointer;
}

.decision-action-buttons .decision-answer {
  --decision-color: #0e8f63;
  --decision-bg: rgba(14, 143, 99, .10);
  --decision-border: rgba(14, 143, 99, .28);
}

.decision-action-buttons .decision-review {
  --decision-color: #b45309;
  --decision-bg: rgba(180, 83, 9, .10);
  --decision-border: rgba(180, 83, 9, .26);
}

.decision-action-buttons .decision-discard {
  --decision-color: #b73535;
  --decision-bg: rgba(183, 53, 53, .09);
  --decision-border: rgba(183, 53, 53, .24);
}

.decision-action-buttons button i {
  position: relative;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #fff;
  font-style: normal;
  box-shadow: inset 0 0 0 1px var(--decision-border);
}

.decision-action-buttons button i::before,
.decision-action-buttons button i::after {
  content: "";
  position: absolute;
}

.decision-answer i::before {
  width: 15px;
  height: 8px;
  border-left: 3px solid var(--decision-color);
  border-bottom: 3px solid var(--decision-color);
  transform: rotate(-45deg);
}

.decision-review i::before {
  width: 18px;
  height: 12px;
  border: 2px solid var(--decision-color);
  border-radius: 999px;
}

.decision-review i::after {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--decision-color);
}

.decision-discard i::before,
.decision-discard i::after {
  width: 17px;
  height: 3px;
  border-radius: 999px;
  background: var(--decision-color);
}

.decision-discard i::before {
  transform: rotate(45deg);
}

.decision-discard i::after {
  transform: rotate(-45deg);
}

.decision-action-buttons button.is-active,
.decision-action-buttons button:hover {
  border-color: var(--decision-border);
  background: var(--decision-bg);
  color: #080b14;
  box-shadow: 0 16px 36px rgba(8, 13, 24, .07);
}

.decision-action-buttons button.is-active i,
.decision-action-buttons button:hover i {
  background: #fff;
}

.decision-outcome {
  display: grid;
  gap: 18px;
  margin-top: 24px;
  padding: 24px;
  border-radius: 26px;
  border: 1px solid rgba(8, 11, 20, .08);
  background: #f7f5ef;
}

.decision-outcome-copy strong {
  display: block;
  margin-top: 8px;
  color: #080b14;
  font-size: 26px;
  letter-spacing: -.045em;
}

.decision-outcome-copy p,
.decision-pro-quiet p,
.decision-pro-quiet small {
  margin: 8px 0 0;
  color: rgba(8, 11, 20, .64);
  font-size: 15px;
  line-height: 1.55;
}

.decision-response-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.decision-response-actions .button,
.decision-sticky-actions .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding-inline: 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 850;
  letter-spacing: -.01em;
}

.decision-share-panel {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.decision-share-panel a,
.decision-share-panel button,
.discard-reason-grid button {
  padding: 10px 13px;
  border: 1px solid rgba(8, 11, 20, .1);
  border-radius: 999px;
  background: #fff;
  color: #080b14;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

.decision-pro-quiet {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin-top: 8px;
  padding-top: 18px;
  border-top: 1px solid rgba(8, 11, 20, .08);
}

.decision-pro-quiet strong {
  display: block;
  color: #080b14;
  font-size: 18px;
}

.decision-outcome textarea {
  width: 100%;
  padding: 14px;
  border: 1px solid rgba(8, 11, 20, .12);
  border-radius: 18px;
  background: #fff;
  color: #080b14;
  font: inherit;
  font-size: 15px;
  resize: vertical;
}

.discard-reason-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.discard-reason-grid button.is-active {
  background: #080b14;
  color: #fff;
}

.decision-official {
  margin-top: 36px;
  border-top: 1px solid rgba(8, 11, 20, .1);
  border-bottom: 1px solid rgba(8, 11, 20, .1);
}

.decision-official summary {
  padding: 20px 0;
  color: #080b14;
  font-size: 18px;
  font-weight: 850;
  cursor: pointer;
}

.decision-official div {
  display: grid;
  gap: 12px;
  padding-bottom: 22px;
}

.decision-official article {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 18px;
}

.decision-official p {
  margin: 0;
  color: rgba(8, 11, 20, .68);
  font-size: 15px;
  line-height: 1.55;
}

.decision-sticky-actions {
  position: sticky;
  bottom: 0;
  z-index: 10;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  margin: 36px -56px -40px;
  padding: 14px 56px;
  border-top: 1px solid rgba(8, 11, 20, .08);
  background: rgba(255, 255, 255, .9);
  backdrop-filter: blur(18px);
}

.decision-sticky-actions p {
  margin: 0 auto 0 0;
  color: rgba(8, 11, 20, .56);
  font-size: 14px;
}

@media (max-width: 980px) {
  .decision-topline,
  .decision-recommendation,
  .decision-pro-quiet {
    grid-template-columns: 1fr;
  }

  .decision-reasons-grid {
    grid-template-columns: 1fr 1fr;
  }

  .decision-action-buttons {
    grid-template-columns: 1fr;
  }

  .decision-sticky-actions {
    margin-inline: -24px;
    padding-inline: 24px;
  }
}

@media (max-width: 640px) {
  .decision-shell {
    padding: 26px 18px 30px;
  }

  .decision-topline h2 {
    font-size: 36px;
  }

  .decision-reasons-grid {
    grid-template-columns: 1fr;
  }

  .decision-missing-list article,
  .decision-official article {
    grid-template-columns: 1fr;
  }

  .decision-sticky-actions {
    display: grid;
    margin: 28px -18px -30px;
    padding: 12px 18px;
  }

  .decision-sticky-actions .button {
    width: 100%;
    justify-content: center;
  }
}

/* ATTRIBIS V51 — Agent command page */
.agent-section {
  max-width: 1220px;
  padding-top: 34px;
  scroll-margin-top: 104px;
}

.agent-section > .section-heading {
  display: none;
}

.agent-command-hero.agent-status-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 28px;
  align-items: stretch;
  margin: 0 auto 18px;
  padding: 34px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 18% 8%, rgba(61, 90, 254, .22), transparent 34%),
    linear-gradient(135deg, #080b14 0%, #101725 100%);
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 28px 80px rgba(8, 13, 24, .14);
  color: #fff;
}

.agent-command-hero h2 {
  max-width: 760px;
  margin: 10px 0 14px;
  color: #fff;
  font-size: clamp(38px, 4.8vw, 72px);
  line-height: .93;
  letter-spacing: -.07em;
}

.agent-command-hero p {
  max-width: 660px;
  margin: 0 0 24px;
  color: rgba(255, 255, 255, .72);
  font-size: 16px;
  line-height: 1.6;
}

.agent-command-hero .eyebrow {
  color: rgba(255, 255, 255, .62);
}

.agent-command-hero .button.ghost {
  min-height: 44px;
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .12);
  color: #fff;
}

.agent-story-card {
  display: grid;
  gap: 12px;
  align-content: center;
  padding: 22px;
  border-radius: 26px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
}

.agent-story-card > span,
.agent-message-preview > span {
  color: rgba(255, 255, 255, .56);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.agent-activity-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.agent-activity-grid article {
  padding: 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .08);
}

.agent-activity-grid strong {
  display: block;
  color: #fff;
  font-size: 34px;
  line-height: 1;
  letter-spacing: -.05em;
}

.agent-activity-grid small {
  display: block;
  margin-top: 6px;
  color: rgba(255, 255, 255, .62);
  font-size: 12px;
}

.agent-command-hero .agent-status-facts {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 0;
}

.agent-command-hero .agent-status-facts span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .74);
  border: 1px solid rgba(255, 255, 255, .1);
}

.agent-command-hero .agent-status-facts b {
  color: #fff;
}

.agent-command-panel {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  max-width: 1220px;
  margin: 0 auto;
}

.agent-section .agent-control-panel.agent-command-panel {
  grid-template-columns: 1fr !important;
}

.agent-section .agent-control-panel.agent-command-panel > * {
  grid-column: 1 / -1 !important;
}

.agent-command-card.agent-control-card {
  padding: 30px;
  border-radius: 30px;
  border: 1px solid rgba(8, 11, 20, .08);
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 18px 60px rgba(8, 13, 24, .06);
}

.agent-command-card .control-heading {
  max-width: 980px;
  margin-bottom: 22px;
}

.agent-command-card .control-heading span {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 14px;
  border-radius: 15px;
  background: #f7f5ef;
  color: rgba(49, 87, 213, .88);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}

.agent-command-card .control-heading h3 {
  margin: 0 0 8px;
  color: #080b14;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1;
  letter-spacing: -.06em;
}

.agent-command-card .control-heading p {
  margin: 0;
  color: rgba(8, 11, 20, .62);
  font-size: 16px;
  line-height: 1.55;
}

.agent-command-card .agent-days,
.agent-command-card .agent-format-grid,
.agent-command-card .agent-threshold-modes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.agent-command-card .agent-format-grid,
.agent-command-card .agent-threshold-modes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.agent-command-card .agent-days {
  grid-template-columns: repeat(2, minmax(0, 220px));
}

.agent-command-card .agent-days label,
.agent-command-card .agent-format-grid label,
.agent-command-card .agent-threshold-modes label {
  display: block;
}

.agent-command-card input[type="radio"],
.agent-command-card input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.agent-command-card .agent-days span,
.agent-command-card .agent-format-grid span,
.agent-command-card .agent-threshold-modes span {
  display: grid;
  align-content: center;
  min-height: 86px;
  padding: 18px;
  border: 1px solid rgba(8, 11, 20, .09);
  border-radius: 22px;
  background: #f7f5ef;
  color: #080b14;
  cursor: pointer;
}

.agent-command-card input:checked + span {
  border-color: rgba(49, 87, 213, .42);
  background: rgba(49, 87, 213, .08);
  box-shadow: inset 0 0 0 1px rgba(49, 87, 213, .25);
}

.agent-command-card .is-locked span {
  opacity: .58;
  cursor: not-allowed;
}

.agent-command-card b {
  display: block;
  font-size: 17px;
  letter-spacing: -.025em;
}

.agent-command-card small {
  display: block;
  margin-top: 6px;
  color: rgba(8, 11, 20, .58);
  font-size: 14px;
  line-height: 1.45;
}

.agent-time-field {
  max-width: 260px;
  margin-top: 16px;
}

.agent-free-note {
  margin: 14px 0 0;
  color: rgba(8, 11, 20, .58);
  font-size: 15px;
}

.agent-channel-settings {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.agent-channel > span {
  display: grid;
  grid-template-columns: 42px 140px 120px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 74px;
  padding: 14px 16px;
  border-radius: 22px;
  background: #f7f5ef;
  border: 1px solid rgba(8, 11, 20, .08);
}

.agent-channel small {
  display: none;
}

.agent-channel input[type="text"],
.agent-channel input[type="email"] {
  min-height: 42px;
  border-radius: 999px;
}

.agent-channel input[type="checkbox"]:checked + span {
  border-color: rgba(49, 87, 213, .36);
  background: #fff;
}

.agent-message-preview {
  margin-top: 18px;
  padding: 24px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(247, 245, 239, .86), #fff);
  border: 1px solid rgba(8, 11, 20, .08);
  color: #080b14;
}

.agent-message-preview > span {
  color: rgba(8, 11, 20, .46);
}

.agent-message-preview > div {
  max-width: 720px;
  margin-top: 16px;
  color: rgba(8, 11, 20, .78);
  font-size: 17px;
  line-height: 1.62;
}

.agent-preview-whatsapp {
  display: grid;
  justify-items: center;
}

.whatsapp-phone {
  width: min(100%, 430px);
  padding: 14px;
  border-radius: 34px;
  background: #101725;
  box-shadow: 0 24px 70px rgba(8, 13, 24, .16);
}

.whatsapp-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px 14px;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .05em;
}

.whatsapp-top small {
  margin: 0;
  color: rgba(255, 255, 255, .46);
  font-size: 11px;
}

.whatsapp-bubble {
  display: grid;
  gap: 10px;
  padding: 18px;
  border-radius: 24px 24px 24px 8px;
  background: #eaf7ef;
  color: #102018;
  font-size: 15px;
  line-height: 1.35;
}

.whatsapp-bubble p {
  margin: 0;
}

.whatsapp-bubble strong {
  color: #07130d;
  font-size: 16px;
}

.whatsapp-bubble a,
.email-preview-actions a {
  width: fit-content;
  color: #3157d5;
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
}

.whatsapp-bubble hr {
  width: 100%;
  height: 1px;
  margin: 3px 0;
  border: 0;
  background: rgba(16, 32, 24, .12);
}

.agent-preview-email {
  display: grid;
  justify-items: center;
}

.email-card-preview {
  width: min(100%, 600px);
  overflow: hidden;
  border: 1px solid rgba(8, 11, 20, .08);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(8, 13, 24, .10);
}

.email-card-preview header {
  padding: 30px;
  background:
    radial-gradient(circle at 92% 0%, rgba(49, 87, 213, .16), transparent 38%),
    #080b14;
  color: #fff;
}

.email-card-preview header span {
  color: rgba(255, 255, 255, .58);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
}

.email-card-preview h4 {
  margin: 14px 0 8px;
  color: #fff;
  font-size: 34px;
  line-height: .98;
  letter-spacing: -.055em;
}

.email-card-preview header p {
  max-width: 420px;
  margin: 0;
  color: rgba(255, 255, 255, .68);
  font-size: 14px;
  line-height: 1.5;
}

.email-card-preview header div {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr;
  gap: 8px;
  align-items: baseline;
  margin-top: 22px;
}

.email-card-preview header strong {
  color: #fff;
  font-size: 26px;
  line-height: 1;
}

.email-card-preview header small {
  margin: 0;
  color: rgba(255, 255, 255, .56);
  font-size: 12px;
}

.email-card-preview article {
  padding: 24px 30px;
  border-bottom: 1px solid rgba(8, 11, 20, .08);
}

.email-card-preview article small {
  margin: 0 0 8px;
  color: rgba(8, 11, 20, .48);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.email-card-preview h5 {
  margin: 0 0 16px;
  color: #080b14;
  font-size: 22px;
  letter-spacing: -.04em;
}

.email-card-preview article p {
  margin: 0 0 10px;
  color: rgba(8, 11, 20, .62);
  font-size: 13px;
  font-weight: 850;
}

.email-card-preview ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.email-card-preview li {
  color: rgba(8, 11, 20, .72);
  font-size: 14px;
}

.email-card-preview .is-ok {
  color: #0e8f63;
}

.email-card-preview .is-warning {
  color: #9a5a0a;
}

.email-preview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.email-preview-actions .primary-link {
  padding: 10px 14px;
  border-radius: 999px;
  background: #3157d5;
  color: #fff;
}

.email-card-preview footer {
  padding: 18px 30px 24px;
  color: rgba(8, 11, 20, .48);
  font-size: 12px;
}

.agent-threshold-display {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 18px;
  padding: 18px;
  border-radius: 22px;
  background: #080b14;
  color: #fff;
}

.agent-threshold-display strong {
  font-size: 34px;
  letter-spacing: -.05em;
}

.agent-threshold-display span {
  color: rgba(255, 255, 255, .72);
  font-size: 15px;
}

.agent-save-bar {
  position: sticky;
  bottom: 12px;
  z-index: 10;
  grid-column: 1 / -1;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 4px;
  padding: 12px;
  border: 1px solid rgba(8, 11, 20, .08);
  border-radius: 22px;
  background: rgba(255, 255, 255, .9);
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 50px rgba(8, 13, 24, .1);
}

.agent-command-panel > .agent-save-bar,
.agent-control-panel > .agent-save-bar {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

.agent-save-bar p {
  margin: 0 auto 0 0;
  color: rgba(8, 11, 20, .58);
  font-size: 14px;
}

.agent-save-bar .button {
  min-height: 42px;
  border-radius: 999px;
}

@media (max-width: 980px) {
  .agent-command-hero.agent-status-card {
    grid-template-columns: 1fr;
  }

  .agent-command-card .agent-format-grid,
  .agent-command-card .agent-threshold-modes,
  .agent-channel > span {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .agent-section {
    padding-inline: 14px;
  }

  .agent-command-card .agent-days {
    grid-template-columns: 1fr;
  }

  .agent-save-bar {
    display: grid;
  }

  .agent-save-bar .button {
    width: 100%;
    justify-content: center;
  }
}

/* ATTRIBIS V52 — premium agent work trace */
.agent-trace-section {
  background:
    radial-gradient(circle at 96% 0%, rgba(49, 87, 213, .14), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(247, 245, 239, .78));
}

.agent-trace-flow {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  overflow: visible;
  padding-bottom: 0;
}

.agent-trace-flow article {
  position: relative;
  display: grid;
  align-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 150px;
  padding: 20px;
  border: 1px solid rgba(10, 20, 40, .07);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .78));
  box-shadow: 0 14px 40px rgba(8, 13, 24, .045);
  overflow: hidden;
}

.agent-trace-flow article::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #3157d5, rgba(49, 87, 213, .24));
}

.agent-trace-flow article:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 8px;
  height: 8px;
  border-top: 2px solid rgba(49, 87, 213, .35);
  border-right: 2px solid rgba(49, 87, 213, .35);
  transform: rotate(45deg);
}

.agent-trace-flow article.is-priority {
  border-color: rgba(49, 87, 213, .22);
  background: linear-gradient(180deg, rgba(49, 87, 213, .08), rgba(255, 255, 255, .86));
}

.agent-trace-flow strong {
  color: var(--brief-ink);
  font-size: 38px;
  line-height: .95;
  letter-spacing: -.055em;
}

.agent-trace-flow span {
  color: var(--brief-muted);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.agent-trace-section .saved-note {
  margin: 18px 0 0;
  padding: 16px 18px;
  border: 1px solid rgba(49, 87, 213, .12);
  border-radius: 20px;
  background: rgba(49, 87, 213, .06);
  color: rgba(8, 11, 20, .68);
  font-size: 15px;
  line-height: 1.55;
}

@media (max-width: 1180px) {
  .agent-trace-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .agent-trace-flow {
    grid-template-columns: 1fr;
  }
}