.quote-detail-page main{background:linear-gradient(170deg,#f3fbf4 0%,var(--bg-warm) 30%,var(--bg-light) 100%);padding-top:calc(var(--header-height) + 32px);padding-bottom:96px}.quote-detail-shell{max-width:1080px}.quote-detail-breadcrumbs{margin-bottom:16px}.quote-detail-demo-banner{display:inline-flex;align-items:center;gap:8px;background:var(--bg-warm);border:1px dashed var(--border);color:var(--text-medium);font-size:12px;font-weight:600;letter-spacing:.02em;padding:6px 12px;border-radius:var(--radius-full);margin-bottom:18px}.quote-detail-demo-banner code{font-family:var(--font-body);color:var(--text-dark);background:var(--bg-white);padding:1px 8px;border-radius:var(--radius-full);border:1px solid var(--border)}.quote-detail-header{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:28px 32px;margin-bottom:32px}.quote-detail-header-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:8px}.quote-detail-header-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.quote-detail-header-title{font-family:var(--font-heading);font-size:clamp(24px,3vw,32px);font-weight:800;color:var(--text-dark);margin:0;line-height:1.2}.quote-detail-status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:700;font-family:var(--font-heading);border:1px solid transparent;white-space:nowrap}.quote-detail-status-pill--green{background:var(--green-pale);color:var(--green-dark);border-color:#39b54a40}.quote-detail-status-pill--yellow{background:var(--bg-warm);color:#8a6500;border-color:#ffc80a66}.quote-detail-header-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.quote-detail-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);background:var(--bg-white);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-medium)}.quote-detail-chip svg{color:var(--text-light);flex-shrink:0}.quote-detail-chip strong{color:var(--text-dark);font-weight:700}.quote-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}.quote-detail-responses{min-width:0}.quote-detail-responses-heading{font-family:var(--font-heading);font-size:20px;font-weight:800;color:var(--text-dark);margin-bottom:16px;display:flex;align-items:center;gap:10px}.quote-detail-responses-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;border-radius:var(--radius-full);background:var(--green-pale);color:var(--green-dark);font-size:13px;font-weight:800}.quote-detail-response-card{position:relative;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:24px 28px;margin-bottom:16px;transition:box-shadow var(--transition)}.quote-detail-response-card:hover{box-shadow:var(--shadow-soft)}.quote-detail-response-card[data-status=accepted]{border-color:var(--green);box-shadow:0 0 0 2px #39b54a14}.quote-detail-response-card[data-status=declined]{opacity:.78}.quote-detail-status-dot{position:absolute;top:16px;right:18px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-light)}.quote-detail-status-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--text-light)}.quote-detail-response-card[data-status=new] .quote-detail-status-dot:before{background:var(--green)}.quote-detail-response-card[data-status=new] .quote-detail-status-dot{color:var(--green-dark)}.quote-detail-response-card[data-status=accepted] .quote-detail-status-dot:before{background:var(--green-dark)}.quote-detail-response-card[data-status=accepted] .quote-detail-status-dot{color:var(--green-dark)}.quote-detail-response-card[data-status=declined] .quote-detail-status-dot:before{background:#c62828}.quote-detail-response-card[data-status=declined] .quote-detail-status-dot{color:#c62828}.quote-detail-response-card[data-status=awaiting-info] .quote-detail-status-dot:before{background:#e08e00}.quote-detail-response-card[data-status=awaiting-info] .quote-detail-status-dot{color:#8a6500}.quote-detail-response-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-right:110px;flex-wrap:wrap}.quote-detail-business{display:flex;align-items:center;gap:14px;min-width:0}.quote-detail-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:16px;color:#fff;flex-shrink:0}.quote-detail-business-name{font-family:var(--font-heading);font-size:17px;font-weight:800;color:var(--text-dark);line-height:1.3}.quote-detail-business-meta{font-size:13px;color:var(--text-medium);margin-top:2px}.quote-detail-amount-block{text-align:right;min-width:120px}.quote-detail-amount{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--green);line-height:1.1}.quote-detail-amount-valid{font-size:12px;color:var(--text-light);margin-top:4px}.quote-detail-response-notes{font-size:14px;color:var(--text-medium);line-height:1.65;margin-top:18px}.quote-detail-thread-toggle{margin-top:18px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-heading);font-size:13px;font-weight:700;color:var(--green-dark);background:transparent;border:none;padding:0;cursor:pointer;transition:color var(--transition)}.quote-detail-thread-toggle:hover{color:var(--green)}.quote-detail-thread-toggle svg{transition:transform var(--transition)}.quote-detail-thread-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.quote-detail-thread{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border);display:none;flex-direction:column;gap:14px}.quote-detail-thread[data-expanded=true]{display:flex}.quote-detail-thread-empty{font-size:13px;color:var(--text-light);font-style:italic}.quote-detail-bubble{max-width:80%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;color:var(--text-dark)}.quote-detail-bubble-meta{display:block;font-size:11px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.quote-detail-bubble-business{align-self:flex-start;background:var(--bg-light);border-bottom-left-radius:4px}.quote-detail-bubble-customer{align-self:flex-end;background:var(--green-pale);border-bottom-right-radius:4px;text-align:left}.quote-detail-bubble-customer .quote-detail-bubble-meta{text-align:right;color:var(--green-dark)}.quote-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.quote-detail-actions .btn-green,.quote-detail-actions .btn-outline{padding:10px 22px;font-size:14px}.quote-detail-actions button[disabled],.quote-detail-actions button[disabled]:hover{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background:var(--bg-light);color:var(--text-light);border-color:var(--border)}.quote-detail-actions .btn-green[disabled],.quote-detail-actions .btn-green[disabled]:hover{background:var(--green-pale);color:var(--green-dark)}.quote-detail-actions-note{flex-basis:100%;font-size:12px;color:var(--text-light);margin-top:4px}.quote-detail-message-form{margin-top:14px;background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.quote-detail-message-form[hidden]{display:none}.quote-detail-message-textarea{display:block;width:100%;min-height:80px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;color:var(--text-dark);background:var(--bg-white);resize:vertical;outline:none;transition:border-color var(--transition)}.quote-detail-message-textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #39b54a1a}.quote-detail-message-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.quote-detail-message-send{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-size:13px;border-radius:var(--radius-full);background:var(--green);color:#fff;font-family:var(--font-heading);font-weight:700;border:none;cursor:pointer;transition:background var(--transition)}.quote-detail-message-send:hover{background:var(--green-dark)}.quote-detail-accepted-banner{margin-top:22px;padding:14px 18px;background:var(--green-pale);border:1px solid rgb(57 181 74 / .25);border-radius:var(--radius-sm);display:flex;align-items:center;gap:10px;font-size:14px;color:var(--green-dark);font-weight:600}.quote-detail-accepted-banner svg{flex-shrink:0}.quote-detail-declined-banner{margin-top:22px;padding:12px 16px;background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-medium)}.quote-detail-declined-banner a{color:var(--green-dark);font-weight:600;text-decoration:underline}.quote-detail-sidebar{position:sticky;top:calc(var(--header-height) + 24px)}.quote-detail-summary-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden}.quote-detail-summary-header{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-light);padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg-light)}.quote-detail-summary-body{padding:20px}.quote-detail-summary-date{font-size:13px;color:var(--text-medium);margin-bottom:14px}.quote-detail-summary-list{display:flex;flex-direction:column;gap:10px;margin:0}.quote-detail-summary-row{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:13px}.quote-detail-summary-row dt{color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:11px;padding-top:2px}.quote-detail-summary-row dd{color:var(--text-dark);margin:0;line-height:1.5}.quote-detail-summary-description{margin-top:18px;padding-top:18px;border-top:1px solid var(--border);font-size:13px;color:var(--text-medium);line-height:1.6;font-style:italic}.quote-detail-summary-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}.quote-detail-summary-tag{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--green-pale);color:var(--green-dark)}.quote-detail-summary-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;align-items:flex-start}.quote-detail-summary-footer .btn-outline{padding:10px 20px;font-size:14px;width:100%;justify-content:center}.quote-detail-summary-edit{font-size:13px;font-weight:600;color:var(--green-dark);text-decoration:underline}.quote-detail-summary-edit:hover{color:var(--green)}.quote-detail-modal[hidden]{display:none}.quote-detail-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:quoteDetailModalFade .18s ease-out}.quote-detail-modal-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(6px)}.quote-detail-modal-card{position:relative;background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-soft);max-width:440px;width:100%;padding:32px;animation:quoteDetailModalRise .22s var(--bounce)}.quote-detail-modal-title{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--text-dark);margin-bottom:10px}.quote-detail-modal-body{font-size:14px;color:var(--text-medium);line-height:1.6;margin-bottom:24px}.quote-detail-modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.quote-detail-modal-actions .btn-green,.quote-detail-modal-actions .btn-outline{padding:10px 22px;font-size:14px}@keyframes quoteDetailModalFade{0%{opacity:0}to{opacity:1}}@keyframes quoteDetailModalRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.quote-detail-layout{grid-template-columns:1fr;gap:28px}.quote-detail-sidebar{position:static;order:-1}.quote-detail-bubble{max-width:92%}.quote-detail-response-head{padding-right:0}.quote-detail-status-dot{position:static;margin-bottom:12px}}@media(max-width:560px){.quote-detail-header,.quote-detail-response-card{padding:20px}.quote-detail-amount-block{text-align:left;min-width:0}.quote-detail-actions .btn-green,.quote-detail-actions .btn-outline{flex:1 1 100%}}