/* Isolated CTrial design prototype; no production component overrides. */
@font-face { font-family: 'CTrial Inter'; src: url('/fonts/dashboard/inter/InterVariable-DiVDrmQJ.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'CTrial Mono'; src: url('/fonts/dashboard/mono/CommitMono-Regular-zr8w7Obm.woff2') format('woff2'); font-weight: 400; font-display: swap; }
:is(.ct-prototype-body,.ct-product) { --ct-canvas:#fafafa; --ct-surface:#fff; --ct-subtle:#f7f7f7; --ct-control:#fafafa; --ct-border:#e5e5e5; --ct-border-strong:#d4d4d4; --ct-text:#262626; --ct-muted:#737373; --ct-faint:#a3a3a3; --ct-primary:#047857; --ct-progress-fill:#10b981; --ct-progress-on-fill:#fff; --ct-progress-warning:var(--ct-warning); --ct-progress-danger:var(--ct-danger); --ct-progress-neutral:var(--ct-muted); --ct-primary-soft:#ecfdf5; --ct-warning:#a16207; --ct-warning-soft:#fefce8; --ct-danger:#dc2626; --ct-danger-soft:#fef2f2; --ct-radius:12px; --ct-ease:cubic-bezier(0,0,.2,1); font-family:'CTrial Inter',Inter,sans-serif; background:var(--ct-canvas); color:var(--ct-text); }
:is(.ct-prototype,.ct-product) { font-size:14px; line-height:1.5; letter-spacing:-.015em; }
:is(.ct-prototype,.ct-product) *, :is(.ct-prototype,.ct-product) *::before, :is(.ct-prototype,.ct-product) *::after { box-sizing:border-box; }
:is(.ct-prototype,.ct-product) .ct-icon { width:18px; height:18px; flex-shrink:0; }
:is(.ct-prototype,.ct-product) a, :is(.ct-prototype,.ct-product) button { -webkit-tap-highlight-color:transparent; }
:is(.ct-prototype,.ct-product) a { text-decoration:none; }
:is(.ct-prototype,.ct-product) button { cursor:pointer; }
:is(.ct-prototype,.ct-product) :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--ct-primary); outline-offset:3px; }
.ct-skip { position:fixed; top:-60px; left:16px; z-index:100; padding:12px; background:white; }
.ct-skip:focus { top:12px; }
.ct-sidebar { position:fixed; inset-block:0; inset-inline-start:0; width:238px; display:flex; flex-direction:column; padding:28px 16px 16px; border-inline-end:1px solid var(--ct-border); background:#fff; z-index:20; }
.ct-brand { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:0 12px; }
.ct-brand img { width:123px; height:36px; object-fit:contain; object-position:left; }
.ct-brand > span { font-size:9px; letter-spacing:.17em; font-weight:600; color:var(--ct-muted); }
.ct-organization { display:flex; align-items:center; gap:10px; padding:13px 9px; margin:28px 0 16px; border:1px solid var(--ct-border); border-radius:8px; background:var(--ct-control); }
.ct-organization > .ct-icon { margin-left:auto; width:14px; color:var(--ct-muted); }
.ct-organization strong, .ct-profile strong { display:block; font-size:12px; font-weight:600; }
.ct-organization small, .ct-profile small { font-size:10px; color:var(--ct-muted); }
.ct-avatar { width:30px; height:30px; border:1px solid var(--ct-border); background:var(--ct-subtle); border-radius:7px; display:inline-flex; align-items:center; justify-content:center; font-size:10px; font-weight:600; flex-shrink:0; }
.ct-avatar-small { width:28px; height:28px; }
.ct-search { height:36px; padding:0 10px; display:flex; align-items:center; gap:8px; width:100%; border:1px solid var(--ct-border); border-radius:7px; color:var(--ct-muted); font-size:12px; background:white; }
:is(.ct-prototype,.ct-product) kbd { margin-left:auto; padding:1px 4px; font-size:10px; border:1px solid var(--ct-border); border-radius:4px; font-family:inherit; color:var(--ct-muted); }
.ct-sidebar nav { overflow:auto; padding:8px 0; }
.ct-nav-label { font-size:10px; font-weight:600; letter-spacing:.08em; color:var(--ct-faint); padding:22px 12px 8px; }
.ct-sidebar nav a, .ct-sidebar-bottom > a { min-height:37px; padding:8px 12px; display:flex; align-items:center; gap:10px; margin:2px 0; border-radius:7px; font-size:12px; font-weight:500; color:#525252; transition:background 120ms,color 120ms; }
.ct-sidebar nav a:hover, .ct-sidebar-bottom > a:hover { background:var(--ct-subtle); color:var(--ct-text); }
.ct-sidebar nav a[aria-current=page] { background:var(--ct-primary-soft); color:var(--ct-primary); font-weight:600; }
.ct-nav-count { margin-left:auto; font-size:10px; background:#f5f5f5; padding:0 5px; border:1px solid var(--ct-border); border-radius:4px; }
.ct-sidebar-bottom { margin-top:auto; padding-top:20px; }
.ct-profile { display:flex; gap:10px; padding:16px 10px 0; margin-top:16px; border-top:1px dashed var(--ct-border); }
.ct-main { margin-inline-start:238px; min-width:0; }
.ct-topbar { height:66px; padding:0 36px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--ct-border); background:rgba(255,255,255,.9); }
.ct-breadcrumb { display:flex; align-items:center; gap:12px; font-size:12px; color:#525252; }
.ct-breadcrumb span { color:var(--ct-muted); }
.ct-breadcrumb span[aria-hidden=true] { color:#b8b8b8; }
.ct-topbar-tools { display:flex; align-items:center; gap:20px; }
.ct-topbar-tools > button, .ct-topbar-tools .ct-language-trigger { position:relative; color:#737373; padding:4px; }
.ct-demo-label { color:var(--ct-muted); font-size:10px; border:1px dashed var(--ct-border-strong); padding:3px 7px; border-radius:4px; }
.ct-unread-dot { position:absolute; right:4px; top:3px; width:5px; height:5px; border-radius:50%; background:var(--ct-primary); }
.ct-content { max-width:1600px; margin:auto; padding:38px 36px 100px; }
.ct-page-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:30px; }
:is(.ct-prototype,.ct-product) h1 { font-size:24px; line-height:32px; font-weight:600; letter-spacing:-.03em; margin:0; overflow-wrap:anywhere; }
.ct-page-heading p:not(.ct-eyebrow) { color:var(--ct-muted); font-size:13px; margin:7px 0 0; }
.ct-eyebrow { font-family:'CTrial Mono',monospace; font-size:9px; letter-spacing:.04em; color:var(--ct-muted); margin:0 0 8px; }
.ct-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:38px; padding:8px 14px; border-radius:7px; border:1px solid var(--ct-border); font-size:12px; font-weight:600; background:white; color:var(--ct-text); transition:background 120ms,transform 80ms; white-space:nowrap; }
.ct-button:active { transform:translateY(1px); }
.ct-button-primary { background:var(--ct-primary); border-color:var(--ct-primary); color:white; box-shadow:inset 0 1px 0 #ffffff18; }
.ct-button-primary:hover { background:#065f46; }
.ct-summary-strip { display:grid; grid-template-columns:repeat(4,1fr); padding:22px 0; border-top:1px dashed var(--ct-border-strong); border-bottom:1px dashed var(--ct-border-strong); margin-bottom:32px; }
.ct-summary-strip > div { display:flex; flex-direction:column; padding:0 22px; gap:8px; border-left:1px dashed var(--ct-border); }
.ct-summary-strip > div:first-child { border-left:none; padding-left:0; }
.ct-summary-strip > div:last-child { padding-right:0; }
.ct-summary-strip > div > span { font-size:11px; color:var(--ct-muted); }
.ct-summary-strip strong { display:flex; align-items:baseline; gap:9px; font-size:25px; line-height:36px; font-weight:600; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.ct-summary-strip small { font-size:10px; font-weight:400; letter-spacing:-.015em; color:var(--ct-muted); }
.ct-summary-strip .ct-metric-caption { font-size:10px; }
.ct-primary-text { color:var(--ct-primary)!important; }
.ct-warning-text { color:var(--ct-warning)!important; }
.ct-muted { color:var(--ct-muted); }
.ct-home-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr); gap:22px; }
.ct-panel { background:white; border:1px solid var(--ct-border); border-radius:var(--ct-radius); min-width:0; overflow:hidden; }
.ct-panel-heading { display:flex; align-items:center; justify-content:space-between; padding:20px 22px; gap:12px; border-bottom:1px dashed var(--ct-border); }
:is(.ct-prototype,.ct-product) h2 { font-size:14px; line-height:22px; font-weight:600; letter-spacing:-.025em; margin:0; }
.ct-panel-heading p { font-size:11px; color:var(--ct-muted); margin:4px 0 0; }
.ct-panel-heading > a { display:flex; align-items:center; gap:5px; font-size:11px; color:var(--ct-muted); white-space:nowrap; }
.ct-panel-heading > a .ct-icon { width:13px; height:13px; }
.ct-counter { margin-left:5px; padding:1px 5px; background:#f7f7f7; border:1px solid var(--ct-border); border-radius:4px; font-size:10px; font-weight:500; }
.ct-work-item { display:flex; align-items:center; gap:14px; padding:20px 22px; border-bottom:1px solid #f1f1f1; transition:background 120ms; }
.ct-work-item:last-child { border-bottom:0; }
.ct-work-item:hover { background:var(--ct-control); }
.ct-work-item > div { flex:1; min-width:0; }
.ct-work-item strong { font-size:12px; font-weight:600; }
.ct-work-item p { margin:4px 0 2px; font-size:11px; color:var(--ct-muted); }
.ct-work-item small { font-size:10px; color:var(--ct-muted); }
.ct-work-icon { width:35px; height:35px; display:flex; align-items:center; justify-content:center; border-radius:9px; background:#fafafa; color:#737373; border:1px solid var(--ct-border); }
.ct-work-icon[data-tone=warning] { color:var(--ct-warning); background:#fffdf3; border-color:#f2e9d3; }
.ct-work-icon[data-tone=primary] { color:var(--ct-primary); background:var(--ct-primary-soft); border-color:#d1fae5; }
.ct-live-indicator { font-size:10px; display:flex; align-items:center; gap:5px; color:var(--ct-primary); white-space:nowrap; }
.ct-live-indicator::before { content:''; width:5px; height:5px; background:currentColor; border-radius:50%; }
.ct-agent-activity { display:flex; gap:12px; margin:24px 22px; }
.ct-agent-activity > div:last-child { flex:1; min-width:0; }
.ct-agent-activity strong { font-size:12px; font-weight:600; }
.ct-agent-activity p { color:var(--ct-muted); font-size:11px; margin:3px 0 12px; }
.ct-agent-activity small { font-size:10px; color:var(--ct-muted); }
.ct-agent-symbol { color:#525252; margin-top:2px; }
.ct-progress { background:#f1f1f1; height:4px; border-radius:2px; margin-bottom:7px; overflow:hidden; }
.ct-progress > span { display:block; height:100%; background:var(--ct-progress-fill); width:var(--progress); border-radius:2px; }
.ct-panel-note { display:flex; align-items:flex-start; gap:10px; margin:22px; padding:12px; border:1px dashed var(--ct-border); border-radius:7px; color:var(--ct-muted); background:#fafafa; }
.ct-panel-note p { font-size:10px; line-height:17px; margin:0; }
.ct-panel-note .ct-icon { width:14px; height:14px; margin-top:2px; }
.ct-panel-footer-link { display:flex; justify-content:space-between; align-items:center; padding:14px 22px; border-top:1px solid var(--ct-border); font-size:11px; color:#525252; }
.ct-pipeline { margin-top:24px; }
.ct-pipeline .ct-muted { font-size:11px; }
.ct-pipeline-steps { display:grid; grid-template-columns:repeat(5,1fr); padding:24px 22px; gap:24px; }
.ct-pipeline-steps a { display:flex; flex-direction:column; gap:9px; }
.ct-pipeline-steps span { font-size:11px; color:var(--ct-muted); }
.ct-pipeline-steps strong { font-size:24px; font-weight:500; letter-spacing:-.03em; }
.ct-pipeline-rule { height:3px; width:100%; background:#e5e5e5; border-radius:4px; }
.ct-pipeline-steps a:last-child .ct-pipeline-rule { background:#059669; }
.ct-prototype-switcher { position:fixed; bottom:18px; left:calc(50% + 119px); transform:translateX(-50%); display:flex; align-items:center; gap:12px; padding:7px 12px; background:#262626; border:1px solid #404040; border-radius:10px; box-shadow:0 4px 12px #00000015; z-index:40; color:#fff; white-space:nowrap; font-size:10px; }
:is(.ct-prototype-body,.ct-product):has(.fi-modal-open) .ct-prototype-switcher { visibility:hidden; pointer-events:none; }
.ct-prototype-badge { color:#a3a3a3; border-right:1px solid #525252; padding-right:12px; }
.ct-prototype-switcher strong { font-weight:500; }
.ct-prototype-switcher a { display:flex; align-items:center; min-height:26px; color:#d4d4d4; }
.ct-prototype-switcher .ct-icon { width:14px; height:14px; }
@media(max-width:1200px) { .ct-content { padding:28px 24px 100px; } .ct-topbar { padding:0 24px; } .ct-summary-strip strong { font-size:22px; flex-wrap:wrap; gap:4px; } .ct-summary-strip small { display:block; width:100%; } .ct-home-grid { grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr); gap:16px; } }
@media(max-width:960px) { .ct-sidebar { width:206px; padding-inline:12px; } .ct-main { margin-inline-start:206px; } .ct-home-grid { grid-template-columns:1fr; } .ct-prototype-switcher { left:calc(50% + 103px); } .ct-page-heading { align-items:flex-start; } .ct-summary-strip { grid-template-columns:repeat(2,1fr); row-gap:24px; } .ct-summary-strip > div:nth-child(3) { padding-left:0; border-left:0; } }
@media(max-width:700px) { .ct-sidebar { display:none; } .ct-main { margin-inline-start:0; } .ct-content { padding:24px 16px 110px; } .ct-topbar { height:56px; padding-inline:16px; } :is(.ct-prototype,.ct-product) h1 { font-size:24px; } .ct-page-heading { flex-wrap:wrap; gap:16px; } .ct-prototype-switcher { left:50%; max-width:calc(100vw - 24px); gap:8px; } .ct-prototype-badge { display:none; } .ct-pipeline-steps { grid-template-columns:1fr; gap:0; } .ct-pipeline-steps a { flex-direction:row; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px dashed var(--ct-border); } .ct-pipeline-rule { display:none; } .ct-panel-heading { padding:16px; } .ct-work-item { padding:18px 16px; } }
@media(prefers-reduced-motion:reduce) { :is(.ct-prototype,.ct-product) *, :is(.ct-prototype,.ct-product) *::before, :is(.ct-prototype,.ct-product) *::after { animation-duration:0s!important; transition-duration:0s!important; scroll-behavior:auto!important; } }
.ct-brand-row { display:flex; align-items:center; justify-content:space-between; }
.ct-mobile-menu { display:none; }
.ct-nav-section-toggle { display:flex; align-items:center; justify-content:space-between; padding:18px 12px 6px; width:100%; font-size:10px; font-weight:600; color:var(--ct-muted); letter-spacing:.07em; text-transform:uppercase; }
.ct-nav-section-toggle .ct-icon { width:12px; height:12px; transition:transform 120ms; }
.ct-nav-section-toggle .ct-chevron-closed { transform:rotate(-90deg); }
.ct-sidebar nav a, .ct-sidebar-bottom > a { font-size:13px; }
.ct-sidebar-bottom { padding-top:10px; }
.ct-mobile-backdrop { display:none; }
.ct-feedback { display:flex; align-items:center; gap:10px; border:1px solid #a7f3d0; background:var(--ct-primary-soft); color:var(--ct-primary); border-radius:8px; padding:12px 16px; margin-bottom:20px; font-size:13px; }
.ct-header-navigation { min-height:72px; display:flex; align-items:center; gap:12px; padding:12px 32px; border-bottom:1px solid var(--ct-border); background:white; }
.ct-header-brand { display:flex; flex:none; align-items:center; padding-inline:8px; white-space:nowrap; }
.ct-header-brand img { width:94px; height:34px; object-fit:contain; }
.ct-header-brand strong { font-size:12px; font-weight:500; }
.ct-header-brand > .ct-icon { width:12px; }
.ct-header-brand-divider { flex:none; height:22px; border-inline-start:1px solid var(--ct-border); transform:rotate(20deg); }
.ct-header-navigation nav { display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; justify-content:flex-start; gap:4px; }
.ct-top-navigation-trigger { display:flex; align-items:center; gap:6px; padding:9px 8px; white-space:nowrap; font-size:12px; font-weight:500; border-radius:7px; color:#525252; }
.ct-top-navigation-trigger > .ct-icon { width:12px; }
.ct-top-navigation-trigger:hover { background:var(--ct-subtle); }
.ct-top-navigation-trigger.ct-current { color:var(--ct-primary); background:var(--ct-primary-soft); }
.ct-header-command { display:flex; gap:6px; align-items:center; color:var(--ct-muted); }
:is(.ct-prototype,.ct-product)[data-variant=header] > .ct-sidebar { display:none; }
:is(.ct-prototype,.ct-product)[data-variant=header] > .ct-main { margin-inline-start:0; }
:is(.ct-prototype,.ct-product)[data-variant=header] .ct-topbar { padding-inline:max(36px,calc((100vw - 1460px)/2)); height:53px; }
:is(.ct-prototype,.ct-product)[data-variant=header] .ct-content { max-width:1460px; }
:is(.ct-prototype,.ct-product)[data-variant=header] .ct-prototype-switcher { left:50%; }
.ct-record-context { display:flex; flex-wrap:wrap; gap:32px; padding:20px 0; margin:-6px 0 26px; border-block:1px dashed var(--ct-border); }
.ct-record-context > div { display:flex; flex-direction:column; gap:6px; }
.ct-record-context[data-shared-context] > div { min-width:0; max-width:100%; }
.ct-record-context[data-shared-context] :is(dt,dd) { overflow-wrap:anywhere; }
.ct-record-context span,.ct-record-context[data-shared-context] dt { color:var(--ct-muted); font-size:11px; }
.ct-record-context strong,.ct-record-context[data-shared-context] dd { display:flex; gap:6px; align-items:center; font-size:13px; font-weight:500; font-variant-numeric:tabular-nums; }
.ct-record-context .ct-icon { width:16px; height:16px; }
.ct-local-tabs { display:flex; align-items:center; gap:4px; width:fit-content; max-width:100%; overflow:auto; padding:4px; background:#f3f3f3; border:1px solid var(--ct-border); border-radius:8px; margin:0 0 24px; }
.ct-local-tabs :is(a,button) { padding:7px 12px; font-size:12px; font-weight:500; color:var(--ct-muted); white-space:nowrap; border-radius:5px; }
.ct-local-tabs :is(a,button):hover { color:var(--ct-text); }
.ct-local-tabs :is(a,button)[aria-current=page] { background:white; color:var(--ct-text); box-shadow:0 1px 2px #0000000a; }
.ct-record-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr); gap:24px; }
.ct-detail-padding { padding:24px; }
.ct-key-values { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.ct-key-values dt { color:var(--ct-muted); font-size:12px; margin-bottom:6px; }
.ct-key-values dd { font-size:14px; font-weight:500; overflow-wrap:anywhere; }
.ct-context-person { display:flex; align-items:center; gap:10px; }
.ct-context-person strong { font-size:13px; font-weight:500; }
.ct-context-person p { color:var(--ct-muted); font-size:11px; }
.ct-context-note { display:flex; align-items:flex-start; gap:10px; margin-top:24px; color:var(--ct-muted); }
.ct-context-note p { font-size:12px; line-height:20px; margin:0; }
.ct-context-note .ct-icon { width:16px; margin-top:2px; }
.ct-related-links { display:flex; flex-direction:column; }
.ct-related-links > div { display:flex; gap:12px; align-items:center; padding:20px 24px; border-bottom:1px solid var(--ct-border); }
.ct-related-links strong { font-size:13px; font-weight:500; }
.ct-related-links p { margin:24px; color:var(--ct-muted); }
.ct-timeline > div { position:relative; padding-block:0 32px; padding-inline:26px 0; border-inline-start:1px solid var(--ct-border); margin-inline-start:5px; }
.ct-timeline > div:last-child { padding-bottom:0; border-inline-start-color:transparent; }
.ct-timeline-dot { position:absolute; inset-inline-start:-4px; top:4px; width:7px; height:7px; border:1px solid var(--ct-border-strong); background:white; border-radius:50%; }
.ct-timeline small { display:block; color:var(--ct-muted); font-size:11px; margin-bottom:6px; }
.ct-timeline strong { font-size:13px; font-weight:600; }
.ct-timeline p { font-size:12px; color:var(--ct-muted); margin-top:5px; }
.ct-native-table { min-width:0; }
:is(.ct-prototype-body,.ct-product) .ct-evidence-source { display:flex; gap:12px; align-items:center; margin-bottom:20px; }
:is(.ct-prototype-body,.ct-product) .ct-evidence-source strong { font-size:14px; font-weight:600; }
:is(.ct-prototype-body,.ct-product) .ct-evidence-source p { color:var(--ct-muted); font-size:12px; margin-top:4px; }
:is(.ct-prototype-body,.ct-product) .ct-evidence .ct-icon { width:20px; height:20px; flex-shrink:0; }
:is(.ct-prototype-body,.ct-product) .ct-document-paper { background:#fff; border:1px solid var(--ct-border); padding:32px; border-radius:8px; }
:is(.ct-prototype-body,.ct-product) .ct-document-paper small { color:var(--ct-muted); font-size:9px; letter-spacing:.05em; }
:is(.ct-prototype-body,.ct-product) .ct-document-paper h3 { font-size:18px; font-weight:600; margin:24px 0; }
:is(.ct-prototype-body,.ct-product) .ct-document-paper p, :is(.ct-prototype-body,.ct-product) .ct-document-paper blockquote { font-size:14px; line-height:24px; margin:18px 0; }
:is(.ct-prototype-body,.ct-product) .ct-document-paper blockquote { border-left:1px solid var(--ct-primary); padding:12px 16px; background:var(--ct-primary-soft); }
@media(max-width:1200px) { .ct-header-navigation { padding-inline:24px; } }
@media(max-width:900px) { .ct-record-grid { grid-template-columns:1fr; } .ct-record-context { gap:20px; } }
/* Keep mobile controls, backdrop and navigation below native Filament dialogs (40). */
@media(max-width:700px) { .ct-mobile-menu { display:inline-flex; } .ct-sidebar.ct-mobile-open, :is(.ct-prototype,.ct-product)[data-variant=header] > .ct-sidebar.ct-mobile-open { display:flex; width:260px; z-index:35; } .ct-mobile-backdrop { display:block; position:fixed; inset:0; background:#17171750; z-index:30; } .ct-prototype-switcher { z-index:25; } .ct-breadcrumb { gap:8px; overflow:hidden; } .ct-breadcrumb > strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100px; } .ct-topbar-tools { gap:12px; } .ct-topbar-tools .ct-demo-label { display:none; } .ct-header-navigation { padding:12px 16px; } .ct-header-navigation nav { display:none; } .ct-header-brand strong { font-size:10px; } .ct-header-brand { gap:6px; } .ct-header-brand-divider { margin:0 4px; } .ct-header-brand img { width:80px; } :is(.ct-prototype,.ct-product)[data-variant=header] .ct-topbar { padding-inline:16px; } .ct-record-context { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .ct-key-values { grid-template-columns:1fr; } }

:is(.ct-prototype-body,.ct-product) { --ct-primary:var(--primary-600,#059669); }
:is(.ct-prototype-body,.ct-product) .ct-icon { width:18px; height:18px; flex-shrink:0; }
:is(.ct-prototype-body,.ct-product) .ct-danger-text { color:var(--ct-danger); }
:is(.ct-prototype-body,.ct-product) .ct-visually-hidden { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); }
:is(.ct-prototype-body,.ct-product) .ct-button-warning { background:#a16207; border-color:#a16207; color:white; }
:is(.ct-prototype-body,.ct-product) .ct-mini-badge { display:inline-flex; align-items:center; padding:3px 6px; border:1px solid var(--ct-border); border-radius:4px; background:#fafafa; font-size:10px; font-weight:500; color:var(--ct-muted); white-space:nowrap; }
:is(.ct-prototype,.ct-product) .ct-relation-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.ct-relation-heading p { font-size:12px; color:var(--ct-muted); margin-top:4px; }
:is(.ct-prototype,.ct-product) .fi-ta-header-cell-label { font-family:'CTrial Inter',Inter,sans-serif; font-size:11px; font-weight:600; letter-spacing:.025em; }
:is(.ct-prototype,.ct-product) .ct-primary-action .fi-btn,
.ct-product :is(.fi-header-actions-ctn,.fi-ta-header-actions) .fi-btn:not(.fi-grouped-action) { min-height:38px; }
:is(.ct-prototype-body,.ct-product) .ct-inspector-section { margin:28px 0; padding-block:24px; border-block:1px dashed var(--ct-border); }
:is(.ct-prototype-body,.ct-product) .ct-inspector-section h3 { font-size:15px; font-weight:600; margin-bottom:12px; }
:is(.ct-prototype-body,.ct-product) .ct-inspector-section p { font-size:14px; line-height:23px; margin-top:12px; }
:is(.ct-prototype-body,.ct-product) .ct-item-inspector .ct-key-values { margin-bottom:24px; }
:is(.ct-prototype-body,.ct-product) .ct-command-search { display:flex; align-items:center; gap:12px; padding:0 0 18px; border-bottom:1px dashed var(--ct-border); }
:is(.ct-prototype-body,.ct-product) .ct-command-search input { flex:1; width:100%; padding:8px 0; border:none; background:none; outline:none; box-shadow:none; font-size:15px; }
:is(.ct-prototype-body,.ct-product) .ct-command-search kbd { font-size:10px; padding:3px 5px; border:1px solid var(--ct-border); border-radius:4px; color:var(--ct-muted); }
:is(.ct-prototype-body,.ct-product) .ct-command-results { max-height:420px; overflow:auto; padding-top:10px; }
:is(.ct-prototype-body,.ct-product) .ct-command-item { display:flex; align-items:center; gap:14px; padding:12px; border-radius:6px; }
:is(.ct-prototype-body,.ct-product) .ct-command-item:hover, :is(.ct-prototype-body,.ct-product) .ct-command-item:focus { background:var(--ct-subtle); outline:none; }
:is(.ct-prototype-body,.ct-product) .ct-command-item > span { flex:1; font-size:14px; font-weight:500; }
:is(.ct-prototype-body,.ct-product) .ct-command-item small { display:block; color:var(--ct-muted); font-size:11px; margin-top:2px; }
:is(.ct-prototype-body,.ct-product) .ct-text-button { font-size:12px; font-weight:500; color:var(--ct-primary); }
:is(.ct-prototype-body,.ct-product) .ct-notification { display:flex; align-items:flex-start; gap:12px; padding:22px 0; border-bottom:1px solid var(--ct-border); }
:is(.ct-prototype-body,.ct-product) .ct-notification > div { flex:1; }
:is(.ct-prototype-body,.ct-product) .ct-notification strong { font-size:14px; font-weight:600; }
:is(.ct-prototype-body,.ct-product) .ct-notification p { font-size:13px; line-height:21px; margin:6px 0 10px; color:var(--ct-muted); }
:is(.ct-prototype-body,.ct-product) .ct-notification small { font-size:11px; color:var(--ct-muted); }
:is(.ct-prototype-body,.ct-product) .ct-unread-indicator { width:5px; height:5px; background:var(--ct-primary); border-radius:50%; margin-top:6px; }
.ct-scenario-trigger { display:flex; gap:6px; align-items:center; min-height:26px; padding-left:10px; border-left:1px solid #525252; }
.ct-state-surface { display:flex; align-items:center; justify-content:center; flex-direction:column; padding:52px 24px; background:white; border:1px solid var(--ct-border); border-radius:10px; text-align:center; min-height:310px; }
.ct-state-surface > p { font-size:14px; color:var(--ct-muted); max-width:440px; margin:12px 0 22px; }
.ct-state-surface h2 { font-size:18px; }
.ct-state-surface > small { font-size:11px; color:var(--ct-muted); margin-top:16px; }
.ct-state-icon { width:48px; height:48px; border:1px solid var(--ct-border); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; color:var(--ct-muted); }
:is(.ct-prototype,.ct-product) .ct-state-icon .ct-icon { width:24px; height:24px; }
.ct-stale-banner { display:flex; align-items:center; gap:14px; background:#fffdf5; border:1px solid #e9dcb8; border-radius:8px; padding:16px; margin-bottom:22px; }
.ct-stale-banner > div { flex:1; }
.ct-stale-banner > .ct-icon { color:var(--ct-warning); }
.ct-stale-banner strong { font-size:13px; font-weight:600; }
.ct-stale-banner p { font-size:12px; line-height:20px; color:#78716c; margin:3px 0 0; }
.ct-skeleton { height:14px; border-radius:4px; background:linear-gradient(90deg,#f0f0f0 0%,#fafafa 50%,#f0f0f0 100%); background-size:200% 100%; animation:ct-prototype-loading 1.6s ease-in-out infinite; }
.ct-skeleton-title { width:160px; align-self:flex-start; margin-bottom:28px; }
.ct-skeleton-row { display:grid; width:100%; grid-template-columns:2fr 1fr 1fr; gap:40px; padding:24px 0; border-bottom:1px dashed var(--ct-border); }
@keyframes ct-prototype-loading { to { background-position:-200% 0; } }
.ct-form-workspace, .ct-settings-layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:32px; align-items:start; }
.ct-form-workspace > form, .ct-settings-layout > form { min-width:0; }
.ct-form-context { padding:12px 0; }
.ct-form-context h2 { font-size:15px; line-height:24px; margin:16px 0 10px; }
.ct-form-context p, .ct-form-context li { font-size:12px; line-height:21px; color:var(--ct-muted); }
.ct-form-context ol { padding-left:18px; list-style:decimal; margin:20px 0; }
.ct-form-context li + li { margin-top:10px; }
.ct-form-footer { display:flex; align-items:center; justify-content:flex-end; gap:10px; padding:24px 0; }
:is(.ct-prototype-body,.ct-product) .ct-upload { border:1px dashed var(--ct-border-strong); border-radius:8px; padding:20px; background:#fdfdfd; transition:background 120ms,border-color 120ms; }
:is(.ct-prototype-body,.ct-product) .ct-upload-dragging { background:var(--ct-primary-soft); border-color:var(--ct-primary); }
:is(.ct-prototype-body,.ct-product) .ct-upload-target { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:12px 8px; width:100%; cursor:pointer; }
:is(.ct-prototype-body,.ct-product) .ct-upload-icon { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border:1px solid var(--ct-border); background:white; border-radius:9px; margin-bottom:4px; }
:is(.ct-prototype-body,.ct-product) .ct-upload-target strong { font-size:13px; font-weight:500; }
:is(.ct-prototype-body,.ct-product) .ct-upload-target > span:last-child { font-size:11px; color:var(--ct-muted); text-align:center; }
:is(.ct-prototype-body,.ct-product) .ct-upload-prototype-note { display:block; font-size:10px; color:var(--ct-muted); text-align:center; margin-top:14px; }
:is(.ct-prototype-body,.ct-product) .ct-upload-file { display:flex; align-items:center; gap:10px; padding:12px; margin-top:10px; background:white; border:1px solid var(--ct-border); border-radius:6px; font-size:12px; }
:is(.ct-prototype-body,.ct-product) .ct-upload-file > span { flex:1; word-break:break-all; }
:is(.ct-prototype-body,.ct-product) .ct-upload-file small { color:var(--ct-muted); }
.ct-review-workspace { display:grid; grid-template-columns:200px minmax(0,1fr) 210px; gap:22px; align-items:start; }
.ct-review-queue { border:1px solid var(--ct-border); border-radius:8px; background:white; overflow:hidden; }
.ct-review-queue-heading { display:flex; justify-content:space-between; padding:16px; border-bottom:1px dashed var(--ct-border); }
.ct-review-queue-item { display:flex; flex-direction:column; text-align:left; align-items:flex-start; width:100%; padding:16px 14px; gap:5px; border-bottom:1px solid var(--ct-border); border-left:1px solid transparent; }
.ct-review-queue-item.ct-selected { background:var(--ct-primary-soft); border-left-color:var(--ct-primary); }
.ct-review-queue-item:hover { background:#fafafa; }
.ct-review-queue-item strong { font-size:12px; font-weight:600; }
.ct-review-queue-item small, .ct-review-queue-item > span { font-size:10px; color:var(--ct-muted); }
.ct-review-center { display:flex; flex-direction:column; gap:22px; min-width:0; }
.ct-source-name { font-size:20px; font-weight:500; letter-spacing:-.03em; }
.ct-source-meta { display:flex; flex-wrap:wrap; gap:12px; font-size:10px; color:var(--ct-muted); margin-top:8px; }
.ct-source-quote { font-size:14px; line-height:24px; padding:14px 16px; margin:24px 0 0; border-left:2px solid var(--ct-border-strong); background:#fafafa; }
.ct-evidence-rail { padding-top:6px; }
.ct-catalog-reference-intake { display:grid; gap:24px; min-width:0; }
.ct-catalog-reference-intake > .fi-section { padding:0; }
.ct-catalog-reference-intake > .fi-section > .fi-section-header { padding:20px 24px; }
.ct-catalog-reference-intake > .fi-section > .fi-section-content-ctn > .fi-section-content { padding:24px; }
@media(max-width:767px) { .ct-catalog-reference-intake > .fi-section > .fi-section-header,.ct-catalog-reference-intake > .fi-section > .fi-section-content-ctn > .fi-section-content { padding:16px; } }
.ct-catalog-context > h2 { margin-bottom:16px; }
.ct-catalog-context .fi-tabs { width:100%; }
.ct-catalog-context .fi-tabs-item { padding-inline:8px; font-size:11px; }
.ct-catalog-decision-notes > p,.ct-catalog-decision-notes .ct-evidence-note p { color:var(--ct-muted); font-size:12px; line-height:21px; }
.ct-evidence-rail > p, .ct-evidence-note p { font-size:12px; line-height:21px; color:var(--ct-muted); margin-top:10px; }
.ct-evidence-note { padding-top:24px; margin-top:24px; border-top:1px dashed var(--ct-border); }
.ct-evidence-note strong { display:block; font-size:12px; font-weight:600; margin-top:12px; }
.ct-evidence-note .ct-icon { color:var(--ct-muted); }
.ct-candidate { display:flex; align-items:flex-start; gap:14px; padding:0 0 20px; }
.ct-candidate + .ct-candidate { padding:20px 0 0; border-top:1px dashed var(--ct-border); }
.ct-candidate > div { flex:1; }
.ct-candidate strong { font-size:13px; font-weight:600; }
.ct-candidate p { font-size:12px; margin-top:5px; color:var(--ct-muted); }
.ct-candidate small { display:block; font-size:11px; line-height:18px; margin-top:10px; color:var(--ct-muted); }
.ct-agent-workspace { display:grid; grid-template-columns:minmax(300px,1fr) minmax(0,1.5fr); gap:24px; align-items:start; }
.ct-agent-row { display:flex; align-items:center; gap:14px; width:100%; text-align:left; padding:22px; border-bottom:1px solid var(--ct-border); }
.ct-agent-row:last-child { border-bottom:none; }
.ct-agent-row > div { flex:1; }
.ct-agent-row strong { font-size:13px; font-weight:600; }
.ct-agent-row p { font-size:12px; color:var(--ct-muted); margin:5px 0; }
.ct-agent-row small { font-size:11px; color:var(--ct-muted); }
.ct-agent-row.ct-selected { background:#fafcfb; }
.ct-run-steps > div { display:grid; grid-template-columns:24px 1fr; gap:4px 10px; padding:14px 0; border-bottom:1px dashed var(--ct-border); }
.ct-run-steps .ct-icon { grid-row:span 2; color:var(--ct-muted); }
.ct-run-steps .ct-complete .ct-icon { color:var(--ct-primary); }
.ct-run-steps span { font-size:13px; font-weight:500; }
.ct-run-steps small { font-size:11px; color:var(--ct-muted); }
.ct-run-status { padding-top:28px; }
.ct-run-status > p { font-size:13px; line-height:22px; color:var(--ct-muted); margin:12px 0 20px; }
.ct-run-status > small { display:block; color:var(--ct-muted); font-size:12px; line-height:20px; }
.ct-run-status h3 { font-size:16px; font-weight:600; margin-top:16px; }
.ct-inline-feedback { font-size:12px; color:var(--ct-primary); margin-top:20px; }
:is(.ct-prototype-body,.ct-product) .ct-confirmation-footer { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ct-system-layout { display:grid; grid-template-columns:155px minmax(0,1fr); gap:30px; align-items:start; }
.ct-system-nav { display:flex; flex-direction:column; gap:3px; position:sticky; top:24px; }
.ct-system-nav a { font-size:12px; color:var(--ct-muted); padding:8px 10px; border-radius:6px; }
.ct-system-nav a:hover { color:var(--ct-text); background:#f0f0f0; }
.ct-system-sections { display:flex; flex-direction:column; gap:28px; min-width:0; }
.ct-system-sections > section { scroll-margin-top:24px; }
.ct-swatches { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 18px; }
.ct-swatch { display:flex; flex-direction:column; align-items:flex-start; text-align:left; }
.ct-swatch > span { width:100%; height:55px; border:1px solid #0000000b; border-radius:7px; margin-bottom:10px; }
.ct-swatch strong { font-size:12px; font-weight:600; }
.ct-swatch small { font-size:10px; color:var(--ct-muted); margin-top:3px; }
.ct-swatch code { font-family:'CTrial Mono',monospace; font-size:9px; color:var(--ct-muted); margin-top:8px; }
.ct-system-principle { display:flex; align-items:flex-start; gap:12px; margin-top:28px; padding:18px; background:#fafafa; border:1px dashed var(--ct-border); border-radius:7px; }
.ct-system-principle p { font-size:12px; color:var(--ct-muted); line-height:21px; margin:0; }
.ct-system-principle strong { display:block; font-weight:600; color:var(--ct-text); margin-bottom:4px; }
.ct-token-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; margin-top:28px; }
.ct-token-grid strong { font-size:12px; font-weight:600; }
.ct-token-grid p { font-size:14px; margin:8px 0; }
.ct-token-grid small { font-size:11px; line-height:18px; color:var(--ct-muted); }
.ct-type-specimens > div { display:grid; grid-template-columns:170px minmax(0,1fr); gap:20px; align-items:center; padding:20px 24px; border-bottom:1px solid var(--ct-border); }
.ct-type-specimens > div > span { font-size:11px; font-weight:500; }
.ct-type-specimens small { display:block; font-size:10px; font-weight:400; color:var(--ct-muted); margin-top:5px; }
.ct-type-specimens p { margin:0; }
.ct-type-page { font-size:24px; line-height:32px; font-weight:600; letter-spacing:-.04em; }
.ct-type-section { font-size:14px; line-height:20px; font-weight:600; }
.ct-type-dialog { font-size:16px; line-height:24px; font-weight:600; }
.ct-type-body { font-size:14px; line-height:20px; font-weight:400; }
.ct-type-label { font-size:14px; line-height:20px; font-weight:500; }
.ct-type-meta { font-size:12px; line-height:16px; font-weight:400; color:var(--ct-muted); }
.ct-type-tooltip { font-size:12px; line-height:16px; font-weight:600; letter-spacing:-.01em; }
.ct-type-code { font-size:12px; line-height:18px; font-family:'CTrial Mono',monospace; }
.ct-type-money { font-size:20px; font-variant-numeric:tabular-nums; font-weight:500; }
.ct-prose p { font-size:13px; line-height:23px; color:var(--ct-muted); }
.ct-prose p + p { margin-top:12px; }
.ct-button-specimens { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.ct-run-status .ct-button-specimens { margin-top:22px; }
.ct-component-caption { font-size:12px; line-height:21px; color:var(--ct-muted); margin:20px 0; }
.ct-semantic-order { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--ct-border); border-radius:8px; margin-top:24px; overflow:hidden; }
.ct-semantic-order > div { display:flex; align-items:center; gap:10px; padding:16px; border-right:1px dashed var(--ct-border); border-bottom:1px dashed var(--ct-border); }
.ct-semantic-order strong { font-size:11px; font-weight:500; }
.ct-semantic-order small { margin-left:auto; font-family:'CTrial Mono',monospace; font-size:9px; color:var(--ct-muted); }
.ct-inline-link { display:inline-flex; align-items:center; gap:8px; font-size:12px; color:var(--ct-primary); margin-top:20px; }
.ct-pattern-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.ct-pattern-links a { border:1px solid var(--ct-border); border-radius:8px; padding:20px; transition:background 120ms,border-color 120ms; }
.ct-pattern-links a:hover { background:#fafcfb; border-color:#c0d2ca; }
.ct-pattern-links strong { display:block; margin-top:12px; font-size:13px; font-weight:600; }
.ct-pattern-links p { margin-top:6px; font-size:12px; line-height:20px; color:var(--ct-muted); }
.ct-rules { list-style:disc; padding-left:18px; font-size:13px; line-height:23px; color:var(--ct-muted); }
.ct-rules li + li { margin-top:10px; }
.ct-pattern-links + .ct-rules { margin-top:24px; }
.ct-overlay-examples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:30px 0; }
.ct-overlay-examples h3 { font-size:13px; font-weight:600; }
.ct-overlay-examples p { font-size:12px; line-height:20px; color:var(--ct-muted); margin:8px 0 16px; }
.ct-help-trigger { display:flex; align-items:center; gap:6px; font-size:12px; color:#525252; }
:is(.ct-prototype-body,.ct-product) .ct-menu-secondary { display:block; font-size:12px; font-weight:400; color:var(--ct-muted); margin-top:3px; }
.ct-motion-specs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; border-top:1px dashed var(--ct-border); padding-top:24px; }
.ct-motion-specs strong { font-size:12px; font-weight:600; }
.ct-motion-specs span, .ct-motion-specs small { display:block; font-size:11px; color:var(--ct-muted); margin-top:5px; }
.ct-state-specimens { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ct-state-specimens a { padding:18px; border:1px solid var(--ct-border); border-radius:8px; }
.ct-state-specimens strong { font-size:13px; font-weight:600; }
.ct-state-specimens p { font-size:12px; line-height:20px; color:var(--ct-muted); margin:6px 0 16px; }
.ct-state-specimens span { display:flex; align-items:center; gap:6px; font-size:11px; color:var(--ct-primary); }
.ct-state-specimens .ct-icon { width:13px; height:13px; }
.ct-coverage-patterns { grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:28px; }
.ct-coverage-search { display:flex; align-items:center; gap:10px; max-width:440px; margin:28px 0; padding:10px 14px; border:1px solid var(--ct-border); background:white; border-radius:8px; }
.ct-coverage-search input { border:none; box-shadow:none; outline:none; font-size:13px; width:100%; background:none; }
.ct-coverage-section { margin-bottom:24px; }
.ct-coverage-item { padding:24px; border-bottom:1px solid var(--ct-border); }
.ct-coverage-item:last-child { border-bottom:none; }
.ct-coverage-item-heading { display:flex; align-items:center; gap:14px; }
.ct-coverage-item-heading > div:first-of-type { flex:1; }
.ct-coverage-item h3 { font-size:14px; font-weight:600; }
.ct-coverage-item p { font-size:12px; color:var(--ct-muted); line-height:20px; margin-top:4px; }
.ct-coverage-actions { display:flex; gap:8px; }
.ct-coverage-relations { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.ct-coverage-relations a { display:flex; align-items:center; gap:5px; padding:5px 8px; font-size:10px; background:#fafafa; border:1px solid var(--ct-border); border-radius:5px; color:#525252; }
.ct-coverage-relations .ct-icon { width:11px; height:11px; }
.ct-source-coverage { margin-top:14px; color:var(--ct-muted); }
.ct-source-coverage summary { cursor:pointer; font-size:10px; }
.ct-source-coverage > div { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; padding:14px; border:1px dashed var(--ct-border); border-radius:6px; }
.ct-source-coverage code { font-family:'CTrial Mono',monospace; width:100%; font-size:10px; }
.ct-source-coverage span { font-size:10px; }
.ct-source-coverage p { font-size:11px; }
.ct-coverage-footnotes { padding:24px; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.ct-coverage-footnotes p { font-size:12px; line-height:21px; color:var(--ct-muted); }
.ct-coverage-footnotes strong { font-weight:600; color:var(--ct-text); }
@media(max-width:1250px) { .ct-review-workspace { grid-template-columns:180px minmax(0,1fr); } .ct-evidence-rail { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:20px; } .ct-evidence-rail > h2, .ct-evidence-rail > p { grid-column:1/-1; } .ct-evidence-note { margin-top:0; } .ct-system-layout { grid-template-columns:1fr; } .ct-system-nav { position:static; flex-direction:row; flex-wrap:wrap; gap:4px; } .ct-form-workspace,.ct-settings-layout { grid-template-columns:minmax(0,1fr) 210px; gap:24px; } }
@media(max-width:1000px) { .ct-agent-workspace { grid-template-columns:1fr; } .ct-form-workspace,.ct-settings-layout { grid-template-columns:1fr; } .ct-form-context { padding:20px; border:1px dashed var(--ct-border); border-radius:8px; } .ct-coverage-patterns { grid-template-columns:1fr 1fr; } .ct-overlay-examples { grid-template-columns:1fr; } .ct-coverage-item-heading { flex-wrap:wrap; } .ct-coverage-actions { width:100%; padding-left:49px; } }
@media(max-width:700px) { .ct-review-workspace { grid-template-columns:1fr; } .ct-review-queue { display:none; } .ct-evidence-rail { display:block; } .ct-evidence-note { margin-top:20px; } .ct-type-specimens > div { grid-template-columns:1fr; gap:12px; padding:20px; } .ct-type-specimens small { display:inline; margin-left:8px; } .ct-swatches { grid-template-columns:1fr 1fr; } .ct-detail-padding { padding:20px; } .ct-pattern-links,.ct-state-specimens,.ct-coverage-patterns,.ct-coverage-footnotes,.ct-token-grid,.ct-motion-specs { grid-template-columns:1fr; } .ct-semantic-order { grid-template-columns:1fr 1fr; } .ct-coverage-item { padding:18px; } .ct-candidate { flex-wrap:wrap; } .ct-candidate .ct-button { width:100%; } .ct-prototype-switcher { font-size:9px; gap:7px; } .ct-prototype-switcher > strong { max-width:100px; overflow:hidden; text-overflow:ellipsis; } .ct-prototype-switcher > a:nth-last-of-type(2) { display:none; } .ct-stale-banner { flex-wrap:wrap; } .ct-skeleton-row { gap:18px; } .ct-command-search { gap:8px; } .ct-agent-row { padding:16px; flex-wrap:wrap; } .ct-agent-row .ct-mini-badge { margin-left:49px; } }
@media(prefers-reduced-motion:reduce) { :is(.ct-prototype-body,.ct-product) .ct-skeleton { animation:none; } }

.ct-charts-grid,.ct-workspace-charts > .fi-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); align-items:start; gap:24px; }
.ct-charts-grid > div,.ct-chart-with-data { min-width:0; }
:is(.ct-charts-grid,.ct-workspace-charts) .fi-section { border:1px solid var(--ct-border); border-radius:var(--ct-radius); box-shadow:none; }
:is(.ct-charts-grid,.ct-workspace-charts) .fi-section-header { border-bottom:1px dashed var(--ct-border); }
.ct-completion-row { display:block; padding:16px 0; }
.ct-completion-row > div:first-child { display:flex; justify-content:space-between; margin-bottom:12px; font-size:13px; }
.ct-completion-row strong { font-weight:600; }
.ct-insight-bottom { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:24px; }
.ct-currency-balances { display:flex; gap:24px; justify-content:space-between; }
.ct-currency-balances span { display:block; font-size:12px; color:var(--ct-muted); }
.ct-currency-balances strong { display:block; font-size:20px; font-weight:500; font-variant-numeric:tabular-nums; margin:10px 0; }
.ct-currency-balances small { font-size:10px; color:var(--ct-muted); }
.ct-large-amount { font-size:30px; font-weight:500; font-variant-numeric:tabular-nums; letter-spacing:-.04em; }
.ct-large-amount small { color:var(--ct-muted); font-size:12px; }
@media(max-width:900px) { .ct-charts-grid,.ct-workspace-charts > .fi-grid,.ct-insight-bottom { grid-template-columns:1fr; } }
@media(max-width:450px) { .ct-currency-balances { flex-direction:column; gap:22px; } }

.ct-domain-panel { margin-bottom:24px; }
.ct-financial-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.ct-financial-summary dt { color:var(--ct-muted); font-size:12px; }
.ct-financial-summary dd { margin-top:8px; font-size:23px; font-weight:500; font-variant-numeric:tabular-nums; }
.ct-financial-summary dd span { font-size:12px; color:var(--ct-muted); }
.ct-coverage-meter { width:100%; height:8px; display:block; margin:24px 0; background:var(--ct-subtle); border:0; }
.ct-coverage-meter::-webkit-meter-bar { background:var(--ct-subtle); border:0; }
.ct-coverage-meter::-webkit-meter-optimum-value { background:var(--ct-progress-fill); }
.ct-coverage-meter::-moz-meter-bar { background:var(--ct-progress-fill); }
.ct-evidence-list > div { display:flex; align-items:center; gap:14px; padding:18px 0; border-bottom:1px dashed var(--ct-border); }
.ct-evidence-list > div:last-child { border-bottom:0; }
.ct-evidence-list > div > div { flex:1; min-width:0; }
.ct-evidence-list strong { font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.ct-evidence-list p { color:var(--ct-muted); font-size:12px; line-height:20px; margin-top:4px; }
.ct-evidence-list > div > span { font-size:13px; font-variant-numeric:tabular-nums; }
.ct-issuance-steps,.ct-evidence-comparison,.ct-correspondence-grid { display:grid; grid-template-columns:1fr 1fr; }
.ct-issuance-steps { gap:30px; padding-bottom:24px; border-bottom:1px dashed var(--ct-border); }
.ct-issuance-steps strong { display:block; font-size:14px; font-weight:600; margin-top:12px; }
.ct-issuance-steps p { color:var(--ct-muted); font-size:12px; line-height:20px; margin-top:6px; }
.ct-evidence-comparison > div,.ct-correspondence-grid > article { padding:24px; min-width:0; }
.ct-evidence-comparison > div + div,.ct-correspondence-grid > article + article { border-left:1px dashed var(--ct-border); }
.ct-domain-panel h3 { font-size:14px; font-weight:600; }
.ct-evidence-comparison p { font-size:13px; line-height:23px; color:var(--ct-muted); margin:12px 0; }
.ct-evidence-comparison blockquote { font-size:15px; line-height:26px; margin:20px 0; }
.ct-evidence-comparison .ct-source-reference { font-size:11px; }
.ct-evidence-comparison .ct-key-values { padding-top:10px; }
.ct-message-thread > h3 { margin-top:28px; }
.ct-message-thread > p,.ct-draft-preview > p { white-space:pre-wrap; font-size:14px; line-height:25px; margin:16px 0 24px; }
.ct-attachment { display:flex; flex-wrap:wrap; gap:8px; font-size:12px; color:var(--ct-muted); padding-top:18px; border-top:1px dashed var(--ct-border); }
.ct-attachment span { margin-left:auto; }
.ct-message-meta { display:flex; gap:12px; font-size:12px; padding-bottom:22px; color:var(--ct-muted); overflow-wrap:anywhere; }
.ct-message-meta strong { font-weight:500; color:var(--ct-text); }
@media(max-width:900px) { .ct-evidence-comparison,.ct-correspondence-grid { grid-template-columns:1fr; } .ct-evidence-comparison > div + div,.ct-correspondence-grid > article + article { border-left:0; border-top:1px dashed var(--ct-border); } }
@media(max-width:600px) { .ct-financial-summary,.ct-issuance-steps { grid-template-columns:1fr; } .ct-evidence-list > div { flex-wrap:wrap; } .ct-evidence-list > div > span { padding-left:32px; } }

.ct-content-preview { font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.ct-content-preview h1 { font-size:22px; line-height:30px; margin-bottom:18px; }
.ct-content-preview h2,.ct-content-preview h3 { margin:24px 0 12px; }
.ct-content-preview p { max-width:72ch; margin:12px 0; }
.ct-content-preview ul,.ct-content-preview ol { padding-left:22px; margin:16px 0; }
.ct-content-preview ul { list-style:disc; }
.ct-content-preview ol { list-style:decimal; }
:is(.ct-prototype-body,.ct-product) ::selection { color:#064e3b; background:#d1fae5; }
:is(.ct-prototype-body,.ct-product) :is(input,textarea) { caret-color:var(--ct-primary); }
:is(.ct-prototype-body,.ct-product) .ct-command-results { scrollbar-width:thin; scrollbar-color:var(--ct-border-strong) transparent; }
:is(.ct-prototype-body,.ct-product) :is(.fi-modal,.ct-record-authoring) .fi-section { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
:is(.ct-prototype-body,.ct-product) :is(.fi-modal,.ct-record-authoring) .fi-section-header { padding:0 0 12px; border-bottom:0; }
.ct-record-authoring .fi-section-header-heading { font-size:14px; line-height:24px; font-weight:500; letter-spacing:inherit; }
:is(.ct-prototype-body,.ct-product) :is(.fi-modal,.ct-record-authoring) .fi-section-content-ctn,
:is(.ct-prototype-body,.ct-product) :is(.fi-modal,.ct-record-authoring) .fi-section-content { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
:is(.ct-prototype-body,.ct-product) :is(.fi-modal,.ct-record-authoring) .fi-section:not(:first-child) { padding-top:20px; border-top:1px dashed #e5e5e5; }
:is(.ct-prototype-body,.ct-product) :is(.fi-modal,.ct-record-authoring) .fi-fo-markdown-editor .CodeMirror { min-height:180px; }
.ct-compare-toggle { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--ct-muted); cursor:pointer; white-space:nowrap; }
.ct-compare-toggle input { accent-color:var(--ct-primary); }
.ct-audit-diff { display:grid; grid-template-columns:1fr 1fr 1fr; margin-top:24px; border-block:1px dashed var(--ct-border); }
.ct-audit-diff > div { padding:20px 12px; }
.ct-audit-diff span { display:block; color:var(--ct-muted); font-size:12px; margin-bottom:8px; }
.ct-audit-diff :is(strong,p) { font-size:14px; font-weight:500; }
.ct-email-preview { padding:32px; }
.ct-email-preview article { max-width:560px; margin:auto; padding:32px; border:1px solid; border-radius:8px; font-size:14px; line-height:24px; }
.ct-email-preview h3 { margin:28px 0 16px; }
.ct-email-button { display:inline-block; padding:10px 16px; border-radius:6px; margin-top:24px; font-weight:600; }
.ct-email-preview footer { margin-top:32px; font-size:12px; }
.ct-delivery-timeline { margin-top:24px; }
.ct-command-empty { padding:24px 12px; font-size:14px; }
.ct-command-empty p { color:var(--ct-muted); margin-top:8px; }
.ct-mobile-source-queue { display:none; }
:is(.ct-prototype-body,.ct-product) button:disabled { cursor:not-allowed; opacity:.5; }
@media(max-width:700px) { .ct-mobile-source-queue { display:block; margin-bottom:20px; border:1px solid var(--ct-border); border-radius:8px; background:white; } .ct-mobile-source-queue summary { padding:14px; cursor:pointer; font-size:13px; font-weight:500; } .ct-mobile-source-queue .ct-review-queue-item { width:100%; } .ct-compare-toggle { white-space:normal; } .ct-email-preview { padding:16px; } .ct-email-preview article { padding:20px; } }
:is(.ct-prototype,.ct-product) .fi-section { background:white; }
:is(.ct-prototype,.ct-product) .fi-section-content-ctn { border:0; border-radius:0; box-shadow:none; }
:is(.ct-prototype,.ct-product) .fi-section-header { border-bottom:1px dashed var(--ct-border); }
/* A collapsed section shows only its header; its dashed divider would otherwise sit on the section's own bottom border. Specificity (0,5,0) outranks every family header rule in the later sheets. */
:is(.ct-prototype,.ct-prototype-body,.ct-product) .fi-section.fi-section-has-header.fi-collapsed > .fi-section-header { border-bottom:0; }

/* The reference control bar stays centered on the mirrored workspace canvas. */
html[dir=rtl] .ct-prototype[data-variant=sidebar] .ct-prototype-switcher { left:calc(50% - 119px); }
@media(max-width:960px) { html[dir=rtl] .ct-prototype[data-variant=sidebar] .ct-prototype-switcher { left:calc(50% - 103px); } }
@media(max-width:700px) { html[dir=rtl] .ct-prototype[data-variant=sidebar] .ct-prototype-switcher { left:50%; } }

.ct-prototype .ct-job-statistics-reference { margin-bottom:24px; }