body[data-page="sample-crm"] .sandbox-intro{background:#eaf5f3}.sandbox-intro h1{font-size:clamp(2rem,4vw,3.5rem);max-width:950px}.sandbox-intro p{max-width:950px}.sandbox-intro .eyebrow{color:#08727a}.sample-notice{padding:18px 22px;background:#fff;border:1px solid #b7d4d2;border-radius:14px;font-size:16px}.sandbox-intro .actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:24px}.sandbox-section{padding-top:42px}.sandbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.sandbox-toolbar h2{margin:0 0 8px}.sandbox-toolbar p{margin:0}.sandbox-toolbar .secondary{color:#133b40;border-color:#7b9fa3;background:#fff}.sample-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sample-column{background:#eef4f4;border:1px solid #cedede;border-radius:18px;padding:20px;min-height:255px}.sample-column h3{display:flex;justify-content:space-between;font-size:20px;margin:0 0 20px}.sample-column h3 span{background:#143c40;color:#fff;border-radius:50%;min-width:28px;text-align:center}.sample-lead{background:#fff;border:1px solid #cbdcdc;padding:20px;border-radius:12px;margin-bottom:16px}.sample-lead h4{font-size:19px;line-height:1.4;margin:14px 0 10px}.sample-lead p{font-size:16px;line-height:1.55;margin:10px 0 0}.sample-tag{display:inline-block;color:#17626a;background:#e4f4f2;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:700}.sample-update{margin-top:28px;padding:28px;border:1px solid #cbdcdc;border-radius:18px;background:#fff}.sample-update h3{margin-top:0}.sample-controls{display:grid;grid-template-columns:1.3fr 1fr auto;align-items:end;gap:18px}.sample-controls label{display:grid;gap:8px;font-weight:700}.sample-controls select{width:100%;min-height:48px;border:1px solid #769ca0;border-radius:8px;padding:10px;background:#fff;color:#14343a;font:inherit}.sample-controls button{min-height:48px}.sample-privacy{font-size:15px;color:#3d5961;margin-top:22px}#sample-status{min-height:28px;color:#175c62;font-weight:700;margin-top:22px}#sample-activity{padding-left:24px;line-height:1.65}.sample-empty{font-size:16px;color:#526a6e}.sample-controls :focus-visible,#sample-reset:focus-visible{outline:3px solid #087b85;outline-offset:4px}[hidden]{display:none!important}@media(max-width:700px){.sample-board{grid-template-columns:1fr}.sample-column{min-height:0}.sandbox-toolbar{align-items:start;flex-direction:column}.sample-controls{grid-template-columns:1fr}.sample-update{padding:20px}.sandbox-intro .actions{align-items:start;flex-direction:column}}
.sample-guide{background:#eaf5f3;border:1px solid #b7d4d2;border-radius:18px;padding:24px;margin-bottom:28px;scroll-margin-top:100px}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.guide-heading h3{margin:12px 0;font-size:24px}#guide-progress{font-size:16px;font-weight:700;color:#175c62}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;list-style:none}.guide-steps li{padding:18px;background:#fff;border:1px solid #c4d9d9;border-radius:12px}.guide-steps p{font-size:16px;line-height:1.5;margin:10px 0 0}.guide-steps [aria-current="step"]{border:2px solid #087b85}.guide-steps .guide-done{background:#f6fcfa;border-color:#4b8a70}.guide-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px}.sample-guide .secondary{background:#fff;color:#143c40;border:1px solid #769ca0}.sample-guide button:disabled{opacity:.6;cursor:not-allowed}.sample-guide button:focus-visible,.sample-lead:focus-visible{outline:3px solid #087b85;outline-offset:4px}.sample-lead{scroll-margin-top:100px}.sample-lead.guide-highlight{border:3px solid #087b85}#guide-complete{font-size:17px;line-height:1.6;margin-bottom:0}#guide-complete a{text-decoration:underline;font-weight:700}#sample-update{scroll-margin-top:100px}@media(max-width:700px){.guide-heading{display:block}.guide-steps{grid-template-columns:1fr}.sample-guide{padding:20px}.guide-actions{flex-direction:column}.guide-actions button{width:100%}}

#travel-guide-progress{font-weight:700;color:#175c62}#travel-demo-enquiry,#travel-quotation,#travel-finance,#travel-demo-brief,#travel-dashboard,#travel-demo-tasks,#travel-demo-quote,#travel-demo-approved,#travel-demo-handover,#finance-settle,#finance-refund-settle{scroll-margin-top:110px}#travel-demo-focus{width:100%;max-width:560px}#travel-demo-guide .guide-steps a{font-size:16px;text-decoration:underline}

/* Keep mobile demo controls clear and readable. */
body[data-page="sample-crm"] .quick-contact{position:static;inset:auto;justify-content:center;margin:24px auto;padding:16px;max-width:1180px}body[data-page="sample-crm"] main [id]{scroll-margin-top:110px}@media(max-width:760px){body[data-page="sample-crm"] main select,body[data-page="sample-crm"] main input:not([type="checkbox"]){font-size:16px;min-height:44px}}