/* Product-specific demonstration surfaces: readable data, no scaled screenshots. */
.demo-label{font-size:13px;font-weight:600;color:var(--accent);margin:0 0 14px}
.demo-screen{--demo-bg:#f1f4f2;--demo-panel:#fff;--demo-ink:#263c33;--demo-muted:#52685d;--demo-line:#cedbd3;--demo-accent:#2d6d4f;background:var(--demo-bg);color:var(--demo-ink);border:1px solid var(--demo-line);border-radius:3px;overflow:hidden;font-size:14px;line-height:1.65;box-shadow:0 12px 40px #20282008}
.demo-screen *{box-sizing:border-box;min-width:0}
.preview-mes{--demo-bg:#15222a;--demo-panel:#21323c;--demo-ink:#edf4f3;--demo-muted:#bbcfd2;--demo-line:#405762;--demo-accent:#f0b07d}
.preview-wms{--demo-bg:#10283f;--demo-panel:#1c3a52;--demo-ink:#eff5fa;--demo-muted:#c0d5df;--demo-line:#49687e;--demo-accent:#efc185}
.preview-asset{--demo-bg:#eff0f6;--demo-panel:#fff;--demo-ink:#30354e;--demo-muted:#61667d;--demo-line:#d2d6e3;--demo-accent:#5c4a88}
.preview-booking{--demo-bg:#f5ede6;--demo-panel:#fffcf8;--demo-ink:#533b35;--demo-muted:#785d51;--demo-line:#dfcdbf;--demo-accent:#854b3e}
.preview-oa{--demo-bg:#eef3f9;--demo-panel:#fff;--demo-ink:#293c53;--demo-muted:#536b87;--demo-line:#cbd9e9;--demo-accent:#305e91}
.preview-website{--demo-bg:#eae8e2;--demo-panel:#fbfbf8;--demo-ink:#2c3430;--demo-muted:#61695f;--demo-line:#cdd3c8;--demo-accent:#765439}
.preview-top{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--demo-panel);border-bottom:1px solid var(--demo-line)}
.preview-top strong{font-size:16px;line-height:1.5}.preview-top>span{font-size:13px;color:var(--demo-muted)}
.preview-nav{display:flex;gap:28px;padding:0 24px;border-bottom:1px solid var(--demo-line);overflow:auto;white-space:nowrap;scrollbar-width:thin}
.preview-nav a{flex-shrink:0;padding:12px 0;min-height:46px;color:var(--demo-accent);font-size:14px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:transparent}
.preview-nav a:hover,.preview-nav a:focus-visible{text-decoration-color:currentColor}
.preview-body{padding:24px;display:grid;gap:18px}.preview-body [id]{scroll-margin-top:calc(var(--header-height) + 76px)}
.preview-body h3{font-size:17px;font-weight:650;line-height:1.5;margin:0 0 18px;letter-spacing:0}.preview-body h4{font-size:14px;margin:24px 0 12px}
.preview-body p{margin:0;line-height:1.75;font-size:14px}.preview-body small{font-size:13px;font-weight:400}
.preview-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.preview-panel{padding:22px;background:var(--demo-panel);border:1px solid var(--demo-line)}
.preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.preview-metrics>div{background:var(--demo-panel);border:1px solid var(--demo-line);padding:20px}
.preview-metrics>div>span{display:block;color:var(--demo-muted);font-size:14px}.preview-metrics strong{display:block;font-size:34px;line-height:1.3;margin:10px 0}.preview-metrics p{font-size:13px;color:var(--demo-muted)}
.preview-facts{margin:0;display:grid;gap:0}.preview-facts>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--demo-line);align-items:baseline}.preview-facts>div:last-child{border-bottom:0;padding-bottom:0}
.preview-facts dt{font-size:13px;color:var(--demo-muted)}.preview-facts dd{font-size:14px;margin:0;overflow-wrap:anywhere}
.preview-records{background:var(--demo-panel);border:1px solid var(--demo-line);padding:20px 22px}
.preview-records table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;table-layout:auto}
.preview-records caption{text-align:left;font-size:17px;font-weight:650;padding-bottom:16px;color:var(--demo-ink)}
.preview-records th{font-size:13px;font-weight:500;color:var(--demo-muted);padding:0 14px 10px 0;border-bottom:1px solid var(--demo-line)}
.preview-records td{padding:14px 14px 14px 0;border-bottom:1px solid var(--demo-line);vertical-align:top;line-height:1.65}.preview-records td:last-child{color:var(--demo-accent)}.preview-records tr:last-child td{border-bottom:0;padding-bottom:0}
.preview-progress>div{display:grid;grid-template-columns:58px 1fr 45px;align-items:center;gap:12px;padding:14px 0;font-size:14px}.preview-progress b{text-align:right;font-weight:500}
.preview-progress meter{width:100%;height:12px;accent-color:var(--demo-accent)}
.preview-journey{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.preview-journey li{font-size:14px;border-top:2px solid var(--demo-line);padding-top:12px}.preview-journey span{display:block;font-size:12px;color:var(--demo-accent);margin-bottom:8px}
.preview-notice{padding:12px 16px;border-left:3px solid var(--demo-accent);background:var(--demo-bg);margin-bottom:20px!important;color:var(--demo-ink)}
.quality-total{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.quality-total strong{font-size:40px;white-space:nowrap}.quality-total p{max-width:160px;color:var(--demo-muted);font-size:13px}
.warehouse-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.warehouse-map>span{background:#326b7c;border:1px solid #6898ab;display:flex;flex-direction:column;gap:7px;padding:14px;text-align:center}.warehouse-map small{color:#f2f6f8}.warehouse-map .rack-task{background:#efc185;border-color:#efc185;color:#233747}.warehouse-map .rack-task small{color:#233747}.warehouse-map .rack-empty{background:#213e54;border-color:#7a95a6}
.preview-checklist{list-style:none;margin:0 0 20px;padding:0}.preview-checklist li{padding:12px 0;border-bottom:1px solid var(--demo-line);font-size:14px;display:flex;align-items:start;gap:14px}.preview-checklist li>span{color:var(--demo-accent);min-width:60px;font-size:13px}
.office-workspace{display:grid;grid-template-columns:1fr 1.7fr;gap:18px}.preview-count{font-size:13px;color:var(--demo-accent);margin-left:10px}
.office-inbox{list-style:none;margin:0;padding:0}.office-inbox li{padding:17px 14px;border-bottom:1px solid var(--demo-line)}.office-inbox .selected{background:#e9f0f8;border-left:3px solid var(--demo-accent)}.office-inbox strong,.office-inbox span,.office-inbox em{display:block}.office-inbox strong{font-size:15px}.office-inbox span{color:var(--demo-muted);font-size:13px;margin:5px 0}.office-inbox em{font-size:13px;color:var(--demo-accent);font-style:normal}
.website-showcase{display:grid;grid-template-columns:1.6fr 1fr;gap:26px;align-items:center}.preview-site{background:var(--demo-panel);border:1px solid var(--demo-line)}.preview-site-header{display:flex;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid var(--demo-line)}.preview-site-header span{font-size:13px;color:var(--demo-muted)}.preview-site-hero{padding:32px 24px;background:#f3f4ed}.preview-site-hero h3{font-size:clamp(26px,2.2vw,34px);margin:14px 0;line-height:1.35}.preview-site-hero small{color:#5b6755}.preview-site-hero p{color:#4c5747}.preview-site-cta{display:inline-block;background:#34462f;color:#fff;padding:10px 14px;font-size:13px;margin-top:22px}.preview-site-categories{display:flex;flex-wrap:wrap;gap:12px;padding:18px 24px;font-size:13px;color:var(--demo-muted)}.preview-device-note{padding:12px}.preview-device-note p,.preview-device-note li{font-size:14px;color:var(--demo-muted)}.preview-device-note ul{padding-left:18px;margin:18px 0 0}.preview-device-note li{padding:4px 0}
@media(max-width:880px){.preview-body{padding:18px;gap:14px}.preview-columns,.office-workspace,.website-showcase{grid-template-columns:1fr}.preview-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-panel{padding:20px}.office-inbox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.office-inbox li{padding:12px}.preview-records table{font-size:13px}}
@media(max-width:620px){
 .preview-top{padding:16px;align-items:start;flex-direction:column;gap:5px}.preview-top strong{font-size:15px}.preview-top>span{font-size:12px}.preview-nav{padding-inline:16px;gap:22px}.preview-body{padding:12px;gap:12px}.preview-panel,.preview-records{padding:16px}.preview-body h3,.preview-records caption{font-size:16px}.preview-metrics{grid-template-columns:1fr;gap:8px}.preview-metrics>div{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:14px}.preview-metrics strong{font-size:28px;margin:0;grid-column:2;grid-row:1/3}.preview-metrics p{grid-column:1}.preview-metrics small{display:inline}.preview-facts>div{grid-template-columns:1fr;gap:4px;padding:10px 0}.preview-journey{gap:16px}.preview-journey li{font-size:13px}.preview-progress>div{grid-template-columns:52px 1fr 40px;gap:8px}.quality-total{display:block}.quality-total p{max-width:none}.warehouse-map{gap:6px}.warehouse-map>span{padding:12px 5px}.warehouse-map small{font-size:12px}.office-inbox{grid-template-columns:1fr;gap:0}.preview-site-header{padding:16px;flex-wrap:wrap}.preview-site-header span{font-size:12px}.preview-site-hero{padding:24px 16px}.preview-site-categories{padding:16px}.preview-device-note{padding:4px}.preview-checklist li{flex-wrap:wrap;gap:4px 12px}
 /* Each record becomes a labelled card on a phone; no shrunken desktop table. */
 .preview-records table,.preview-records tbody,.preview-records tr,.preview-records td{display:block;width:100%}.preview-records caption{display:block}.preview-records thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.preview-records tr{padding:14px 0;border-top:1px solid var(--demo-line)}.preview-records tr:last-child{padding-bottom:0}.preview-records td,.preview-records tr:last-child td{display:grid;grid-template-columns:1fr;gap:3px;padding:5px 0;border:0;overflow-wrap:anywhere;font-size:14px}.preview-records td:before{content:attr(data-label);font-size:12px;color:var(--demo-muted)}
}