.da-request-demo-page{padding:32px 0 44px;background:#f4fafb}.da-request-demo-shell{width:min(1180px,calc(100% - 40px));margin:auto}.da-request-demo-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.da-request-demo-brand{display:flex;align-items:center;gap:16px}.da-request-demo-logo{width:64px;height:64px;object-fit:contain}.da-request-demo-brand h1{font-size:32px;margin:0;color:#183e48}.da-request-demo-brand p{margin:6px 0}.da-request-demo-badge{background:#e0f4f8;color:#007d99;border-radius:20px;padding:8px 16px}.da-request-demo-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.da-request-demo-panel,.da-request-demo-side-card{background:#fff;border:1px solid #d7e6ea;border-radius:20px;padding:24px}.da-request-demo-panel h2,.da-request-demo-side-card h2{font-size:22px;margin:0 0 10px}.da-request-demo-side-card p{line-height:1.8}.da-request-demo-steps{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.da-request-demo-step{padding:7px 10px;background:#e5f7fa;border-radius:8px;font-size:12px}.da-request-demo-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.da-request-demo-select-row{display:flex;gap:8px}.da-request-demo-select-row select{padding:7px;border:1px solid #bfd9e0;border-radius:8px;font:inherit}.da-request-demo-month-title{text-align:center;font-weight:700;margin-bottom:8px}.da-request-demo-nav-btn{width:38px;height:38px;border:1px solid #b5d7e1;border-radius:50%;background:white;color:#007d99;font-size:24px;cursor:pointer}.da-request-demo-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;min-height:280px}.calendar-weekday{text-align:center;font-size:13px;color:#626b70}.da-request-demo-calendar-grid button{border:1px solid #cce2e8;border-radius:8px;background:#fff;color:#183e48;min-height:40px;font:inherit;cursor:pointer}.da-request-demo-calendar-grid button:disabled{background:#f0f2f3;color:#8b989d;cursor:default}.da-request-demo-calendar-grid button.active,.da-request-demo-time-btn.active{background:#007d99;color:#fff;border-color:#007d99}.da-request-demo-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;margin-top:14px}.da-request-demo-info-item{display:flex;gap:12px;line-height:1.7;margin-top:20px}.da-request-demo-info-no{background:#e5f7fa;color:#007d99;border-radius:50%;flex:0 0 32px;height:32px;display:grid;place-items:center;font-weight:700}.da-request-demo-hidden{display:none!important}.da-request-demo-flow-section{display:grid;gap:20px;margin-top:20px}.da-request-demo-time-grid{display:flex;flex-wrap:wrap;gap:12px}.da-request-demo-time-btn{font:inherit;padding:10px 22px;background:#fff;border:1px solid #b6d6df;border-radius:10px;cursor:pointer}.da-request-demo-time-btn:disabled{opacity:.4;cursor:default}.da-request-demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.da-request-demo-form-group{display:grid;gap:6px}.da-request-demo-form-group.full{grid-column:1/-1}.da-request-demo-form-group input,.da-request-demo-form-group select,.da-request-demo-form-group textarea{font:inherit;padding:12px;border:1px solid #bfd4dc;border-radius:10px;width:100%}.da-request-demo-form-group textarea{min-height:110px}.da-request-demo-summary{background:#e5f7fa;padding:14px;border-radius:10px;margin:20px 0}.da-request-demo-submit{font:700 15px 'Sarabun',sans-serif;color:white;background:#007d99;border:0;border-radius:10px;padding:13px 22px;cursor:pointer}.da-request-demo-submit:disabled{opacity:.5}.da-request-demo-form-error,.da-request-demo-success{display:none}.da-request-demo-form-error.is-visible,.da-request-demo-success.is-visible{display:block;padding:14px;margin-block:14px;border-radius:10px;background:#e5f7fa}.da-request-demo-form-error.is-visible,.da-request-demo-field-error{color:#ab0033}.da-request-demo-toast-stack{display:none}@media(max-width:760px){.da-request-demo-layout,.da-request-demo-form-grid{grid-template-columns:1fr}.da-request-demo-panel,.da-request-demo-side-card{padding:18px}.da-request-demo-badge{display:none}.da-request-demo-brand h1{font-size:26px}.da-request-demo-select-row select{max-width:120px}}