.quote-hero{background:radial-gradient(circle at 18% 15%,rgba(124,58,237,.20),transparent 28%),linear-gradient(135deg,#fff 0%,#f7f4ff 52%,#eef6ff 100%);border:1px solid rgba(124,58,237,.16);border-radius:28px;padding:28px;box-shadow:0 20px 60px rgba(15,23,42,.10)}
.quote-card{background:#fff;border:1px solid rgba(148,163,184,.22);border-radius:22px;box-shadow:0 16px 42px rgba(15,23,42,.08)}
.quote-product-mini{display:flex;gap:14px;align-items:center;padding:14px;border-radius:18px;background:#f8fafc;border:1px solid rgba(148,163,184,.20)}
.quote-product-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:white;display:grid;place-items:center;font-size:1.45rem;flex:0 0 auto}
.quote-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quote-step{padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(124,58,237,.13)}.quote-step b{display:block;color:#172554}.quote-step i{color:#6d3df4}
.quote-status{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.35rem .7rem;font-weight:700;font-size:.78rem}.qs-new{background:#eef2ff;color:#4338ca}.qs-reviewing{background:#fff7ed;color:#c2410c}.qs-sent{background:#ecfeff;color:#0e7490}.qs-accepted{background:#ecfdf5;color:#047857}.qs-rejected{background:#fef2f2;color:#b91c1c}.qs-cancelled{background:#f1f5f9;color:#475569}.qs-converted{background:#f0fdf4;color:#166534}
.quote-table{vertical-align:middle}.quote-actions .btn{border-radius:12px}.quote-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quote-detail-item{background:#f8fafc;border:1px solid rgba(148,163,184,.20);border-radius:16px;padding:12px}.quote-detail-item span{display:block;color:#64748b;font-size:.82rem}.quote-detail-item b{color:#0f172a}
@media(max-width:768px){.quote-steps{grid-template-columns:1fr}.quote-detail-grid{grid-template-columns:1fr}}