.api-connection-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--paper) 80%,transparent);color:var(--ink)}.api-connection-status:before{content:"";width:6px;height:6px;border-radius:999px;flex:0 0 auto;--status-dot-fill: color-mix(in srgb, var(--warning) 78%, var(--paper));--status-dot-glow: color-mix(in srgb, var(--warning) 26%, transparent);background:var(--status-dot-fill);box-shadow:0 0 0 0 var(--status-dot-glow);animation:statusDotBreathe 2.8s ease-in-out infinite}.api-connection-status.is-connected{border-color:color-mix(in srgb,var(--success) 45%,transparent);background:var(--success-soft)}.api-connection-status.is-connected:before{--status-dot-fill: color-mix(in srgb, var(--success) 78%, var(--paper));--status-dot-glow: color-mix(in srgb, var(--success) 28%, transparent)}.api-connection-status.is-degraded{border-color:color-mix(in srgb,var(--warning) 45%,transparent);background:var(--warning-soft)}.api-connection-status.is-degraded:before{--status-dot-fill: color-mix(in srgb, var(--warning) 78%, var(--paper));--status-dot-glow: color-mix(in srgb, var(--warning) 26%, transparent)}.api-connection-status.is-disconnected{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:var(--danger-soft)}.api-connection-status.is-disconnected:before{--status-dot-fill: color-mix(in srgb, var(--danger) 78%, var(--paper));--status-dot-glow: color-mix(in srgb, var(--danger) 24%, transparent)}.api-connection-summary{font-weight:600}.api-connection-detail{color:var(--ink-soft)}@keyframes statusDotBreathe{0%,to{transform:scale(1);box-shadow:0 0 0 0 var(--status-dot-glow);opacity:.88}50%{transform:scale(1.12);box-shadow:0 0 0 6px color-mix(in srgb,var(--status-dot-fill) 24%,transparent);opacity:1}}@media(prefers-reduced-motion:reduce){.api-connection-status:before{animation:none;transform:none}.demo-progress-track span,.pipeline-dot{transition:none}.pipeline-node:after{transition:none}.chain-trigger{transition:none}}.table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.table th,.table td{text-align:left;padding:9px 7px;border-bottom:1px solid var(--line)}.table tr:hover{background:var(--accent-table-hover)}.receipt-quick-use{min-width:44px;min-height:44px}.technical-details{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:color-mix(in srgb,var(--paper) 60%,transparent)}.technical-details summary{cursor:pointer;font-weight:600;color:var(--ink)}@media(prefers-color-scheme:dark){.technical-details{background:#111b2fb8}}.card>details{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:color-mix(in srgb,var(--paper) 60%,transparent);margin-top:4px}.card>details>summary{cursor:pointer;font-weight:600;color:var(--ink-soft);font-size:var(--text-sm);list-style:none}.card>details>summary::-webkit-details-marker{display:none}.card>details>summary:before{content:"▸ ";color:var(--ink-tertiary);transition:transform var(--motion-duration-fast) var(--motion-ease-standard);display:inline-block}.card>details[open]>summary:before{transform:rotate(90deg)}.card>details>:not(summary){margin-top:8px}.table tr.quality-focus{background:var(--warning-soft)}.table tr.quality-focus td{border-bottom-color:color-mix(in srgb,var(--warning) 46%,transparent)}.shard-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:10px}.shard-summary-card{display:grid;gap:6px;width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);border-left:4px solid var(--success);background:var(--paper);text-align:left;color:var(--ink)}.shard-summary-card[data-verification=FAIL]{border-left-color:var(--danger);background:var(--danger-soft)}.shard-summary-card[data-verification=PENDING]{border-left-color:var(--warning)}.shard-summary-card.quality-focus{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warning) 55%,transparent)}.shard-summary-contract code{font-size:var(--text-sm)}.shard-summary-status{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:var(--text-sm);color:var(--ink-soft)}.shard-table-details{margin-top:10px}.demo-state-strip{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.state-chip{display:grid;gap:4px;border-radius:10px;border:1px solid var(--line);background:var(--surface-muted);padding:10px 11px}.state-chip .state-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.state-chip .state-value{font-size:var(--text-base);color:var(--ink)}.state-chip.tone-active{border-color:var(--accent-border);background:var(--accent-surface)}.state-chip.tone-focus{border-color:color-mix(in srgb,var(--warning) 55%,transparent);background:color-mix(in srgb,var(--warning) 18%,transparent)}.workflow-guided-priority{border-color:var(--accent-border);background:color-mix(in srgb,var(--accent) 8%,var(--paper))}.demo-player,.demo-hero-player{display:grid;gap:14px}.demo-next-steps{display:grid;gap:10px}.chain-replay{display:grid;gap:12px;border:1px solid var(--line);border-radius:12px;padding:24px;background:color-mix(in srgb,var(--paper) 82%,transparent)}.chain-head{display:grid;gap:4px}.chain-trigger{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border:2px solid var(--accent);border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:1rem}.chain-trigger-wrap{display:grid;gap:8px;justify-items:start}.chain-trigger:hover{background:var(--accent);color:#fff}.chain-trigger-icon{line-height:1}.chain-pipeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px}.pipeline-node{position:relative;display:grid;gap:6px;justify-items:center;text-align:center}.pipeline-node:after{content:"";position:absolute;top:15px;right:-50%;width:100%;height:2px;background:var(--line);z-index:0}.pipeline-node:last-child:after{display:none}.pipeline-dot{width:30px;height:30px;border-radius:999px;border:2px solid var(--line);background:var(--paper);display:grid;place-items:center;z-index:1;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;transition:background .18s ease,border-color .18s ease}.pipeline-label{font-size:var(--text-xs);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.pipeline-agent{font-size:var(--text-xs);color:var(--ink-soft)}.pipeline-node[data-status=done] .pipeline-dot{background:color-mix(in srgb,var(--success) 90%,var(--paper));border-color:var(--success);color:#fff}.pipeline-node[data-status=active] .pipeline-dot{background:var(--accent);border-color:var(--accent);color:#fff;opacity:.92}.chain-objects{display:grid;gap:10px}.chain-object-card{border:1px solid var(--line);border-left:3px solid var(--line);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--paper) 86%,transparent)}.chain-object-card[data-active=true]{border-left-color:var(--accent)}.chain-object-head{display:grid;gap:8px}.chain-field-list{margin:0;display:grid;gap:6px}.chain-field-row{display:grid;grid-template-columns:minmax(90px,130px) 1fr;gap:8px;align-items:baseline}.chain-field-row dt{font-size:var(--text-sm);text-transform:uppercase;color:var(--ink-soft);letter-spacing:.04em}.chain-field-row dd{margin:0;color:var(--ink);font-size:var(--text-base)}.chain-controls{margin-top:0}.demo-player-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.demo-hero-actions{margin-top:0}.demo-autoplay-paused{margin:0;padding:7px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--warning) 45%,transparent);background:var(--warning-soft);color:color-mix(in srgb,var(--ink) 86%,var(--warning));font-weight:600}.demo-step-tabs{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.demo-step-tabs button{width:100%;background:color-mix(in srgb,var(--paper) 75%,transparent);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-height:44px;text-align:left;font-size:var(--text-sm)}.demo-step-tabs button.is-current{border-color:#d977068c;background:var(--warning-soft)}.demo-panels{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.demo-panel{border:1px solid var(--line);border-radius:12px;padding:18px;background:color-mix(in srgb,var(--paper) 74%,transparent);display:grid;gap:10px}.demo-panel-primary{background:color-mix(in srgb,var(--accent) 12%,var(--paper));border-color:var(--accent-border)}.demo-activity-log{list-style:none;margin:0;padding:0;display:grid;gap:6px}.demo-activity-log li{margin:0}.demo-activity-log li.is-current code{border-color:var(--accent-border);background:var(--accent-surface)}.demo-activity-log code{display:block;font-size:var(--text-sm);color:var(--ink);background:var(--surface-subtle);border:1px solid var(--line);border-radius:8px;padding:7px 8px}.demo-evidence-actions{margin-top:0;justify-content:space-between}.demo-narrative-head{align-items:center}.demo-narrative-lead{font-size:1rem}.demo-controls{align-items:center}.demo-business-kv div{display:grid;gap:4px}.demo-business-kv dt{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.demo-business-kv dd{margin:0;font-size:var(--text-base);color:var(--ink)}.demo-proof-actions{margin-top:0}.demo-proof-summary{border:1px solid var(--line);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--paper) 78%,transparent);display:grid;gap:10px}.demo-proof-checklist{list-style:none;margin:0;padding:0;display:grid;gap:8px}.demo-proof-checklist li{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo-progress-track{position:relative;overflow:hidden;width:100%;height:8px;border-radius:999px;background:var(--surface-raised)}.demo-progress-track span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--ocean));transition:width .22s ease}.demo-annotations{margin:0;padding-left:18px}.demo-annotations li{margin-bottom:4px;font-size:var(--text-sm)}.casefile-drop-card{display:grid;gap:10px}.casefile-drop-zone{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--surface-subtle);display:grid;gap:10px}.casefile-drop-zone.is-drag-active{border-color:var(--accent-border-strong);background:var(--accent-surface)}.casefile-primary-actions{margin-top:0}.casefile-demo-actions{display:grid;gap:10px}.casefile-results-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.casefile-detail-disclosure{border:1px solid var(--line);border-radius:8px;padding:0}.casefile-detail-disclosure>summary{padding:12px 16px;cursor:pointer;font-weight:600;font-size:var(--text-sm);color:var(--ink);list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:44px}.casefile-detail-disclosure>summary::-webkit-details-marker{display:none}.casefile-detail-disclosure>summary:after{content:"▸";color:var(--ink-soft);transition:transform .15s ease}.casefile-detail-disclosure[open]>summary:after{transform:rotate(90deg)}.casefile-detail-disclosure>:not(summary){padding:0 16px 16px}@media(max-width:720px){.demo-step-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:6px;font-size:var(--text-xs);padding-bottom:4px}.demo-step-tabs li{flex:0 0 auto;scroll-snap-align:start}.demo-step-tabs button{white-space:nowrap;padding:8px 14px;min-height:44px}.demo-panels,.chain-pipeline{grid-template-columns:1fr}.pipeline-node:after{display:none}.chain-field-row{grid-template-columns:1fr;gap:2px}.shard-summary-grid{grid-template-columns:1fr}.demo-hero-actions{flex-wrap:wrap}.demo-hero-actions button.secondary,.demo-hero-actions .button-link:not(:first-child){display:none}.demo-next-steps .actions{display:flex;flex-direction:column;gap:8px}.receipt-quick-table td,#shard-table td{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.casefile-drop-zone{padding:14px}#shard-table th.col-shard,#shard-table td.col-shard,#shard-table th.col-contract-status,#shard-table td.col-contract-status,#shard-table th.col-settlement-status,#shard-table td.col-settlement-status,#shard-table th.col-participants,#shard-table td.col-participants,.receipt-quick-table th.col-stage,.receipt-quick-table td.col-stage,.receipt-quick-table th.col-shard,.receipt-quick-table td.col-shard,.receipt-quick-table th.col-contract,.receipt-quick-table td.col-contract{display:none}.casefile-results-grid{grid-template-columns:1fr}}@media(max-width:480px){.casefile-drop-zone{padding:10px}.demo-panel{padding:12px}}