.quotation-panel{padding:20px}.quotation-panel h2{margin:0}.quotation-panel .toolbar p{margin:6px 0 0}.quotation-filters{display:grid;grid-template-columns:2fr 1.3fr 1fr 1fr auto auto;gap:12px;align-items:end;margin:20px 0}.quotation-filters label,.quotation-form-grid label,.quotation-modal-body>label{display:flex;flex-direction:column;gap:7px;font-size:13px;min-width:0}.quotation-panel input,.quotation-panel select,.quotation-modal input,.quotation-modal select,.quotation-modal textarea{min-width:0;max-width:100%;box-sizing:border-box}.quotation-filters input,.quotation-filters select,.quotation-form-grid input:not([type=checkbox]),.quotation-form-grid select,.quotation-form-grid textarea,.quotation-modal-body>label input,.quotation-modal-body>label textarea{width:100%;padding:9px 10px;border:1px solid var(--line,#dbe3ec);border-radius:6px;background:#fff;color:var(--ink,#172b4d);font:inherit}.quotation-bulk{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;font-size:13px}.quotation-bulk label{display:flex;align-items:center;gap:6px}.quotation-bulk button,.quotation-actions button,.quotation-modal-foot button,.quotation-pagination button{white-space:nowrap;flex-shrink:0}.quotation-list{border:1px solid var(--line,#dbe3ec);border-radius:10px;overflow:hidden}.quotation-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(200px,1.4fr) minmax(130px,1fr) minmax(160px,1fr) auto;gap:14px;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line,#dbe3ec);font-size:13px}.quotation-row:last-child{border-bottom:0}.quotation-list.is-manager .quotation-row{grid-template-columns:20px minmax(170px,1.4fr) minmax(220px,1.5fr) minmax(130px,1fr) minmax(160px,1fr) auto}.quotation-row.is-dirty{background:#f4f8ff}.quotation-product,.quotation-terms,.quotation-time{display:flex;flex-direction:column;gap:6px;min-width:0;overflow-wrap:anywhere}.quotation-product strong{font-size:15px}.quotation-product small,.quotation-time small,.quotation-terms small{color:var(--muted,#64748b);font-size:12px}.quotation-prices{display:grid;grid-template-columns:1fr;gap:10px;min-width:0}.quotation-prices label{display:flex;gap:5px;flex-direction:column;min-width:0}.quotation-prices label>span{font-size:12px;color:var(--muted,#64748b)}.quotation-prices input[type=number],.quotation-time input{border:1px solid var(--line,#dbe3ec);border-radius:5px;background:white;padding:7px 9px;max-width:170px;width:100%;font:inherit}.quotation-prices strong{font-variant-numeric:tabular-nums}.quotation-sale{color:#1764c0}.quotation-prices .quotation-review,.quotation-form-grid .quotation-review,.quotation-modal-body .quotation-review{flex-direction:row;align-items:center;font-size:12px}.quotation-review input{flex:none;width:auto}.quotation-review[hidden]{display:none}.quotation-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.quotation-status{display:inline-flex;align-self:flex-start;border-radius:5px;padding:3px 7px;font-size:12px;background:#eaf6ef;color:#217248}.quotation-status.expired{background:#fff3dc;color:#8d5a0c}.quotation-status.paused,.quotation-status.unavailable{background:#edf0f4;color:#657187}.quotation-pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:16px;font-size:13px;color:var(--muted,#64748b)}.quotation-pagination>span{margin-right:auto}.quotation-update{padding:12px;background:#fff7e8;border:1px solid #f4d79e;border-radius:6px;margin-bottom:14px;font-size:13px}.quotation-update[hidden]{display:none}.quotation-update button{margin-left:12px}.quotation-modal{width:min(920px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;display:flex;flex-direction:column;overflow:hidden}.quotation-modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line,#dbe3ec);flex:none}.quotation-modal-head h2{font-size:19px;margin:0}.quotation-modal form{min-height:0;display:flex;flex-direction:column;overflow:hidden;margin:0}.quotation-modal-body{padding:20px 22px;overflow:auto;min-height:0;overscroll-behavior:contain}.quotation-modal-foot{padding:14px 22px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line,#dbe3ec);flex:none;flex-wrap:wrap;background:#fff}.quotation-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quotation-form-grid .wide{grid-column:1/-1}.quotation-choice{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;min-width:0}.quotation-choice>small,.quotation-choice>div{grid-column:1/-1;min-width:0;color:var(--muted,#64748b)}.quotation-choice-option{display:block;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--line,#dbe3ec);padding:10px;width:100%;font:inherit;color:var(--ink,#172b4d)}.quotation-choice-option:hover{background:#eff6ff}.quotation-detail-heading{display:flex;gap:12px;align-items:center}.quotation-detail-heading h3{margin:0;min-width:0;overflow-wrap:anywhere}.quotation-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:14px}.quotation-detail-grid dt{font-size:12px;color:var(--muted,#64748b);margin-bottom:7px}.quotation-detail-grid dd{margin:0;overflow-wrap:anywhere}.quotation-note{padding:12px;background:#f5f8fc;border-radius:6px;white-space:pre-wrap;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.quotation-error{color:#ad2632;font-size:13px;white-space:pre-wrap}.quotation-copy{width:100%;padding:12px;font:inherit;line-height:1.7;border:1px solid var(--line,#dbe3ec);border-radius:6px}.quotation-history article{border-bottom:1px solid var(--line,#dbe3ec);padding:16px 0}.quotation-history article:first-child{padding-top:0}.quotation-history header{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.quotation-history header small{color:var(--muted,#64748b)}.quotation-save-list>div{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--line,#dbe3ec)}
@media(min-width:1500px){.quotation-prices{grid-template-columns:1fr 1fr}.quotation-prices .quotation-review{grid-column:1/-1}.quotation-list.is-manager .quotation-row{grid-template-columns:20px minmax(180px,1.5fr) minmax(320px,2fr) minmax(160px,1fr) minmax(170px,1fr) auto}.quotation-actions{flex-direction:row}.quotation-row{padding-top:13px;padding-bottom:13px}}
@media(max-width:1150px){.quotation-filters{grid-template-columns:2fr 1.5fr 1fr 1fr}.quotation-row,.quotation-list.is-manager .quotation-row{grid-template-columns:20px 1fr 1fr}.quotation-list:not(.is-manager) .quotation-product{grid-column:1/3}.quotation-terms{grid-column:2}.quotation-list:not(.is-manager) .quotation-terms{grid-column:1/3}.quotation-actions{grid-column:1/-1;flex-direction:row;justify-content:flex-end}}
@media(max-width:780px){.quotation-panel{padding:14px}.quotation-panel .toolbar{align-items:flex-start;gap:10px}.quotation-panel .toolbar p{font-size:12px}.quotation-filters{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.quotation-bulk{gap:8px}.quotation-bulk button{min-height:36px}.quotation-row,.quotation-list.is-manager .quotation-row{grid-template-columns:20px minmax(0,1fr);gap:12px;padding:14px}.quotation-product{grid-column:2}.quotation-prices,.quotation-terms,.quotation-time,.quotation-list:not(.is-manager) .quotation-terms{grid-column:1/-1}.quotation-list:not(.is-manager) .quotation-product{grid-column:1/-1}.quotation-prices{grid-template-columns:1fr 1fr;border-top:1px solid var(--line,#dbe3ec);padding-top:12px}.quotation-prices .quotation-review{grid-column:1/-1}.quotation-prices input[type=number]{width:100%;max-width:none}.quotation-terms{gap:4px}.quotation-time{display:grid;grid-template-columns:1fr 1fr;align-items:center}.quotation-time small{grid-column:1/-1}.quotation-time>label{display:flex;align-items:center;gap:6px}.quotation-time>label small{white-space:nowrap}.quotation-time input{font-size:12px;max-width:140px;min-width:0}.quotation-actions{justify-content:stretch}.quotation-actions button{flex:1}.quotation-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.quotation-modal-head{padding:14px}.quotation-modal-body{padding:14px}.quotation-modal-foot{padding:12px;gap:8px}.quotation-modal-foot button{min-height:40px}.quotation-form-grid{gap:14px;grid-template-columns:1fr}.quotation-detail-grid{grid-template-columns:1fr;gap:14px}.quotation-history header{flex-direction:column}.quotation-pagination{flex-wrap:wrap}.quotation-pagination>span{font-size:12px}.quotation-detail-heading{flex-wrap:wrap}}
@media(max-width:780px){.quotation-time{grid-template-columns:80px minmax(0,1fr)}.quotation-time .quotation-status{white-space:nowrap}.quotation-time>label>small{display:none}.quotation-time input{width:100%;max-width:none}body:has(#view[data-view="quotations"]) #page-title{white-space:nowrap;font-size:18px}body:has(#view[data-view="quotations"]) .user-pill{max-width:90px}}
.quotation-channel-group{border:0;padding:0;margin:0;min-width:0}.quotation-channel-group legend{font-size:13px;padding:0 0 8px}.quotation-channel-group legend small{margin-left:6px;color:var(--muted,#64748b)}.quotation-channel-group>div{display:flex;gap:10px;flex-wrap:wrap}.quotation-form-grid .quotation-channel-group label{display:flex;flex-direction:row;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line,#dbe3ec);border-radius:6px;cursor:pointer}.quotation-channel-group label:has(:checked){border-color:#8ab7e6;background:#f0f7ff;color:#175d9f}.quotation-channel-group input{width:16px;height:16px;margin:0;flex:none}
.quotation-choice{position:relative}.quotation-choice.is-open{z-index:12}.quotation-choice>small{height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quotation-choice-popover{position:absolute;left:0;right:0;z-index:20;display:flex;flex-direction:column;overflow:hidden;border:1px solid #b8cde3;border-radius:8px;box-shadow:0 8px 24px #17314f24;background:#fff;color:var(--ink,#172b4d);font-size:13px}.quotation-choice-popover[hidden]{display:none}.quotation-choice-options{min-height:0;overflow-y:auto;overscroll-behavior:contain}.quotation-choice-option{overflow-wrap:anywhere;line-height:1.5;cursor:pointer}.quotation-choice-option:focus-visible{outline:2px solid #2875bd;outline-offset:-2px;background:#eff6ff}.quotation-choice-popover .quotation-pagination{margin:0;padding:8px;gap:6px;flex-wrap:nowrap;flex:none;border-top:1px solid var(--line,#dbe3ec);background:#f8fafc}.quotation-choice-popover .quotation-pagination small{margin-right:auto;font-size:11px;white-space:nowrap}.quotation-choice-popover .quotation-pagination button{padding:5px 8px;font-size:12px;min-height:30px}.quotation-choice-message{padding:12px;line-height:1.5}
.quotation-modal .quotation-modal-head{gap:12px}.quotation-modal .quotation-modal-head h2{white-space:nowrap}.quotation-modal .quotation-modal-head>button.action-btn{width:auto;flex:0 0 auto}