/* Multiple bills popup: final mobile-first layout for the requested two-type form. */
#bulkImportModal .bulk-import-modal-dialog{width:min(calc(100vw - 24px),1180px);max-width:1180px;margin:12px auto}
#bulkImportModal .modal-content{display:flex;max-height:calc(100dvh - 24px);overflow:hidden;border:1px solid var(--border,#dbe4ef);border-radius:20px;background:var(--white,#fff);color:var(--text,#17233c);box-shadow:0 18px 48px rgba(15,23,42,.18)}
#bulkImportModal .modal-header{flex:0 0 auto;padding:16px 20px;border-bottom:1px solid var(--border,#dbe4ef);background:var(--white,#fff)}
#bulkImportModal .modal-title{display:flex;align-items:center;gap:9px;color:var(--primary-dark,#173f63);font-size:1.25rem;font-weight:800}
#bulkImportModal .modal-title i{color:var(--primary,#1769a5)}
#bulkImportModal .modal-header .form-hint{margin-top:2px;line-height:1.35}
#bulkImportModal .modal-body{min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px;background:var(--white,#fff)}
#bulkImportModal .bulk-import-toolbar{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(360px,1.15fr);align-items:end;gap:14px;margin:0 0 14px;padding:14px;border:1px solid var(--border,#dbe4ef);border-radius:16px;background:var(--surface,#f8fafc);box-shadow:none}
#bulkImportModal .bulk-import-toolbar>div{min-width:0}
#bulkImportModal .bulk-import-toolbar .form-label,#bulkImportModal .bulk-import-file-actions>.form-label{display:block;margin-bottom:6px;font-weight:800;color:var(--text,#17233c)}
#bulkImportModal .bulk-import-file-actions{min-width:0}
#bulkImportModal .bulk-import-file-actions .d-flex{justify-content:flex-end;gap:8px!important}
#bulkImportModal .bulk-import-file-actions .btn{min-width:0;white-space:nowrap}
#bulkImportModal .bulk-import-bills{display:grid;gap:12px}
#bulkImportModal .bulk-import-bill{min-width:0;padding:14px;border:1px solid var(--border,#dbe4ef);border-radius:16px;background:var(--white,#fff);box-shadow:0 4px 14px rgba(15,23,42,.045)}
#bulkImportModal .bulk-import-bill-heading{margin-bottom:12px;align-items:center}
#bulkImportModal .bulk-import-bill-heading>div{min-width:0;flex:1 1 auto}
#bulkImportModal .bulk-import-bill-heading strong{font-size:1.02rem}
#bulkImportModal .bulk-import-bill-heading span{max-width:100%;font-variant-numeric:tabular-nums}
#bulkImportModal .bulk-import-remove-bill{flex:0 0 auto;white-space:nowrap}
#bulkImportModal .bulk-import-bill-fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px!important;margin:0!important}
#bulkImportModal .bulk-import-bill-fields>[class*="col-"]{width:auto!important;max-width:none!important;min-width:0!important;padding:0!important}
#bulkImportModal .bulk-import-field .form-label{display:block;margin:0 0 5px;overflow:hidden;color:var(--text,#17233c);font-size:.8rem;font-weight:750;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
#bulkImportModal .bulk-import-field .form-control,#bulkImportModal .bulk-import-field .form-select{width:100%;min-width:0;min-height:40px;height:40px}
#bulkImportModal .bulk-reference-input{width:100%;gap:3px}
#bulkImportModal .bulk-reference-prefix{flex:0 0 auto;padding:0 2px;font-size:.82rem}
#bulkImportModal .bulk-reference-input .form-control{flex:1 1 auto}
#bulkImportModal .bulk-import-field .form-hint{display:block;margin-top:3px;font-size:.68rem;line-height:1.2;white-space:normal}
#bulkImportModal .bulk-import-items-wrap{max-width:100%;overflow-x:auto!important;border:1px solid var(--border,#dbe4ef);border-radius:12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
#bulkImportModal .bulk-import-items-table{width:100%!important;min-width:720px!important;margin:0!important;table-layout:fixed!important;border-collapse:collapse}
#bulkImportModal .bulk-import-items-table .bulk-col-type{width:14%!important}
#bulkImportModal .bulk-import-items-table .bulk-col-number{width:16%!important}
#bulkImportModal .bulk-import-items-table .bulk-col-amount{width:33%!important}
#bulkImportModal .bulk-import-items-table .bulk-col-delete{width:4%!important}
#bulkImportModal .bulk-import-items-table th,#bulkImportModal .bulk-import-items-table td{min-width:0!important;padding:7px 6px!important;vertical-align:middle;overflow:hidden}
#bulkImportModal .bulk-import-items-table th{background:var(--surface,#f8fafc);color:var(--muted,#64748b);font-size:.78rem;font-weight:800;line-height:1.15;white-space:normal}
#bulkImportModal .bulk-import-items-table td{height:54px;border-top:1px solid var(--border,#dbe4ef)}
#bulkImportModal .bulk-import-items-table .form-control,#bulkImportModal .bulk-import-items-table .form-select{height:40px;min-height:40px;padding:6px 8px;font-size:.98rem;font-variant-numeric:tabular-nums}
#bulkImportModal .bulk-item-type-select{width:100%!important;min-width:0!important;border-color:var(--primary,#1769a5);font-size:.86rem!important;font-weight:750}
#bulkImportModal .bulk-item-number-cell .form-control,#bulkImportModal .bulk-item-amount-cell .form-control{width:100%!important;min-width:0!important}
#bulkImportModal .bulk-item-delete-cell{text-align:center!important}
#bulkImportModal .bulk-item-delete-cell .btn{width:32px;height:40px;padding:0}
#bulkImportModal .bulk-import-add-bill{margin-top:12px}
#bulkImportModal .modal-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border,#dbe4ef);background:var(--surface,#f8fafc)}
#bulkImportModal .modal-footer .btn{min-height:42px;white-space:nowrap}

@media(max-width:576px){
  #bulkImportModal .bulk-import-modal-dialog{width:calc(100vw - 8px);max-width:none;margin:4px auto}
  #bulkImportModal .modal-content{height:calc(100dvh - 8px);max-height:calc(100dvh - 8px);border-radius:16px}
  #bulkImportModal .modal-header{padding:12px 14px}
  #bulkImportModal .modal-title{font-size:1.08rem}
  #bulkImportModal .modal-body{padding:10px}
  #bulkImportModal .bulk-import-toolbar{grid-template-columns:1fr;gap:10px;padding:11px;margin-bottom:10px}
  #bulkImportModal .bulk-import-file-actions .d-flex{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
  #bulkImportModal .bulk-import-file-actions .btn{width:100%;padding-inline:6px;font-size:.82rem}
  #bulkImportModal .bulk-import-bill{padding:11px;border-radius:14px}
  #bulkImportModal .bulk-import-bill-heading{gap:7px;margin-bottom:10px}
  #bulkImportModal .bulk-import-bill-heading strong{font-size:.96rem}
  #bulkImportModal .bulk-import-bill-heading span{font-size:.76rem}
  #bulkImportModal .bulk-import-remove-bill{padding:6px 8px;font-size:.78rem}
  #bulkImportModal .bulk-import-bill-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 6px!important}
  #bulkImportModal .bulk-import-field .form-label{font-size:clamp(10px,2.75vw,12px)}
  #bulkImportModal .bulk-import-field .form-control,#bulkImportModal .bulk-import-field .form-select{height:40px;min-height:40px;padding-inline:6px;font-size:clamp(11px,3vw,14px)}
  #bulkImportModal .bulk-reference-input{gap:1px}
  #bulkImportModal .bulk-reference-prefix{padding:0;font-size:clamp(9px,2.35vw,11px)}
  #bulkImportModal .bulk-import-field .form-hint{font-size:10px}
  #bulkImportModal .bulk-import-items-table{width:383px!important;min-width:383px!important;}
  #bulkImportModal .bulk-import-items-table{display:table!important;table-layout:fixed!important}
  #bulkImportModal .bulk-import-items-table thead{display:table-header-group!important;width:auto!important}
  #bulkImportModal .bulk-import-items-table tbody{display:table-row-group!important;width:auto!important}
  #bulkImportModal .bulk-import-items-table tr{display:table-row!important;width:auto!important}
  #bulkImportModal .bulk-import-items-table th,#bulkImportModal .bulk-import-items-table td{display:table-cell!important;flex:none!important}
  #bulkImportModal .bulk-import-items-table .bulk-col-type{width:55px!important}
  #bulkImportModal .bulk-import-items-table .bulk-col-number{width:70px!important}
  #bulkImportModal .bulk-import-items-table .bulk-col-amount{width:108px!important}
  #bulkImportModal .bulk-import-items-table .bulk-col-delete{width:42px!important}
  #bulkImportModal .bulk-import-items-table th{font-size:11px}
  #bulkImportModal .bulk-import-items-table td{height:52px;padding:6px 4px!important}
  #bulkImportModal .bulk-item-type-select{width:100%!important;min-width:0!important;font-size:13px!important;}
  #bulkImportModal .modal-footer{display:grid;grid-template-columns:minmax(86px,.78fr) minmax(0,1.55fr);gap:7px;padding:9px 10px}
  #bulkImportModal .modal-footer .btn{width:100%;min-width:0;padding-inline:7px;font-size:.86rem}
}
