/* v0.35.0: hộp Sản phẩm */
/* Đã có ảnh thì chính ảnh là ô giữ chỗ, bỏ nút "Chọn ảnh" và dòng "Đã chọn 1 ảnh". */
#record-form .image-field:has(img.thumb){position:relative;width:max-content;max-width:100%}
#record-form .image-field:has(img.thumb) .file-btn,#record-form .image-field:has(img.thumb) .file-status{display:none}
#record-form .image-field:has(img.thumb) .image-choice{position:absolute;top:30px;right:8px;z-index:2;gap:0;margin:0;padding:0}
#record-form .image-field:has(img.thumb) .image-x{display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid #f2d2cd;border-radius:50%;background:#fff;color:#d92d20;font-size:15px;line-height:1;box-shadow:0 1px 4px #1018281f}
#record-form .image-field:has(img.thumb) .image-x:hover{border-color:#d92d20;background:#fef3f2}
#record-form .image-field:has(img.thumb) [data-image]{margin-top:6px}
#record-form .image-field:has(img.thumb) img.thumb{display:block;width:168px;height:132px;max-width:100%;max-height:none;object-fit:cover;border:1px solid #e0e5ec;border-radius:8px;background:#f8fafc}

/* Khối Nhà cung cấp nằm cạnh ảnh, Kích hoạt xuống cuối hộp. */
#record-form .supplier-editor{padding-top:0}
#record-form .supplier-editor>h3{display:flex;align-items:center;gap:6px;font-size:14px}
#record-form .supplier-editor .supplier-price-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 34px;gap:8px;margin:8px 0}
#record-form .supplier-editor .supplier-price-row>button{width:34px;padding:0}
#record-form label.record-active{display:flex;align-items:center;gap:8px;margin:4px 0 0;padding-top:12px;border-top:1px solid #eef1f6;color:#1d283b}
#record-form label.record-active input{margin:0}

/* Hàng Thông báo: ô nội dung rộng, ô số giây nhỏ bên phải. */
#share-form .share-note-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:end;margin:16px 0 4px}
#share-form .share-note-row>label{margin:0}
#share-form .share-secs{position:relative}
#share-form .share-secs input{padding-right:46px}
#share-form .share-secs-unit{position:absolute;right:12px;bottom:11px;color:#697487;font-size:13px;pointer-events:none}
@media(max-width:700px){#share-form .share-note-row{grid-template-columns:minmax(0,1fr)}}

/* Khoảng trống thừa cuối các hộp thoại: dòng báo lỗi rỗng không chiếm chỗ. */
#dialog form>.inline-error:empty{display:none;margin:0}
#share-form>.dialog-actions{margin-top:10px}

/* Các dòng giá nhà cung cấp sát nhau hơn. */
#record-form .supplier-editor .supplier-price-row{margin:0 0 6px}
#record-form #supplier-rows .supplier-price-row:not(:first-child){margin-top:0}
#record-form .supplier-editor>#supplier-rows{margin:2px 0 6px}