/* PISTORA v60 — ingredient import (supplier CSV, USDA FoodData Central). Uses the v54 tokens from design-v54.css. */
.import-dialog{max-width:min(980px,calc(100vw - 32px));width:100%;border:1px solid var(--line);border-radius:16px;padding:0;background:var(--paper);color:var(--ink)}
.import-dialog::backdrop{background:rgba(20,30,20,.35)}
.import-box{display:grid;gap:12px;padding:20px 22px;min-width:0}
.import-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.import-head h2{margin:0;font-size:18px}
.import-tabs{display:flex;flex-wrap:wrap;gap:6px}
.import-tabs button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:6px 14px;font-weight:600;cursor:pointer}
.import-tabs button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
#imp-panel{display:grid;gap:12px;min-width:0}
.import-box>*,#imp-panel>*{min-width:0}
.import-facts{margin:0;padding-left:18px;font-size:13px;color:var(--muted);display:grid;gap:3px}
.import-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.import-check{display:flex;gap:8px;align-items:flex-start;font-size:14px}
.import-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.import-fields label{display:grid;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}
.import-fields input{min-width:0;width:100%}
.import-summary{margin:0;font-size:14px}
#imp-csv-file{display:none!important}
.import-table .imp-name{min-width:150px}
.import-scroll{max-height:min(52vh,480px);overflow:auto}
.import-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.import-table th,.import-table td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.import-table thead th{position:sticky;top:0;background:var(--paper);font-size:12px;color:var(--muted);white-space:nowrap}
.import-table td small{color:var(--muted)}
.import-table tr.imp-bad td{background:var(--bad-bg,#fbe9e5)}
.imp-food-table{max-width:520px}
.imp-food-table tbody th{font-weight:600;white-space:nowrap}
.imp-food{margin:0;font-size:16px}
.imp-notes{min-width:220px;display:grid;gap:2px;color:var(--muted)}
.imp-notes .imp-err{color:var(--bad,#a3341f);font-weight:600}
.imp-tag{display:inline-block;padding:0 7px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.7;white-space:nowrap}
.imp-unknown{background:var(--bad-bg,#fbe9e5);color:var(--bad,#a3341f)}
.imp-assume,.ev-assumption{background:#f3ecfa;color:#5b3f86;border-color:#dccdee}
.imp-manual{background:#fff6e8;color:var(--warn,#9a5b12)}
.imp-ref{background:#ecede4;color:#4d5a4e}
@media (max-width:520px){.import-box{padding:16px}.import-table{font-size:12px}}
@media print{.import-dialog{display:none!important}}
/* v61: USDA search by name, chosen foods, CSV allergen column */
.import-modes button{padding:4px 12px;font-size:13px}
.import-fields select{min-width:0;width:100%}
.imp-search-table td:first-child{text-align:center}
.imp-search-table input[type=checkbox],.imp-picks input[type=checkbox]{width:18px;height:18px}
.imp-picks .imp-name input{min-width:170px;width:100%;text-align:left}
.imp-picks td:nth-child(2),.imp-search-table td:nth-child(3),.imp-picks td[data-v],.imp-search-table td{white-space:nowrap}
.imp-search-table td.imp-name,.imp-search-table td:last-child{white-space:normal}
.imp-picks input[type=number]{width:110px}
.imp-allergens{min-width:140px}