.demo-shell{min-height:100vh;background-color:var(--content-bg)}.demo-topbar{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;background-color:var(--sidebar-bg);color:var(--sidebar-text)}.demo-topbar-brand-row{display:inline-flex;align-items:center;gap:.625rem}.demo-topbar-label{font-size:1.25rem;font-weight:400;line-height:1;letter-spacing:-.02em;color:var(--sidebar-text-muted)}.demo-sent-notice{padding:.625rem 1.5rem;font-size:.8125rem;text-align:center;color:var(--accent-dark);background-color:rgba(47,191,186,.1);border-bottom:1px solid rgba(47,191,186,.25)}.demo-main{max-width:40rem;margin:0 auto;padding:1.75rem 1.25rem 3rem}.demo-main .modal-card{display:block;max-height:none;overflow:visible}.demo-email-step{max-width:40rem;margin:3rem auto 0;padding:0 1.25rem}.demo-email-step-title{margin:0 0 1.25rem;font-size:1.75rem;font-weight:700;line-height:1.25;text-align:center;color:var(--foreground)}.demo-email-step-disclaimer{margin:0 0 1rem;padding:.875rem 1rem;border-radius:.75rem;font-size:.8125rem;line-height:1.55;text-align:center;color:var(--foreground);background-color:rgba(47,191,186,.1);border:1px solid rgba(47,191,186,.25)}.demo-email-step-subtitle{margin:0 0 1.5rem;font-size:1rem;line-height:1.5;text-align:center;color:var(--text-muted)}.demo-email-step-form{max-width:24rem;margin:0 auto}.demo-email-step-note{margin:.75rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--text-muted)}.demo-email-step-note .demo-text-link{font-size:inherit}.demo-hero{text-align:center;margin-bottom:2rem}.demo-hero-title{font-size:1.75rem;font-weight:700;color:var(--foreground);margin:0 0 .5rem}.demo-hero-subtitle{color:var(--text-muted);font-size:1rem;margin:0}.demo-step-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem 1rem;margin-bottom:1.125rem}.demo-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:0}.demo-progress-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:var(--border)}.demo-progress-dot-active{background-color:var(--accent)}.demo-step-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 1rem;text-align:center}.demo-step-instruction{margin:-.5rem 0 1rem;font-size:.875rem;color:var(--text-muted);text-align:center}.demo-step-stage{display:flex;justify-content:center}.demo-step-stage:has(.demo-supplier-split){display:block}.demo-step-part .demo-hero{margin-bottom:.875rem}.demo-step-part .demo-hero-title{font-size:1.5rem;line-height:1.25}.demo-step-part .demo-hero-title-en{font-size:1.25rem;white-space:nowrap;text-align:center}.demo-step-part .demo-step-title{margin-bottom:.625rem}.demo-step-part .demo-guide{padding:.625rem 2rem .625rem .875rem;margin-bottom:.75rem}.demo-step-part .demo-guide-message{font-size:.8125rem;line-height:1.45}.demo-step-part-card{padding:1rem 1.125rem}.demo-step-part-form{gap:.75rem}.demo-step-part-form .rfq-item-block{margin:0;padding:.85rem .95rem 1rem;gap:.75rem}.demo-step-part-form .rfq-add-part,.demo-step-part-form .rfq-item-heading{margin:0}.demo-preview-control{opacity:.48;pointer-events:none}.demo-preview-control .btn-secondary:disabled{opacity:1;cursor:default}.demo-preview-upload{display:flex;align-items:center;gap:.75rem;margin-top:.35rem;padding:.75rem;border:1px dashed #ccc;border-radius:.5rem;font-size:.875rem;color:#666;cursor:default}.demo-preview-upload-icon{font-size:1.25rem;line-height:1}.demo-preview-note{margin:0;font-size:.75rem;line-height:1.4;color:var(--text-muted)}.demo-guide{position:relative;display:flex;align-items:flex-start;gap:.75rem;border-radius:.75rem;padding:.875rem 2.25rem .875rem 1rem;margin-bottom:1.25rem;background-color:rgba(47,191,186,.1);border:1px solid rgba(47,191,186,.3)}.demo-guide-message{margin:0;font-size:.875rem;color:var(--foreground)}.demo-guide-dismiss{position:absolute;top:.375rem;right:.5rem;font-size:1.25rem;line-height:1;color:var(--text-muted);padding:.25rem}.demo-step-nav-end,.demo-step-nav-start{display:flex;align-items:center;min-width:0}.demo-step-nav-start{justify-self:start}.demo-step-nav-end{justify-self:end}.demo-step-nav-back{max-width:min(11rem,42vw);padding:.25rem 0;border:0;background:none;font-size:.8125rem;line-height:1.4;color:var(--text-muted);text-decoration:underline;text-underline-offset:.18em;cursor:pointer;text-align:left}.demo-step-nav-back:focus-visible,.demo-step-nav-back:hover{color:var(--foreground)}.demo-step-nav-next{flex-shrink:0}.demo-ai-supplier-preview{gap:.75rem}.demo-ai-click-hint-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.demo-ai-click-hint{flex:0 1 auto;margin:0;min-width:0}.demo-ai-click-hint-wrap-active .supplier-recommendations-trigger{animation:demo-expand-pulse 1.7s ease-out 3}.demo-supplier-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.25rem;align-items:start;width:100%}.demo-supplier-split>*{min-width:0}.demo-supplier-split-ai .supplier-recommendation-card{padding:.75rem .875rem}.demo-supplier-split-ai .supplier-recommendation-name{font-size:.9375rem}.demo-supplier-split-ai .supplier-recommendation-reason{margin:0 0 .625rem;font-size:.8125rem;line-height:1.4}.demo-supplier-picker{display:flex;flex-direction:column;gap:.625rem}.demo-supplier-option{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border:1px solid var(--border);border-radius:.5rem;cursor:pointer}.demo-supplier-option-category{color:var(--text-muted);font-size:.75rem;margin-left:auto}.demo-sending-emails{display:flex;justify-content:center;gap:.75rem;margin:1rem 0;font-size:1.5rem}.demo-email-fly{animation:demo-email-fly-anim .7s ease-out both}@keyframes demo-email-fly-anim{0%{opacity:0;transform:translateY(.5rem) scale(.8)}to{opacity:1;transform:translateY(-.5rem) scale(1)}}@media (prefers-reduced-motion:reduce){.demo-email-fly{animation:none}}.demo-quote-row-warning{background-color:rgba(212,148,58,.1)}.demo-quote-row-warning.quote-row-summary:hover td{background-color:transparent}.demo-quotes-table-wrapper .quote-row-actions .btn-small:disabled{opacity:.7}.demo-expand-hint-wrap{display:inline-flex;align-items:center;justify-content:center}.demo-expand-hint-wrap-active .quote-row-expand{opacity:1;background-color:rgba(59,130,246,.12);border-color:rgba(37,99,235,.5);color:#1d4ed8;animation:demo-expand-pulse 1.7s ease-out 3}.demo-expand-hint{flex:1 0 100%;display:flex;flex-wrap:nowrap;align-items:flex-start;gap:.3rem;margin:.15rem 0 0;min-width:max-content;font-size:.75rem;font-weight:600;line-height:1.3;color:#1d4ed8}.demo-ai-click-hint-wrap .demo-ai-click-hint{flex:0 1 auto;margin:0}.demo-expand-hint-arrow{flex-shrink:0;font-size:.9rem;line-height:1.3}.demo-expand-hint-text{display:flex;flex-direction:column}.demo-expand-hint-text span{white-space:nowrap}@keyframes demo-expand-pulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.35)}70%{box-shadow:0 0 0 7px rgba(37,99,235,0)}to{box-shadow:0 0 0 0 rgba(37,99,235,0)}}.demo-price-warning-banner{margin:.75rem 0 0;padding:.75rem 1rem;border-radius:.5rem;background-color:rgba(212,148,58,.12);color:#8a5a16;font-size:.875rem}.demo-supplier-view-inline{margin-top:1rem}.demo-supplier-view-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.demo-supplier-view-section>.rfq-detail-muted{margin:0 0 .75rem}.demo-supplier-view-file{display:flex;align-items:center;gap:.75rem;min-height:2.75rem}.demo-supplier-view-file-button{display:inline-flex;align-items:center;padding:.2rem .65rem;border:1px solid #c5cdd4;border-radius:.25rem;background:#f3f4f6;color:#374151;font-size:.8125rem;line-height:1.4;white-space:nowrap}.demo-supplier-view-attachment-hint{margin:.375rem 0 0;font-size:.8125rem;color:var(--text-muted)}.demo-main-wide{max-width:64rem}.demo-rfq-send-card{width:100%;max-height:none;overflow:visible}.demo-rfq-send-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.5rem;align-items:start;min-width:0}.demo-rfq-send-layout>*{min-width:0}.demo-rfq-send-fields{gap:.5rem;margin:0}.demo-rfq-send-fields .rfq-detail-field dd{font-size:.875rem;line-height:1.45}.demo-rfq-send-recipients{gap:.25rem}.demo-rfq-send-recipients span{font-size:.8125rem;line-height:1.35}.demo-rfq-send-message-label{display:flex;flex-direction:column;gap:.375rem}.demo-rfq-send-message-label>span{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.demo-rfq-email-composer,.demo-rfq-send-textarea{min-height:17rem;font-size:.8125rem;line-height:1.45;resize:vertical}.demo-rfq-email-composer{display:flex;flex-direction:column;gap:0;white-space:pre-wrap;overflow-y:auto}.demo-rfq-email-composer-text{margin:0;padding:0;border:0;outline:none;resize:none;background:transparent;box-shadow:none;font:inherit;color:inherit;width:100%;line-height:inherit;white-space:pre-wrap;overflow:hidden;field-sizing:content}.demo-rfq-email-composer-text:disabled{opacity:1;color:inherit}.demo-rfq-quote-link{display:block;color:#0f766e;font-weight:400;text-decoration:underline;overflow-wrap:anywhere;word-break:break-all;pointer-events:none;cursor:default;user-select:none}.demo-rfq-send-actions{margin-top:.875rem}@media (max-width:720px){.demo-rfq-send-layout,.demo-supplier-split{grid-template-columns:1fr}.demo-rfq-send-textarea{min-height:12rem}.demo-po-preview-meta{grid-template-columns:1fr}}.demo-quotes-card{width:100%;max-height:none;overflow:visible}.table-wrapper.demo-quotes-table-wrapper{overflow:visible}.demo-quotes-table-wrapper .data-table td,.demo-quotes-table-wrapper .data-table th{padding:.5rem .55rem;font-size:.8125rem;overflow-wrap:normal;word-break:normal}.demo-quotes-table-wrapper .quote-row-actions .btn-small{white-space:normal;text-align:center}.demo-done{text-align:center}.demo-done-selected-intro{max-width:32rem;margin:0 auto 1rem;font-size:1rem;line-height:1.5;color:var(--foreground)}.demo-done-selected-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:40rem;margin:0 auto 1.5rem;padding:.875rem 1rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--card-bg);text-align:left}.demo-done-selected-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.demo-done-selected-supplier{font-weight:600;color:var(--foreground)}.demo-done-selected-meta{font-size:.875rem;line-height:1.45;color:var(--text-muted)}.demo-print-po-btn{flex-shrink:0}.demo-po-preview-wrap{max-width:44rem;margin:0 auto 1.5rem;animation:demo-po-preview-in .35s ease-out}@keyframes demo-po-preview-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.demo-po-preview{padding:1.5rem 1.75rem;border:1px solid #d5dee8;border-radius:.375rem;background:#ffffff;box-shadow:0 1px 2px rgba(14,34,51,.06),0 8px 24px rgba(14,34,51,.08);color:#0e2233;text-align:left;font-size:.8125rem;line-height:1.45}.demo-po-preview-header{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:1rem;align-items:flex-start}.demo-po-preview-buyer{min-width:0}.demo-po-preview-buyer p{margin:0 0 .25rem;color:#5a6b7a;overflow-wrap:break-word}.demo-po-preview-buyer-details{white-space:pre-line}.demo-po-preview-title-block{flex-shrink:0;max-width:45%;text-align:right;overflow-wrap:break-word}.demo-po-preview-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:.02em}.demo-po-preview-date,.demo-po-preview-ref{margin:.2rem 0 0;color:#5a6b7a}.demo-po-preview-ref{color:#0e2233;font-weight:600}.demo-po-preview-rule{margin:0 0 1rem;border:0;border-top:1px solid #d5dee8}.demo-po-preview-to{margin-bottom:1.25rem}.demo-po-preview-to p{margin:0 0 .2rem}.demo-po-preview-label{font-weight:700;margin-bottom:.35rem!important}.demo-po-preview-order{display:flex;flex-direction:column;gap:.75rem}.demo-po-preview-section-title{margin:0;font-size:.875rem;font-weight:700}.demo-po-preview-table-wrap{overflow-x:auto}.demo-po-preview-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:.75rem}.demo-po-preview-table td,.demo-po-preview-table th{width:calc(100% / 6);padding:.625rem .45rem;text-align:left;vertical-align:top;line-height:1.35;overflow-wrap:break-word}.demo-po-preview-table th{border-bottom:1px solid #d5dee8;color:#5a6b7a;font-size:.6875rem;font-weight:700}.demo-po-preview-table .demo-po-preview-num{text-align:left}.demo-po-preview-table td{border-bottom:1px solid #eef2f6}.demo-po-preview-sum-row td{border-bottom:none;padding-top:.5rem}.demo-po-preview-sum-row td:first-child{text-align:right;overflow-wrap:break-word}.demo-po-preview-grand-total-row td{background:#f4f7fa;font-weight:700;padding-top:.625rem;padding-bottom:.625rem}.demo-po-preview-grand-total-row td:first-child{border-radius:.25rem 0 0 .25rem}.demo-po-preview-grand-total-row td:last-child{border-radius:0 .25rem .25rem 0}.demo-po-preview-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem 1.25rem;margin:1rem 0 0;align-items:start}.demo-po-preview-meta-col{display:flex;flex-direction:column;gap:.35rem;min-width:0}.demo-po-preview-meta p{margin:0;overflow-wrap:break-word}.demo-po-preview-footer{margin-top:1.25rem;padding-top:.75rem;border-top:1px solid #d5dee8;color:#5a6b7a;font-size:.6875rem;text-align:center}.demo-summary{max-width:50rem;margin:0 auto;text-align:center}.demo-summary-hero{margin-bottom:1.5rem}.demo-summary-average{margin:0 0 1rem;font-size:1.1875rem;font-weight:700;line-height:1.55;color:var(--foreground)}.demo-summary-average-count{font-weight:700;color:var(--accent-dark)}.demo-summary-cursor{display:inline-block;margin-left:1px;color:var(--accent-dark);animation:demo-summary-cursor-blink 1s step-end infinite}@keyframes demo-summary-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.demo-back-row:not(.demo-summary-reveal-visible),.demo-cta-row:not(.demo-summary-reveal-visible),.demo-summary-industry:not(.demo-summary-reveal-visible),.demo-summary-outro:not(.demo-summary-reveal-visible),.demo-summary-savings:not(.demo-summary-reveal-visible){max-height:0;margin-top:0;margin-bottom:0;overflow:hidden;pointer-events:none}.demo-summary-industry{margin:0 0 1rem;font-size:.9375rem;line-height:1.65;color:var(--text-muted)}.demo-summary-industry,.demo-summary-savings{opacity:0;transform:translateY(.5rem);transition:opacity .55s ease,transform .55s ease}.demo-summary-savings{margin:0;font-size:1.125rem;font-weight:600;line-height:1.5;color:rgba(47,191,186,.95);text-shadow:0 0 18px rgba(47,191,186,.22)}.demo-summary-outro{margin:0 auto 1.5rem;font-size:.9375rem;line-height:1.65;color:var(--foreground);text-align:center;opacity:0;transform:translateY(.5rem);transition:opacity .55s ease,transform .55s ease}.demo-back-row.demo-summary-reveal-visible,.demo-cta-row.demo-summary-reveal-visible,.demo-summary-reveal-visible{opacity:1;transform:translateY(0)}.demo-cta-row{justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.demo-back-row,.demo-cta-row{display:flex;opacity:0;transform:translateY(.5rem);transition:opacity .55s ease,transform .55s ease}.demo-back-row{justify-content:flex-end;margin-top:1.5rem}.demo-contact-panel{max-width:24rem;margin:0 auto 1.5rem;text-align:left}@media (max-width:480px){.demo-cta-row{flex-direction:column;align-items:stretch}.demo-cta-row .btn-primary,.demo-cta-row .btn-secondary{justify-content:center;text-align:center}}.form-input-invalid{border-color:#dc2626}.form-input-invalid:focus{border-color:#b91c1c}.demo-early-access-note{margin:.25rem 0 0;font-size:.8125rem;color:var(--text-muted)}.demo-text-link{display:inline-block;border:none;background:none;padding:0;font-size:.875rem;color:var(--text-muted);text-decoration:underline;cursor:pointer}.demo-text-link:hover{color:var(--foreground)}