/* v0.41.0: dòng sản phẩm được làm nổi, tổng tiền trên thanh nút ghim, hộp xác nhận xoá, hộp Đã lập báo giá */

/* Dòng sản phẩm được chuyển tới */
@keyframes line-flash{0%,100%{box-shadow:0 0 0 0 transparent}15%,55%{box-shadow:0 0 0 4px var(--flash,#3d86f5)}}
#quote-form .line-flash,#quote-form .line-flash-error{position:relative;border-radius:8px;animation:line-flash 1.6s ease-in-out 2}
#quote-form .line-flash{--flash:#3d86f566;background:#eef4ff}
#quote-form .line-flash-error{--flash:#d92d2066;background:#fef3f2;outline:2px solid #d92d20;outline-offset:2px}
body.theme-dark #quote-form .line-flash{--flash:#5b9dff80;background:#1c3a68}
body.theme-dark #quote-form .line-flash-error{--flash:#ff8a8080;background:#3a1d1d;outline-color:#ff8a80}

/* Tổng tiền tạm tính trên thanh nút cuối trang */
#quote-form>.actions{align-items:center}
#quote-form .actions-total{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:10px;margin-right:auto}
#quote-form .actions-total-label{color:#344054;font-size:15px;font-weight:600}
#quote-form .actions-total #live-total{margin:0;font-size:24px;line-height:1.1;white-space:nowrap}
#quote-form .actions-total-hint{grid-column:1/-1;color:#667085;font-size:12px}
body.theme-dark #quote-form .actions-total-label{color:var(--d-ink-2)}
body.theme-dark #quote-form .actions-total-hint{color:var(--d-ink-3)}
body.theme-dark #quote-form .actions-total #live-total{color:var(--d-accent)}
@media(max-width:760px){#quote-form>.actions{flex-wrap:wrap}#quote-form .actions-total{flex-basis:100%}}

/* Hộp xác nhận xoá */
#dialog.confirm-dialog{width:min(480px,calc(100vw - 32px))}
#dialog.confirm-dialog .dialog-head{border-bottom:0;padding-bottom:0}
.cd-main{display:flex;gap:16px;align-items:flex-start;padding:4px 0 6px}
.cd-icon{display:grid;flex:none;place-items:center;width:48px;height:48px;border-radius:50%;background:#fee4e2;color:#d92d20;box-shadow:0 0 0 8px #fef3f2}
.cd-icon .solid-icon{width:22px;height:22px;flex-basis:22px}
.cd-text{display:grid;gap:6px;min-width:0;padding-top:2px}
.cd-question{color:#101828;font-size:16px;line-height:1.4}
.cd-note{margin:0;color:#667085;font-size:14px;line-height:1.5}
.cd-text .inline-error:empty{display:none}
.cd-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.cd-actions .cd-cancel{min-width:88px;padding:9px 16px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-weight:600}
.cd-actions .cd-cancel:hover{background:#f2f4f7}
.cd-actions .cd-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:96px;padding:9px 18px;border:1px solid #d92d20;border-radius:8px;background:#d92d20;color:#fff;font-weight:700;box-shadow:0 1px 2px #1018280d}
.cd-actions .cd-danger .solid-icon{width:16px;height:16px;flex-basis:16px}
.cd-actions .cd-danger:hover{border-color:#b42318;background:#b42318}
.cd-actions .cd-danger:disabled{opacity:.6}
body.theme-dark .cd-icon{background:#4a1f1f;color:#ff9a90;box-shadow:0 0 0 8px #2a1616}
body.theme-dark .cd-question{color:var(--d-ink)}
body.theme-dark .cd-note{color:var(--d-ink-3)}
body.theme-dark .cd-actions .cd-cancel{border-color:var(--d-line-2);background:var(--d-surface-2);color:var(--d-ink)}
body.theme-dark .cd-actions .cd-danger{border-color:#dc2626;background:#dc2626;color:#fff}
body.theme-dark .cd-actions .cd-danger:hover{border-color:#ef4444;background:#ef4444;color:#fff}

/* Hộp Đã lập báo giá */
.qd-done .qd-total{margin-top:4px;color:#344054;font-size:15px}
.qd-done .qd-total b{color:#067647;font-size:17px}
.qd-done .qd-detail{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:7px 14px;font-weight:600}
.qd-done .qd-detail .solid-icon{width:16px;height:16px;flex-basis:16px}
body.theme-dark .qd-done .qd-total{color:var(--d-ink-2)}
body.theme-dark .qd-done .qd-total b{color:#6ee7a0}
.cd-actions button:focus-visible{outline:2px solid #98a2b3;outline-offset:2px}

/* Icon "Đổi tất cả nhà cung cấp" trên thanh khối thu gọn (nền sáng): icon tối để không chìm */
body:not(.theme-dark) #quote-form .fold-card.collapsed .fold-extra .bulk-supplier-btn.icon-only{border:1px solid #d0d5dd;background:#fff;color:#344054}
body:not(.theme-dark) #quote-form .fold-card.collapsed .fold-extra .bulk-supplier-btn.icon-only:hover,body:not(.theme-dark) #quote-form .fold-card.collapsed .fold-extra .bulk-supplier-btn.icon-only:focus-visible{border-color:var(--brand,#0964fe);background:#eef4ff;color:var(--brand,#0964fe)}

/* Xem trước theo trang PDF */
#dialog .qpdf .qp-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.qpdf-nav{display:inline-flex;align-items:center;gap:6px}
.qpdf-nav button{min-width:36px;padding:6px 10px}
.qpdf-count{min-width:110px;color:#344054;font-weight:700;text-align:center}
.qpdf-stage{display:flex;justify-content:center;padding:18px;border-radius:10px;background:#525659}
.qpdf-sheet{display:grid;place-items:center;width:100%;max-width:820px;min-height:300px;background:#fff;box-shadow:0 8px 28px #0006}
.qpdf-sheet.landscape{max-width:1100px}
.qpdf-sheet img{display:block;width:100%;height:auto}
.qpdf-loading{padding:60px 20px;color:#667085}
.qpdf-hint{margin:8px 0 0}
body.theme-dark .qpdf-count{color:var(--d-ink)}
body.theme-dark .qpdf-stage{background:#0b0f17}

/* Trang soạn: Thao tác nằm sát Đóng báo giá */
#main .page-head .qa-menu+.close-quote{margin-left:calc(8px - var(--head-gap,16px))}

/* Chia sẻ: Copy link, khách đăng nhập Google */
#share-form .dialog-actions .share-copy-link{display:inline-flex;align-items:center;gap:8px;background:#067647;border-color:#067647}
#share-form .dialog-actions .share-copy-link:hover{background:#05603a;border-color:#05603a}
#share-form .dialog-actions .share-copy-link .solid-icon{width:16px;height:16px;flex-basis:16px}
.share-google{display:flex;align-items:center;gap:12px;margin:10px 0;padding:10px 12px;border:1px solid #b2ddff;border-radius:10px;background:#eff8ff}
.share-google>.solid-icon{width:20px;height:20px;flex:none;color:#175cd3}
.share-google>div{display:grid;gap:2px;flex:1;min-width:0}
.share-google .hint{margin:0}
.share-google button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.share-google button .solid-icon{width:15px;height:15px;flex-basis:15px}
.qs-share button+button{margin-left:6px}
.qs-google-hint{display:block}
body.theme-dark .share-google{border-color:#1f4a7a;background:#10233f}
body.theme-dark .share-google>.solid-icon{color:var(--d-accent)}
body.theme-dark #share-form .dialog-actions .share-copy-link{background:#067647;border-color:#12b76a;color:#fff}

/* Trang chủ · Báo giá trong tháng: giãn dòng chữ cho dễ đọc */
#main:has(#month) .table-wrap td{padding-top:12px;padding-bottom:12px;line-height:1.45;vertical-align:top}
#main:has(#month) .table-wrap td>.hint{margin-top:6px}
#main:has(#month) .table-wrap td>.muted{margin-top:4px}
#main:has(#month) .table-wrap td>button.small{margin:0}

/* Sản phẩm: nội dung đầy đủ của ô hiện trong ô gợi ý khi rê chuột (v48.js), dòng không giãn ra */
.catalog-table .cell-full{min-width:0}

.qpdf-text.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}