.table-container{overflow-x:auto;margin-top:1rem}.quote-table{width:100%;border-collapse:collapse;margin-top:1rem}.quote-table th{background-color:var(--primary-blue);color:#fff;text-align:left;padding:1rem;font-weight:500}.quote-table tr{border-bottom:1px solid #eee}.quote-table tr:hover{background-color:#2b82a50d}.quote-table td{padding:1rem;color:#333}.action-btn{background:none;border:none;padding:.5rem;cursor:pointer;transition:color .3s ease}.action-btn.edit{color:var(--primary-blue)}.action-btn.edit:hover{color:var(--secondary-blue)}.action-btn.delete{color:#dc3545}.action-btn.delete:hover{color:#c82333}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:1em;display:inline-block}.status-badge.pending{background-color:var(--primary-orange);color:#fff}.status-cell{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.status-main{display:inline-flex;align-items:center;gap:6px}.status-info-icon{position:relative;top:-1px;width:12px;height:12px;border-radius:999px;border:1px solid var(--primary-blue);background:var(--primary-blue);color:#fff;font-size:.62rem;font-weight:700;line-height:1;cursor:help;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.status-info-icon:after{content:attr(data-note);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--primary-blue);color:#fff;padding:.45rem .6rem;border-radius:6px;font-size:.85rem;line-height:1.25;white-space:normal;width:max-content;max-width:580px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease;z-index:20}.status-info-icon:hover{border-color:var(--primary-blue);background:#1d4ed8}.status-info-icon:hover:after{opacity:1;visibility:visible}.quote-table .status-main{position:relative;padding-right:16px}.quote-table .status-info-icon.cost-breakdown-info-btn{position:absolute!important;right:-2px!important;top:-4px!important;width:12px!important;height:12px!important;border-radius:999px!important;border:1px solid var(--primary-blue)!important;background:var(--primary-blue)!important;color:#fff!important;font-size:9px!important;font-weight:700!important;line-height:1!important;text-align:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;vertical-align:middle!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quote-viewed-status{font-size:.75rem;font-weight:400;letter-spacing:.3px;padding-left:.75rem}.quote-viewed-status.viewed{color:#28a745}.quote-viewed-status.awaiting{color:#6c757d}.quote-id-link{color:#007bff;cursor:pointer}.quote-id-link:hover{text-decoration:underline;color:#0056b3}.add-quote-btn{background-color:var(--primary-orange);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;pointer-events:auto;display:inline-flex;align-items:center;gap:.5rem;min-width:160px;flex:1;transition:background-color .3s ease}.add-quote-btn:hover{background-color:var(--dark-orange)}.add-quote-btn:disabled,.add-quote-btn.is-disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.add-quote-btn.is-loading{justify-content:center}.add-quote-btn.secondary-btn{background-color:transparent;color:var(--primary-orange);border:2px solid var(--primary-orange);transition:color .3s ease,border-color .3s ease,background-color .3s ease}.add-quote-btn.secondary-btn:hover{background-color:#f9731614;border-color:var(--dark-orange);color:var(--dark-orange)}.playbook-link{background-color:var(--primary-blue);color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;text-decoration:none;transition:background-color .3s ease;display:block;width:fit-content;margin:1rem 0 1rem auto}.playbook-link:hover{background-color:var(--secondary-blue);color:#fff;text-decoration:none}.badge-new{display:inline-flex;align-items:center;background:red;color:#fff;border-radius:12px;padding:2px 8px;font-size:.72rem;line-height:1;margin-left:8px;font-weight:600}.btn-badge-wrapper{position:relative;display:inline-flex;align-items:center}.badge-offset{position:absolute;top:-8px;right:-10px;margin-left:0}.segment-header-list{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem;padding-top:1rem;border-bottom:2px solid #ddd}.inventory-table-container{grid-column:1 / -1;margin-top:1rem;overflow-x:auto;border-radius:8px;box-shadow:0 2px 6px #0000001a}.inventory-table{width:100%;border-collapse:collapse;margin-top:.5rem;font-size:.95rem}.inventory-table th{background-color:var(--primary-blue);color:#fff;font-weight:600;padding:1rem;text-align:left;border-bottom:2px solid #ddd;position:sticky;top:0;z-index:10}.modal.quote-locked #editQuoteBtn,.modal.quote-locked .edit-btn,.modal.quote-locked .save-btn,#edit-button-wrapper-bottom[data-mode=locked] .edit-mode{display:none!important}#edit-button-wrapper-bottom[data-mode=locked] .locked-mode{display:flex!important}#edit-button-wrapper-bottom[data-mode=edit] .locked-mode{display:none!important}#edit-button-wrapper-bottom[data-mode=edit] .edit-mode{display:flex!important}.modal.quote-locked input,.modal.quote-locked select,.modal.quote-locked textarea{border:none!important;background:transparent!important;color:#333!important;padding:0!important;margin:0!important;cursor:default!important;pointer-events:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;box-shadow:none!important;font-weight:500}.read-only-banner{background-color:#fef3c7;border-bottom:1px solid #f59e0b;border-left:4px solid #f59e0b;color:#92400e;padding:1rem 1.5rem;margin:-1.5rem -1.5rem 1.5rem;display:flex;align-items:center;gap:12px;font-size:.95rem;border-top-left-radius:8px;border-top-right-radius:8px}.read-only-banner i{font-size:1.1rem}.read-only-banner.under-window-controls{margin-top:0}.inventory-table th,.inventory-table td{padding:.85rem;border:1px solid #ddd;text-align:left}.info-notes{display:flex;flex-direction:column;margin-top:1rem;padding:1rem;border:1px solid #ddd;border-radius:6px;background-color:#f8f9fa;font-size:.95rem;max-width:100%}.info-notes label{font-weight:600;color:#333;margin-bottom:.5rem;font-size:1rem}.info-notes span{display:block;padding:.75rem;border-radius:4px;background-color:#fff;border:1px solid var(--primary-blue);min-height:50px;white-space:pre-wrap;font-size:.95rem;line-height:1.5}.info-notes span:empty:before{content:"No additional notes provided.";color:#777;font-style:italic}.inventory-table tr:nth-child(2n){background-color:#f5f7fa}.inventory-table tbody tr:hover{background-color:#eef3f8;transition:background-color .2s ease-in-out}.date-input-wrapper{position:relative;display:inline-block}.date-input-wrapper input[type=date]:hover{border-color:#999}input[type=date]:focus{outline:none;border-color:#06c;box-shadow:0 0 3px #06c3}input[type=date]::-webkit-calendar-picker-indicator{opacity:1;display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;position:absolute;right:0;width:20px;height:20px}.date-picker{border:1px solid #ccc;border-radius:4px;padding:8px;width:150px}@media (max-width: 768px){.inventory-table th,.inventory-table td{padding:.65rem}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #2b82a51a}#loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-size:1.5rem;z-index:1000}.quote-list-loading-row td{padding:1.5rem}.quote-list-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;color:#4b5563;font-weight:600}.quote-list-spinner{width:20px;height:20px;border:3px solid #d1d5db;border-top-color:#2b82a5;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.customers-container{padding:1rem}.customers-container .header{flex-direction:column;gap:1rem;align-items:flex-start}.customer-table{font-size:.9rem}.customer-table th,.customer-table td{padding:.75rem}.resize-handle{display:none}.inventory-table-container{margin:1rem -1rem;width:calc(100% + 2rem)}}.toggle-btn{background-color:var(--primary-blue);border:none;border-radius:20%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease}.toggle-btn:hover{background-color:var(--secondary-blue)}.toggle-btn i{color:#fff;font-size:12px}.edit-wrapper{display:inline-flex;gap:.75rem;align-items:center}.video-guides-container{display:flex;gap:12px;margin:15px 0 20px;flex-wrap:wrap}.video-pill{display:inline-flex;align-items:center;gap:8px;background-color:#f8f9fa;border:1px solid #e0e0e0;padding:8px 16px;border-radius:50px;color:#555;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.video-pill i.fa-play-circle{color:#dc3545}.video-pill i.fa-list-ul{color:#007bff}.video-pill:hover{background-color:#fff;border-color:#b0b0b0;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a;color:#333}.video-pill strong{color:#333}.video-notes{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px;margin-bottom:12px;color:#6b7280;font-size:12px}.video-notes span{white-space:nowrap}.modal-header-summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1rem 1.25rem;border:1px solid #e5e7eb;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#fff)}.summary-left h2{margin:.35rem 0 .15rem;font-size:1.4rem;color:#1f2937}.summary-meta{margin:0;font-size:.9rem;color:#6b7280}.summary-actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.status-badge-large{display:inline-flex;align-items:center;padding:.32rem .8rem;border-radius:999px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#1e3a8a;background:#dbeafe}.status-badge-large.created,.status-badge-large.new{background:#e0f2fe;color:#0c4a6e}.status-badge-large.in_progress,.status-badge-large.under_review{background:#fef3c7;color:#92400e}.status-badge-large.accepted_by_customer{background:#dcfce7;color:#166534}.status-badge-large.rejected_by_customer,.status-badge-large.rejected_by_company,.status-badge-large.archived{background:#fee2e2;color:#991b1b}.cool-btn{padding:10px 20px;border-radius:8px;font-weight:600;transition:transform .2s,box-shadow .2s;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem}.cool-btn.primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 12px #ea580c4d}.cool-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.cool-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000001a}.modal.quote-locked .cool-btn{display:none!important}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0 1.25rem}.info-tile{background:#fff;padding:1.1rem;border-radius:12px;border:1px solid #edf2f7;text-align:center}.info-tile label{display:block;font-size:.75rem;text-transform:uppercase;color:#718096;margin-bottom:.5rem}.info-tile span{font-size:1.2rem;font-weight:700;color:#1a202c}.tile-subtext{margin:.35rem 0 0;font-size:.84rem;color:#6b7280;overflow-wrap:break-word}.info-tile-price span{color:#ea580c;font-size:1.5rem}@media (max-width: 768px){.modal-header-summary{flex-direction:column;align-items:flex-start}.summary-actions{width:100%;justify-content:flex-start}#edit-button-wrapper-bottom{width:100%;padding:.5rem 0 0!important}.edit-wrapper{display:flex;flex-direction:column;width:100%;gap:.6rem}.edit-wrapper .add-quote-btn,.edit-wrapper .btn-badge-wrapper{width:100%}.edit-wrapper .add-quote-btn{justify-content:center}}@media (max-width: 600px){.quote-table thead{display:none}.quote-table,.quote-table tbody,.quote-table tr,.quote-table td{display:block;width:100%}.quote-table tr{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:.75rem;padding:.5rem .75rem;background:#fff;box-shadow:0 1px 3px #0000000f}.quote-table tr:hover{background-color:#f0f7fb}.quote-table td{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid #f3f4f6;text-align:right}.quote-table td:last-child{border-bottom:none}.quote-table td:before{content:attr(data-label);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;text-align:left;flex-shrink:0;margin-right:.75rem}.quotes-container .header{flex-direction:column;align-items:flex-start;gap:1rem}.quotes-container .header>div{width:100%}.quotes-container .header .add-quote-btn{width:100%;justify-content:center}}#detail-inventory-boxes.ro-inventory-boxes{grid-column:1 / -1;margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.ro-box-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;box-shadow:0 4px 12px #0000000a;display:flex;flex-direction:column;gap:10px}.ro-box-card-title{font-weight:700;color:#1f2937;display:flex;align-items:center;gap:6px;font-size:.95rem}.ro-box-card-title i{color:var(--primary-orange, #f97316)}.ro-box-card-value{font-size:1.35rem;color:#1f2937}#detail-inventory-items.ro-inventory-items{grid-column:1 / -1;margin-top:1.25rem}.ro-inventory-items-empty{color:#718096;font-size:.9rem}.ro-inventory-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #edf2f7;border-radius:12px;overflow:hidden}.ro-inventory-table thead th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:#718096;background:#f7fafc;padding:.65rem .9rem;border-bottom:1px solid #edf2f7}.ro-inventory-table tbody td{padding:.6rem .9rem;font-size:.88rem;color:#1a202c;border-bottom:1px solid #f3f4f6;vertical-align:middle}.ro-inventory-table tbody tr:last-child td{border-bottom:none}.ro-inventory-thumb{width:42px;height:42px;object-fit:cover;border-radius:8px;display:block}.ro-inventory-thumb-placeholder{width:42px;height:42px;border-radius:8px;background:#f7fafc;color:#cbd5e0;display:flex;align-items:center;justify-content:center;font-size:1rem}#detail-videos-container.ro-video-tiles{grid-column:1 / -1;margin-top:.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.ro-video-tiles-empty,.ro-video-tiles-loading{color:#718096;font-size:.9rem;grid-column:1 / -1}.ro-video-tile{background:#fff;border:1px solid #edf2f7;border-radius:12px;padding:1rem 1.1rem;display:flex;align-items:flex-start;gap:.85rem}.ro-video-tile-icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#2b82a51a;color:var(--primary-blue, #2b82a5);display:flex;align-items:center;justify-content:center;font-size:1rem}.ro-video-tile-content{flex:1;min-width:0}.ro-video-tile-title{margin:0 0 .6rem;font-size:.92rem;font-weight:600;color:#1a202c;overflow-wrap:anywhere}.ro-video-tile-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.ro-video-tile-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;text-decoration:none;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--primary-blue, #2b82a5);color:var(--primary-blue, #2b82a5);background:#fff;transition:background .15s ease,color .15s ease}.ro-video-tile-btn:hover,.ro-video-tile-btn.ro-view-btn{background:var(--primary-blue, #2b82a5);color:#fff}.ro-video-tile-btn.ro-view-btn:hover{opacity:.88}.ro-inventory-thumb{cursor:zoom-in}.ro-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:10050;opacity:0;visibility:hidden;transition:opacity .2s ease}.ro-lightbox.active{opacity:1;visibility:visible}.ro-lightbox-content{max-width:90%;max-height:90%;position:relative}.ro-lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 0 30px #00000080}.ro-lightbox-close{position:absolute;top:-2.2rem;right:-.5rem;color:#fff;font-size:1.8rem;line-height:1;background:none;border:none;cursor:pointer}.ro-video-lightbox-content{max-width:80vw}.ro-lightbox-video{max-width:100%;max-height:85vh;border-radius:8px;box-shadow:0 0 30px #00000080;display:block;background:#000}