.import-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.import-search-box{position:relative;margin:14px 0}.import-search-results{position:absolute;z-index:120;left:0;right:0;top:100%;max-height:260px;overflow:auto;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 20px rgba(0,0,0,.12)}.import-search-results:empty{display:none}.import-search-results button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left;cursor:pointer}.import-search-results button:hover,.import-search-results button.active{background:var(--body-bg)}.import-result-product{flex:1;min-width:0}.import-result-product strong,.import-result-product small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-result-product small{margin-top:3px;color:var(--text-secondary)}.import-result-price{flex:0 0 auto;font-weight:600;white-space:nowrap}.import-result-check{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff}
.quick-import-table .col-index{width:42px;text-align:center}.quick-import-table .col-code{width:105px}.quick-import-table .col-qty{width:74px}.quick-import-table .col-cost{width:125px}.quick-import-table input{min-width:0}.excel-preview-note{padding:10px 12px;background:var(--body-bg);border-radius:var(--radius);font-size:.85rem;color:var(--text-secondary)}
.import-financial-summary{margin:4px 0 14px}.import-financial-summary .detail-value{font-weight:700}
@media(max-width:700px){
  .modal-overlay:has(#qif_items){padding:0!important;align-items:stretch!important}
  .modal:has(#qif_items){width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  .modal:has(#qif_items) .modal-header{flex:0 0 auto}
  .modal:has(#qif_items) .modal-body{flex:1 1 auto;min-height:0;max-height:none!important;padding:10px!important;overflow-y:auto!important}
  .modal:has(#qif_items) .modal-footer{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px;flex:0 0 auto;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;background:var(--card-bg);box-shadow:0 -4px 16px rgba(0,0,0,.12);z-index:20}
  .modal:has(#qif_items) .modal-footer .btn{min-width:0;justify-content:center;min-height:44px}
  .import-actions .btn{flex:1;justify-content:center}.import-actions .excel-preview-note{flex-basis:100%}
  .import-search-results{position:static;margin-top:6px;max-height:220px}.import-search-results button{padding:9px 8px}.import-result-price{font-size:.86rem}.import-result-check{flex-basis:38px;width:38px;height:38px}
  .table-wrap:has(.quick-import-table){overflow:visible;border:0;background:transparent}
  .quick-import-table{display:block;width:100%;min-width:0!important}.quick-import-table thead{display:none}.quick-import-table tbody{display:grid;gap:10px}.quick-import-table tbody tr:not(.qif-empty-row){position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:10px 50px 10px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg)}
  .quick-import-table tbody td{display:block;width:auto;padding:0!important;border:0!important;text-align:left!important}.quick-import-table tbody td.col-index{display:none}.quick-import-table tbody td[data-label="Mã sản phẩm"],.quick-import-table tbody td[data-label="Tên sản phẩm"],.quick-import-table tbody td[data-label="Thành tiền"]{grid-column:1/-1}.quick-import-table tbody td[data-label]::before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--text-secondary);font-size:.72rem;font-weight:600}.quick-import-table tbody td[data-label="Thành tiền"]{display:flex;align-items:center;justify-content:space-between!important;padding-top:7px!important;border-top:1px dashed var(--border)!important}.quick-import-table tbody td[data-label="Thành tiền"]::before{margin:0}.quick-import-table .qif-row-action{position:absolute;top:10px;right:8px}.quick-import-table .qif-row-action .btn-icon{width:36px;height:36px}.quick-import-table .qif-empty-row{display:table-row}.quick-import-table .qif-empty-row td{display:table-cell!important;padding:18px 8px!important}
  .quick-import-table tfoot{display:block;margin-top:10px}.quick-import-table tfoot tr{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:var(--radius);background:var(--body-bg)}.quick-import-table tfoot td{display:none!important}.quick-import-table tfoot td:nth-child(1),.quick-import-table tfoot td:nth-child(2){display:block!important;padding:0!important;border:0!important}.quick-import-table tfoot td:nth-child(2)::after{content:' ₫'}
}