/* Fictional company palettes are shared by their workspace and gallery card. */
[data-brand]{--accent:#245846;--secondary:#c28c35;--wash:#f1f4ed;--brand-ink:#20332b;--blue:var(--accent)}
[data-brand="manufacturing"]{--accent:#b54b1c;--secondary:#e5a334;--wash:#eceeed;--brand-ink:#292f35}
[data-brand="finance"]{--accent:#583657;--secondary:#bb9243;--wash:#f7f3f7;--brand-ink:#39263d}
[data-brand="inventory"]{--accent:#15556b;--secondary:#35a39a;--wash:#edf6f6;--brand-ink:#123a49}
[data-brand="dispatch"]{--accent:#246a9a;--secondary:#73c4db;--wash:#edf5fa;--brand-ink:#173c55}
[data-brand="inspection"]{--accent:#873c51;--secondary:#d2ad79;--wash:#faf3f2;--brand-ink:#542d3a}
[data-brand="pipeline"]{--accent:#a7532c;--secondary:#255755;--wash:#f8f1eb;--brand-ink:#45352b}
[data-brand="estimator"]{--accent:#424b60;--secondary:#d69b26;--wash:#f3f3f0;--brand-ink:#2c3444}
[data-brand="database"]{--accent:#9d4238;--secondary:#667248;--wash:#f6f4ed;--brand-ink:#42352f}
[data-brand="sql-health"]{--accent:#484d9c;--secondary:#3aadaa;--wash:#f0f2fa;--brand-ink:#292e5e}
.sample-brand-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:25px 0 16px}
.business-logo{width:260px;height:92px;object-fit:contain;background:white;border-radius:7px;padding:8px}
.sample-brand-row .eyebrow{font-size:.75rem;letter-spacing:.12em;text-align:right;margin:0}
[data-brand] .sample-heading{background:var(--brand-ink);border-bottom:6px solid var(--secondary)}
[data-brand] .sample-heading p,[data-brand] .sample-heading a{color:#f0eee8}
[data-brand] .sample-heading h1{max-width:100%;overflow-wrap:anywhere}
[data-brand] .sample-meta span{border-color:#ffffff50}
[data-brand] .sample-meta .category-label{background:white;color:var(--brand-ink);font-weight:700}
[data-kind="business"] .sample-heading{background:var(--wash);color:var(--brand-ink);border-top:6px solid var(--accent);border-bottom:1px solid #d9e0e3;padding:24px 0}
[data-kind="business"] .sample-heading p,[data-kind="business"] .sample-heading a{color:var(--brand-ink)}
[data-kind="business"] .sample-heading h1{font-size:clamp(1.9rem,3vw,2.6rem)}
[data-kind="business"] .sample-meta span{border-color:var(--accent)}
[data-kind="data"] .sample-heading{background:linear-gradient(100deg,var(--brand-ink),#161e29);border-bottom:3px solid var(--secondary)}
[data-kind="data"] .sample-heading h1{font-family:Consolas,monospace;font-weight:500}
[data-kind="data"] .sample-brand-row .eyebrow:before{content:'>_ ';color:var(--secondary);font-size:1.5rem}
[data-brand] .sample-area{background:var(--wash)}
[data-brand] .sample-kpi{border-top:3px solid var(--accent)}
[data-brand] .sample-kpi strong{color:var(--brand-ink)}
[data-brand] .chart-row .bar{background:var(--accent)}
[data-brand] .chart-row:nth-child(even) .bar{background:var(--secondary)}
[data-brand] .chart-row[aria-pressed=true]{color:var(--accent)}
[data-brand] .chart-row[aria-pressed=true] .bar{outline:2px solid var(--brand-ink);outline-offset:-2px}
[data-brand] .sample-table th{background:var(--wash);color:var(--brand-ink)}
[data-brand] .small-button,[data-brand] .sample-table button{color:var(--accent);border-color:var(--accent);background:white}
[data-brand] .board-column{background:var(--wash);border-top:4px solid var(--accent)}
[data-brand] .schema-table h3{background:var(--accent);color:white}
[data-brand] .sample-panel pre{background:var(--brand-ink);color:#f2f4f8}
.column-chart{display:flex;align-items:stretch;gap:18px;overflow-x:auto;padding:16px 0 4px}
.column-item{flex:1;min-width:65px;text-align:center;display:flex;flex-direction:column;gap:12px;font-size:.8rem}
.column-item strong{font-size:.73rem;white-space:nowrap}
.column-track{height:160px;border-bottom:1px solid #c7ccc7;display:flex;align-items:end;justify-content:center;background:repeating-linear-gradient(to top,transparent 0 39px,#d5d9d550 39px 40px)}
.column-track span{display:block;width:65%;min-height:2px;background:var(--accent);border-radius:4px 4px 0 0}
.column-item:nth-child(even) .column-track span{background:var(--secondary)}
.trend-chart{width:100%;height:auto;max-height:280px;color:var(--accent)}
.trend-grid{stroke:#d8cfd9;fill:none}.trend-area{fill:var(--accent);opacity:.09}.trend-line{fill:none;stroke:var(--accent);stroke-width:3}.trend-chart circle{fill:var(--secondary);stroke:white;stroke-width:2}.trend-chart text{font:13px Arial;fill:var(--brand-ink)}
.trend-values{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;font-size:.74rem}.trend-values strong{display:block;color:var(--accent);margin-top:4px}
/* Three report compositions: retail overview, factory control room, financial brief. */
@media(min-width:1100px){
 [data-demo="retail"] #demo-root{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}
 [data-demo="retail"] #demo-root>.sample-toolbar,[data-demo="retail"] #demo-root>.sample-context,[data-demo="retail"] #demo-root>.sample-kpis,[data-demo="retail"] #demo-root>.sample-panel:last-child{grid-column:1/-1;margin:0}
 [data-demo="retail"] #demo-root>.sample-grid{display:flex;flex-direction:column;gap:22px;margin:0}
 [data-demo="retail"] #demo-root>.sample-grid>.sample-panel{flex:1}
 [data-demo="retail"] #demo-root>.sample-panel{margin:0}
 [data-demo="retail"] .column-track{height:300px}
 [data-demo="manufacturing"] #demo-root{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}
 [data-demo="manufacturing"] .sample-toolbar{grid-column:1;grid-row:1/6;display:grid;background:var(--brand-ink);padding:22px;border-radius:6px;color:white;position:sticky;top:16px}
 [data-demo="manufacturing"] .sample-toolbar label{color:white}
 [data-demo="manufacturing"] #demo-root>:not(.sample-toolbar){grid-column:2;margin:0}
 [data-demo="finance"] #demo-root{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;align-items:start}
 [data-demo="finance"] #demo-root>.sample-toolbar,[data-demo="finance"] #demo-root>.sample-context,[data-demo="finance"] #demo-root>.sample-kpis,[data-demo="finance"] #demo-root>.sample-panel:last-child{grid-column:1/-1;margin:0}
 [data-demo="finance"] #demo-root>.sample-grid{display:flex;flex-direction:column-reverse;margin:0;gap:24px}
 [data-demo="finance"] #demo-root>.sample-panel{margin:0}
}
[data-demo="manufacturing"] .sample-panel,[data-demo="manufacturing"] .sample-kpi{border-radius:3px}
[data-demo="manufacturing"] .sample-kpi{background:var(--brand-ink);border-color:var(--secondary)}
[data-demo="manufacturing"] .sample-kpi strong{color:#ffc66e}
[data-demo="manufacturing"] .sample-kpi span,[data-demo="manufacturing"] .sample-kpi small{color:#eef0f2}
[data-demo="manufacturing"] .sample-panel h2{font-family:Consolas,monospace;text-transform:uppercase;font-size:1rem;letter-spacing:.035em}
[data-demo="finance"] .sample-heading h1{font-family:Georgia,serif;font-weight:400}
[data-demo="finance"] .sample-kpi{border:0;border-left:3px solid var(--secondary);border-radius:0;background:transparent}
[data-demo="finance"] .sample-kpi strong{font-family:Georgia,serif;font-weight:400}
[data-demo="finance"] #demo-root>.sample-panel:not(:last-child){background:#ede4ee;border-color:#d3c2d6;border-top:5px solid var(--accent)}
.gallery-art{height:160px;background:var(--brand-ink);padding:45px 22px 18px}
.gallery-art>span{color:#fff;font-size:.72rem;letter-spacing:.05em}
.gallery-logo{height:76px;width:100%;object-fit:contain;object-position:left;margin-bottom:12px}
.preview-report{height:100%;width:100%;display:flex;gap:12px;align-items:end;border-bottom:1px solid #ffffff50}
.preview-report i{background:var(--secondary);width:18%;height:45%;opacity:1}.preview-report i:nth-child(2){height:72%}.preview-report i:nth-child(3){height:57%}.preview-report i:nth-child(4){height:92%}.preview-report i:nth-child(5){height:80%}
[data-brand="finance"] .preview-report{align-items:center;transform:skewY(-8deg)}
[data-brand="finance"] .preview-report i{border-top:3px solid var(--secondary);background:#ffffff12}
[data-kind="business"] .gallery-art{background:var(--wash);border-bottom:4px solid var(--accent)}
[data-kind="business"] .gallery-art>span{color:var(--brand-ink)}
.preview-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;align-self:stretch}
.preview-workflow b{font:9px Arial;color:var(--brand-ink)}
.preview-workflow i{width:100%;height:22px;background:white;border-radius:3px;border-left:4px solid var(--accent);box-shadow:0 1px 3px #0002}
.preview-schema{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;color:white;font:12px Consolas,monospace}
.preview-schema b{padding:12px;border:1px solid var(--secondary);border-top:5px solid var(--secondary);border-radius:4px;line-height:1.7;font-weight:400}.preview-schema small{font-size:10px;color:#e0e7ed}.preview-schema em{color:var(--secondary);font-size:24px}
.modal-open{overflow:hidden}
.record-modal{color:#20332b;width:min(600px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:0;border-top:6px solid #c28c35;border-radius:14px;padding:28px;box-shadow:0 24px 100px #0005}
.record-modal::backdrop{background:#12251dcc;backdrop-filter:blur(3px)}
.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.modal-heading p{font-size:.75rem;margin:0;text-transform:uppercase;letter-spacing:.06em}.record-modal h2{font-size:1.65rem;margin:0 0 12px}.record-modal .small-button{color:#245846;border-color:#245846;background:white;white-space:nowrap}
.record-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.record-facts div{background:#f1f4ed;padding:16px;border-radius:6px}.record-facts dt{font-size:.8rem}.record-facts dd{font-size:1.35rem;font-weight:700;margin:5px 0 0}
@media(max-width:760px){.sample-brand-row{align-items:start;flex-direction:column;gap:14px}.sample-brand-row .eyebrow{text-align:left}.business-logo{width:235px;height:82px}.column-chart{gap:8px}.column-item{min-width:56px}.record-modal{padding:20px}.record-facts{gap:8px}.record-facts div{padding:12px}.sample-meta{gap:7px}.sample-meta span{max-width:100%}.sample-brand-row{margin-top:20px}}
@media print{.record-modal{display:none!important}[data-demo] #demo-root{display:block}[data-demo] .sample-kpi{background:white;color:black}[data-demo] .sample-kpi strong,[data-demo] .sample-kpi span,[data-demo] .sample-kpi small{color:black}}