.value-engine-view { padding-bottom: 12px; }
.value-engine-head { margin-bottom: 12px; }
.value-badge-stack { display: grid; justify-items: end; gap: 7px; }
.value-disclaimer { margin: 0 0 14px; padding: 12px 14px; border: 1px solid rgba(255,198,109,.28); border-radius: 10px; background: rgba(255,198,109,.08); color: #dce8f5; font-size: 12px; line-height: 1.55; }
.value-disclaimer b { color: var(--amber); }
.value-stat-grid { margin-top: 0; }
.value-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 15px; }
.value-toolbar h3 { margin: 4px 0 3px; font-size: 15px; }
.value-toolbar p { margin: 0; color: var(--muted); font-size: 11px; }
.value-layout { display: grid; grid-template-columns: minmax(0, 1.52fr) minmax(270px, .8fr); gap: 14px; align-items: start; }
.value-manual-form { min-width: 0; }
.value-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.value-confirmations { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 17px 0 0; padding: 12px; border: 1px solid var(--line); border-radius: 10px; }
.value-confirmations legend { color: var(--muted); font-size: 10px; letter-spacing: .1em; padding: 0 4px; text-transform: uppercase; }
.value-confirmations label { display: inline-flex; align-items: center; gap: 6px; font-size: 10px; color: #bdd0e4; }
.value-confirmations input { width: auto; accent-color: var(--cyan); }
.value-side-stack { display: grid; gap: 14px; }
.value-policy-row { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line); color: #b9cbe0; font-size: 11px; }
.value-policy-row b { color: var(--cyan); font-variant-numeric: tabular-nums; }
.value-policy .helper { margin: 12px 0 0; display: block; }
.value-watchlist-list { display: grid; gap: 8px; }
.value-watch-row { display: flex; justify-content: space-between; gap: 9px; align-items: center; padding: 9px; border: 1px solid rgba(82,224,161,.19); border-radius: 9px; background: rgba(82,224,161,.055); }
.value-watch-row b { display: block; font-size: 11px; color: var(--text); }
.value-watch-row small { display: block; max-width: 210px; }
.value-watch-row .button { max-width: 138px; line-height: 1.25; }
.value-results-panel, .value-audit-panel { margin-top: 14px; }
.value-results-heading { align-items: flex-start; }
.value-filter-row { display: grid; grid-template-columns: 150px 160px 180px; gap: 8px; align-items: end; }
.value-filter-row label { min-width: 0; }
.value-filter-row select, .value-filter-row input { width: 100%; padding: 8px 9px; font-size: 11px; }
.value-summary-line { display: flex; flex-wrap: wrap; gap: 7px 12px; padding: 9px 12px; margin-bottom: 12px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); font-size: 11px; }
.value-summary-line span { white-space: nowrap; }
.value-summary-line b { color: var(--text); }
.value-summary-strong { color: #74f2ba; }.value-summary-confirmed { color: var(--green); }.value-summary-inconclusive { color: var(--amber); }.value-summary-none { color: var(--red); }
.value-results { display: grid; gap: 11px; }
.value-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-left-width: 4px; border-radius: 12px; padding: 14px; background: rgba(7, 18, 32, .7); box-shadow: 0 8px 24px rgba(0,0,0,.1); }
.value-card:before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: radial-gradient(circle at 100% 0, var(--value-band-glow, transparent), transparent 36%); }
.value-card-top, .value-card-bottom { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.value-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.value-card h4 { margin: 8px 0 2px; font-size: 15px; letter-spacing: -.02em; }
.value-card p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.value-odd-block { flex: 0 0 auto; display: grid; text-align: right; justify-items: end; min-width: 85px; }
.value-odd-label { color: var(--muted); font-size: 8px; letter-spacing: .12em; }
.value-odd-block strong { color: var(--value-band, var(--text)); font-size: 29px; line-height: 1.05; letter-spacing: -.06em; font-variant-numeric: tabular-nums; text-shadow: 0 0 18px var(--value-band-glow, transparent); }
.value-odd-block small { max-width: 120px; text-align: right; }
.value-verdict { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 12px 0; color: #c9d8e8; font-size: 11px; }
.value-verdict-badge { padding: 5px 8px; border-radius: 999px; background: var(--status-bg, rgba(141,163,190,.13)); color: var(--status-color, var(--muted)); font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.value-metrics { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.value-metrics > div { padding: 9px 8px; border-right: 1px solid var(--line); min-width: 0; }
.value-metrics > div:last-child { border-right: 0; }
.value-metrics span, .value-quality-row span { display: block; color: var(--muted); font-size: 9px; }
.value-metrics b, .value-quality-row b { display: block; margin-top: 2px; color: var(--text); font-size: 13px; font-variant-numeric: tabular-nums; }
.value-quality-row { position: relative; display: flex; flex-wrap: wrap; gap: 6px 15px; padding: 10px 0 3px; }
.value-quality-row span { display: inline-flex; gap: 4px; align-items: baseline; }
.value-quality-row b { margin: 0; font-size: 10px; color: #c6d9ed; }
.value-risk-row { position: relative; display: flex; flex-wrap: wrap; gap: 5px; margin: 6px 0 10px; }
.value-risk { padding: 4px 7px; border-radius: 999px; color: var(--amber); background: var(--amber-soft); font-size: 9px; letter-spacing: .03em; }
.value-risk-clear { color: var(--green); background: var(--green-soft); }
.value-gates { max-width: calc(100% - 210px); color: var(--muted); font-size: 10px; }
.value-gates summary { cursor: pointer; color: #b5cbe0; }
.value-gates ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 8px; padding: 8px 0 0; margin: 0; list-style: none; }
.value-gates li { display: flex; gap: 5px; align-items: center; }
.value-gates li.pass span { color: var(--green); }.value-gates li.fail span { color: var(--red); }
.value-card-bottom .button-row { flex-wrap: wrap; justify-content: flex-end; }
.value-card-bottom .button { white-space: normal; }
.value-truncated { padding: 8px 0 0; margin: 0; }
.value-audit-list { display: grid; gap: 6px; }
.value-audit-row { display: grid; grid-template-columns: 145px 220px minmax(0, 1fr); gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 10px; }
.value-audit-row span { color: var(--muted); }.value-audit-row b { color: var(--cyan); }.value-audit-row small { overflow-wrap: anywhere; }
.value-status-strong { --status-color: #75f6be; --status-bg: rgba(82,224,161,.18); border-color: rgba(82,224,161,.52); box-shadow: 0 0 0 1px rgba(82,224,161,.08), 0 12px 30px rgba(30,176,112,.12); }
.value-status-confirmed { --status-color: var(--green); --status-bg: var(--green-soft); border-color: rgba(82,224,161,.32); }
.value-status-inconclusive { --status-color: var(--amber); --status-bg: var(--amber-soft); border-color: rgba(255,198,109,.32); }
.value-status-none { --status-color: var(--red); --status-bg: var(--red-soft); border-color: rgba(255,120,148,.27); }
.value-odd-red { --value-band: var(--red); --value-band-glow: rgba(255,120,148,.32); border-left-color: var(--red); }
.value-odd-yellow { --value-band: var(--amber); --value-band-glow: rgba(255,198,109,.30); border-left-color: var(--amber); }
.value-odd-green { --value-band: var(--green); --value-band-glow: rgba(82,224,161,.32); border-left-color: var(--green); }
.value-odd-cyan { --value-band: var(--cyan); --value-band-glow: rgba(67,217,255,.32); border-left-color: var(--cyan); }
.value-odd-purple { --value-band: var(--purple); --value-band-glow: rgba(169,140,255,.34); border-left-color: var(--purple); }
.value-status-strong .value-verdict-badge { box-shadow: 0 0 17px rgba(82,224,161,.28); animation: valueAlertPulse 2.8s ease-in-out infinite; }
@keyframes valueAlertPulse { 50% { box-shadow: 0 0 25px rgba(82,224,161,.46); transform: translateY(-1px); } }
.stats-formal-bridge { margin: 0 0 12px; padding: 9px 10px; border: 1px solid rgba(255,198,109,.32); border-radius: 8px; background: rgba(255,198,109,.08); color: #d7e3ee; font-size: 10px; line-height: 1.45; }
.stats-formal-bridge strong { color: var(--amber); }
@media (prefers-reduced-motion: reduce) { .value-status-strong .value-verdict-badge { animation: none; } }
@media (max-width: 1160px) { .value-layout { grid-template-columns: 1fr; }.value-side-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); }.value-filter-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }.value-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }.value-metrics > div:nth-child(3) { border-right: 0; }.value-metrics > div:nth-child(-n+3) { border-bottom: 1px solid var(--line); } }
@media (max-width: 820px) { .value-toolbar { display: grid; }.value-badge-stack { justify-items: start; }.value-filter-row { width: 100%; }.value-results-heading { display: grid; }.value-card-bottom { display: grid; }.value-gates { max-width: none; }.value-card-bottom .button-row { justify-content: flex-start; }.value-audit-row { grid-template-columns: 1fr; gap: 3px; }.value-side-stack { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .value-form-grid, .value-filter-row, .value-metrics { grid-template-columns: 1fr; }.value-metrics > div { border-right: 0; border-bottom: 1px solid var(--line); }.value-metrics > div:last-child { border-bottom: 0; }.value-card-top { display: grid; }.value-odd-block { justify-items: start; text-align: left; }.value-odd-block small { text-align: left; }.value-gates ul { grid-template-columns: 1fr; }.value-confirmations { display: grid; }.value-watch-row { display: grid; }.value-watch-row .button { max-width: none; } }