/*
 * Shared demo theme. Loaded after each demo's own stylesheet by:
 *   demos/agent-workbench  (no body class; owns the workbench-only class names below)
 *   demos/quote-review     (body.demo-quote-review)
 *   demos/booking-review   (body.demo-booking-review)
 * Rules for a single demo are scoped so they cannot change another demo.
 */

/* ---------- 1. Shared: tokens, base type, focus ring ---------- */
:root{--ink:#17323e;--ink-2:#294754;--text:#344d59;--muted:#617681;--line:#d6e2e8;--paper:#f3f7f9;--blue:#057fa7;--blue-soft:#eaf4f8;--teal:#087e87;--teal-soft:#eaf5f5;--shadow:0 12px 36px #1737460a}
body{font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;background:#f2f6f8}
h1,h2,h3,strong{font-weight:500}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #178cb9;outline-offset:3px}
button{touch-action:manipulation}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- 2. agent-workbench (class names below exist only in that demo; .source-preview is shared with quote-review, so it is scoped) ---------- */
.workbench{border:1px solid #d6e2e8;border-radius:12px;overflow:hidden;margin:18px auto;box-shadow:none}
.workbench-header{background:#fff;padding:28px 32px;border-bottom:1px solid #d6e2e8;min-height:120px}.workbench-header h1{font-size:29px;line-height:1.45;font-weight:500}.workbench-header p{font-size:14px;color:#617681}
.product-tag,.section-no{font-size:13px;color:#04799a;font-weight:500}.product-tag{text-decoration:none}.demo-disclosure{border:1px solid #dce6eb;border-radius:6px;padding:12px 15px}.demo-disclosure span{font-weight:500}
.agent-tabs{background:#f2f7f9}.agent-tabs button{padding:15px 23px;min-height:80px;border-right:0}.agent-tabs strong{font-size:17px;font-weight:500}.agent-tabs small{font-size:12px}.agent-tabs button>span{font-weight:500}.agent-tabs button.active{box-shadow:inset 0 -2px #087f9d;background:#fff}
.agent-panel{padding:28px}.panel-intro{gap:35px;grid-template-columns:1.4fr 1fr}.panel-intro h2{font-size:27px;font-weight:500;line-height:1.4}.panel-intro>p{font-size:14px}
.operation-grid{border:1px solid #d3e1e8;border-radius:9px;overflow:hidden;grid-template-columns:350px minmax(0,1fr);min-height:640px}.source-column{padding:22px;background:#f4f8fa}.run-column{padding:23px}.column-title strong{font-weight:500}.column-title>span{background:#176782}
.source-options button{border-radius:5px}.source-options button strong{font-size:14px;font-weight:500}.source-options button small{font-size:12px}.source-options button.active{background:#e9f4f8;border-color:#178dad;color:#066b8a}
.workbench .source-preview{border-color:#d8e3e9;border-radius:6px;overflow:hidden}.primary-action{background:#116d8b;border-color:#116d8b;border-radius:5px;font-weight:500;min-height:48px}.primary-action:hover{background:#045c77}.run-output{border-color:#d6e3e9;border-radius:7px}.agent-steps strong{font-size:13px;font-weight:500}.agent-steps small,.agent-steps em{font-size:12px}.result-zone{border-color:#d4e2e8}.result-head h3{font-size:25px;font-weight:500}.subhead strong{font-weight:500}.table-wrap{max-width:100%;overflow:auto}
@media(max-width:800px){.workbench{width:calc(100% - 16px);margin:8px auto}.workbench-header{padding:22px;display:block}.workbench-header h1{font-size:26px}.demo-disclosure{margin-top:17px;max-width:300px}.agent-tabs button{padding:15px 10px;display:block;min-height:100px}.agent-tabs button>span{display:none}.agent-tabs strong{font-size:15px;display:block}.agent-tabs small{font-size:12px;display:block;margin-top:5px;line-height:1.6}.agent-panel{padding:22px 16px}.panel-intro{display:block}.panel-intro h2{font-size:25px}.panel-intro>p{margin:17px 0 0;font-size:14px}.operation-grid{grid-template-columns:1fr}.source-column{border-right:0;border-bottom:1px solid #d6e2e8;padding:20px}.run-column{padding:20px;overflow:hidden}.source-options button{min-height:72px}.agent-steps{overflow-x:auto;padding-bottom:12px}.workbench .source-preview{max-height:390px;overflow:auto}.result-head h3{font-size:23px}}
.review-head strong{display:block;text-wrap:balance}.review-head>span{white-space:nowrap}

/* ---------- 3. quote-review (body.demo-quote-review) ---------- */
.demo-quote-review{--muted:#56707c}
.demo-quote-review .brand strong{font-weight:550}
.demo-quote-review .topbar h1{font-weight:500}
.demo-quote-review .nav-item.active{background:#e6f2f7;color:#075f79}
.demo-quote-review .primary-button{background:#0b789a;border-color:#0b789a}
.demo-quote-review .metrics strong{font-weight:500}

/* ---------- 4. booking-review (body.demo-booking-review) ---------- */
.demo-booking-review{--muted:#56707c}
.demo-booking-review .topbar{background:#fff}
.demo-booking-review .topbar .brand strong{font-weight:550}
.demo-booking-review .page-title h1{font-weight:500}
.demo-booking-review .metrics article{border-color:#d5e1e7;border-radius:7px}
.demo-booking-review .metrics strong{font-weight:500}
.demo-booking-review .booking-row.active{background:#eaf5f8;border-color:#7db9cd}
.demo-booking-review .detail-head h2{font-weight:500}