#gtinImportPanel { display:grid; gap:20px; padding-top:18px; }
#gtinImportPanel[hidden] { display:none; }
#gtinImportPanel .card { padding:24px; overflow:hidden; }
#gtinImportPanel h2 { font-size:21px; line-height:1.35; margin:0 0 12px; }
#gtinImportPanel h3 { margin:0 0 14px; }
#gtinImportPanel p { line-height:1.55; margin:12px 0; }
#gtinImportPanel button { font:inherit; font-size:13px; font-weight:600; border:1px solid #dce3ed; border-radius:9px; padding:9px 13px; background:#fff; color:#334155; cursor:pointer; }
#gtinImportPanel button:hover { background:#f1f5f9; border-color:#94a3b8; }
#gtinImportPanel button:focus-visible, #gtinImportPanel input:focus-visible, #gtinImportPanel select:focus-visible { outline:2px solid #f97316; outline-offset:2px; }
#gtinImportPanel button:disabled { opacity:.5; cursor:wait; }
#gtinImportPanel button[data-generate], #gtinImportPanel button[data-confirm], #gtinImportPanel button[type=submit] { background:#f97316; border-color:#f97316; color:white; }
#gtinImportPanel button[aria-pressed=true] { color:#c2410c; border-color:#fdba74; background:#fff7ed; }
#gtinImportPanel input:not([type=checkbox]), #gtinImportPanel select { font:inherit; font-size:14px; color:#0f172a; border:1px solid #cbd5e1; border-radius:8px; padding:9px 11px; background:#fff; max-width:100%; box-sizing:border-box; }
#gtinImportPanel input:disabled { background:#f1f5f9; }
#gtinImportPanel input[type=file] { border:0; padding:0; width:230px; }
#gtinImportPanel input[type=file]::file-selector-button { display:none; }
#gtinImportPanel input[type=checkbox] { accent-color:#f97316; margin-right:7px; }
#gtinImportPanel [data-field] { display:block; margin:6px 0; }
#gtinImportPanel td { vertical-align:top; }
#gtinImportPanel td button { font-size:12px; padding:7px 9px; margin:2px 0; }
#gtinImportPanel td:last-child { min-width:112px; }
#gtinImportPanel th, #gtinImportPanel td { padding:14px 11px; }
#gtinImportPanel details { margin-top:14px; }
#gtinImportPanel summary { cursor:pointer; color:#64748b; font-size:13px; }
#gtinImportPanel pre { font-size:12px; padding:12px; background:#f8fafc; border-radius:8px; max-height:320px; overflow:auto; }
#gtinImportPanel [data-error]:empty { display:none; }
#gtinImportPanel dialog { padding:28px; box-shadow:0 24px 80px #0f172a40; color:#0f172a; }
#gtinImportPanel dialog::backdrop { background:#0f172a70; backdrop-filter:blur(3px); }
#gtinImportPanel dialog small { display:block; max-width:100%; overflow-wrap:anywhere; line-height:1.5; color:#64748b; }
#gtinImportPanel dialog input[type=number] { width:100px; }
#gtinImportPanel [data-structure] { border-color:#fdba74; background:#fff7ed; color:#9a3412; }
@media(max-width:700px) {
 #gtinImportPanel .card { padding:16px; }
 #gtinImportPanel dialog { padding:18px; }
 #gtinImportPanel h2 { font-size:18px; }
 #gtinImportPanel [data-work] .gtin-table { min-width:1000px; }
}

/* Shared menus for all GTIN selects, including dynamically rendered forms. */
.gtin-custom-select{display:block;position:relative;min-width:0;width:100%}
.gtin-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;padding:0!important;margin:0!important}
.gtin-select-trigger{display:flex!important;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:44px;padding:11px 14px!important;border:1px solid var(--stroke)!important;border-radius:11px!important;background:var(--card)!important;color:var(--ink)!important;text-align:left;font:inherit;cursor:pointer;box-shadow:none!important}
.gtin-select-trigger span{min-width:0;overflow-wrap:anywhere}
.gtin-select-trigger i{font-style:normal;font-size:21px;color:var(--ai)}
.gtin-select-chevron{flex:none;width:16px;height:16px;color:var(--ai);transition:transform .15s ease}
.gtin-select-trigger[aria-expanded=true] .gtin-select-chevron{transform:rotate(180deg)}
.gtin-select-trigger:hover,.gtin-select-trigger[aria-expanded=true]{border-color:var(--ai)!important;background:var(--ai-dim)!important}
.gtin-select-trigger:focus-visible{outline:3px solid var(--ai);outline-offset:2px}
.gtin-select-trigger:disabled{opacity:.55;cursor:wait}
.gtin-org-select-wrap:after{display:none}
.gtin-org-select-wrap .gtin-select-trigger{border-color:var(--ai)!important;font-weight:700;min-height:48px}
.gtin-select-menu{position:fixed;z-index:20000;box-sizing:border-box;overflow:auto;padding:6px;background:var(--card,#fff);color:var(--ink,#172033);border:1px solid var(--stroke,#dbe2ed);border-radius:14px;box-shadow:0 14px 40px rgba(15,23,42,.18)}
.gtin-select-menu .gtin-select-option{display:block;width:100%;box-sizing:border-box;padding:12px 34px 12px 12px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;white-space:normal;overflow-wrap:anywhere;font:inherit;font-size:14px;cursor:pointer;position:relative}
.gtin-select-option:hover,.gtin-select-option:focus{background:var(--field,#f1f5f9);outline:none}
.gtin-select-option[aria-selected=true]{background:var(--ai-dim,#edf1ff);color:var(--ai,#315bff);font-weight:700}
.gtin-select-option[aria-selected=true]:after{content:'✓';position:absolute;right:12px;top:12px}
.gtin-select-option:disabled{opacity:.45;cursor:not-allowed}
.gtin-select-search{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid var(--stroke,#dbe2ed);border-radius:9px;margin-bottom:6px;font:inherit;background:var(--card,#fff);color:inherit}
.gtin-select-empty{padding:12px;color:var(--muted,#64748b);font-size:13px}

/* Consistent import editor and product table layout. */
#gtinImportPanel dialog[open]{position:fixed;inset:0;margin:auto!important;width:min(1040px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px)!important;box-sizing:border-box;border:1px solid var(--stroke);border-radius:18px;overflow:auto}
#gtinImportPanel .gi-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;align-items:start}
#gtinImportPanel .gi-editor-field{display:block;min-width:0;font-size:13px;font-weight:600}
#gtinImportPanel .gi-editor-field>span{display:block;min-height:20px}
#gtinImportPanel .gi-editor-field input{width:100%;min-height:42px}
#gtinImportPanel .gi-editor-field details{margin-top:6px;font-weight:400}
#gtinImportPanel .gi-required-star{color:#dc2626}
#gtinImportPanel .gi-field-missing input,#gtinImportPanel .gi-field-missing .gtin-select-trigger{border-color:#f59e0b!important;background:#fffbeb!important}
#gtinImportPanel .gi-required-note{margin:0 0 16px;padding:10px 14px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;font-size:13px;color:#475569}
#gtinImportPanel .gi-required-note p{margin:6px 0}
#gtinImportPanel .gi-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;position:sticky;bottom:-28px;margin:24px -8px -8px;padding:14px 8px;background:#fff;border-top:1px solid #e2e8f0;z-index:2}
#gtinImportPanel .gi-toolbar,#gtinImportPanel .gi-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0}
#gtinImportPanel .gi-toolbar button,#gtinImportPanel .gi-filters button{min-height:40px;margin:0}
#gtinImportPanel .gi-table-scroll{overflow:auto;border:1px solid #e2e8f0;border-radius:12px}
#gtinImportPanel .gi-products-table{min-width:1180px;width:100%;table-layout:fixed}
/* overflow-wrap:anywhere рвёт слова даже при white-space:nowrap, поэтому
   он остаётся только у длинных текстовых колонок (наименование, РД). */
#gtinImportPanel .gi-products-table th,#gtinImportPanel .gi-products-table td{vertical-align:middle;line-height:1.5;padding:12px;overflow-wrap:normal}
#gtinImportPanel .gi-products-table td:nth-child(4){overflow-wrap:anywhere}
#gtinImportPanel .gi-products-table th{background:#f8fafc;font-size:10px;letter-spacing:.04em}
#gtinImportPanel .gi-products-table th:last-child{width:120px}
#gtinImportPanel .gi-row-actions{display:grid;gap:8px}
#gtinImportPanel .gi-row-actions button{width:100%;min-height:36px;margin:0;white-space:nowrap}
#gtinImportPanel .gi-translation-note{font-size:13px;color:#475569;padding:10px 12px;background:#f1f5f9;border-radius:10px}
@media(max-width:800px){#gtinImportPanel .gi-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){#gtinImportPanel .gi-editor-grid{grid-template-columns:1fr}#gtinImportPanel dialog[open]{max-height:calc(100dvh - 24px)!important;width:calc(100vw - 24px)!important}#gtinImportPanel .gi-dialog-footer{bottom:-18px}}
/* Колонки: 1 выбор · 2 статус · 3 артикул · 4 наименование · 5 бренд ·
   6 ТН ВЭД · 7 объём · 8 РД · 9 тип карточки · 10 GTIN · 11 карточка НК ·
   12 действия. Ширины привязаны к номеру колонки — при изменении состава
   таблицы правится и этот блок. */
#gtinImportPanel .gi-products-table{min-width:1680px}
#gtinImportPanel .gi-products-table th:nth-child(1){width:64px}
#gtinImportPanel .gi-products-table th:nth-child(2){width:145px}
#gtinImportPanel .gi-products-table th:nth-child(3){width:120px}
#gtinImportPanel .gi-products-table th:nth-child(4){width:210px}
#gtinImportPanel .gi-products-table th:nth-child(5){width:100px}
#gtinImportPanel .gi-products-table th:nth-child(6){width:150px}
#gtinImportPanel .gi-products-table th:nth-child(7){width:105px}
#gtinImportPanel .gi-products-table th:nth-child(8){width:200px}
#gtinImportPanel .gi-products-table th:nth-child(9){width:200px}
#gtinImportPanel .gi-products-table th:nth-child(10){width:150px}
#gtinImportPanel .gi-products-table th:nth-child(11){width:130px}
#gtinImportPanel .gi-products-table td:nth-child(3),#gtinImportPanel .gi-products-table td:nth-child(6),#gtinImportPanel .gi-products-table td:nth-child(7),#gtinImportPanel .gi-products-table td:nth-child(10){white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}
#gtinImportPanel .gi-products-table th{white-space:nowrap;overflow-wrap:normal;word-break:keep-all}
/* Шапка остаётся видимой при прокрутке длинного импорта. */
#gtinImportPanel .gi-table-scroll{max-height:70vh}
#gtinImportPanel .gi-products-table thead th{position:sticky;top:0;z-index:1}
/* Артикул не переносится посреди кода: обрезаем с многоточием, полное
   значение — в подсказке и в карточке товара. */
#gtinImportPanel .gi-cell-clip{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#gtinImportPanel .gi-tnved-status{display:block;margin-top:4px;color:#64748b;font-size:11px;line-height:1.35;white-space:normal}
#gtinImportPanel .gi-row-actions button{min-height:32px;padding:4px 10px;font-size:13px}
#gtinImportPanel .gi-products-table td{font-size:13px}
/* Компактный селект типа карточки: в таблице он не должен весить как кнопка
   и не должен переносить подпись («Едини / ца»). */
#gtinImportPanel .gi-products-table .gtin-custom-select{display:block;width:100%}
#gtinImportPanel .gi-products-table .gtin-select-trigger{min-height:36px;gap:8px;padding:6px 10px!important;border-radius:9px!important;font-size:13px;font-weight:600}
#gtinImportPanel .gi-products-table .gtin-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
#gtinImportPanel .gi-products-table .gtin-select-chevron{width:14px;height:14px}
#gtinImportPanel .gi-products-table tbody tr:hover{background:#f8fafc}
#gtinImportPanel .gi-products-table tbody tr:has(input[type=checkbox]:checked){background:#fff7ed}
#gtinImportPanel .gi-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
#gtinImportPanel .gi-toolbar button{min-height:46px}
@media(max-width:700px){#gtinImportPanel .gi-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){#gtinImportPanel .gi-toolbar{grid-template-columns:1fr}}
#gtinImportPanel .gi-component-row{display:grid;grid-template-columns:minmax(0,1fr) 144px;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid #e2e8f0}
#gtinImportPanel .gi-component-row>label{display:flex;gap:10px;align-items:center;min-width:0}
#gtinImportPanel .gi-component-row b{font-size:14px}
#gtinImportPanel .gi-stepper{display:flex;align-items:center;gap:4px}
#gtinImportPanel .gi-stepper[hidden]{display:none}
#gtinImportPanel .gi-stepper input[type=number]{width:60px;text-align:center;appearance:textfield;-moz-appearance:textfield}
#gtinImportPanel .gi-stepper input::-webkit-inner-spin-button,#gtinImportPanel .gi-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#gtinImportPanel .gi-stepper button{width:36px;height:38px;padding:0;font-size:20px;flex:none}
#gtinImportPanel .gi-original{margin:0 0 18px}
@media(max-width:480px){#gtinImportPanel .gi-component-row{grid-template-columns:1fr;gap:10px}.gi-stepper{justify-content:flex-end}}

#gtinImportPanel,#gtinImportPanel>[data-work],#gtinImportPanel .card,#gtinImportPanel .gi-table-scroll{min-width:0;max-width:100%;box-sizing:border-box}
#gtinImportPanel .gi-tnved-status{display:block;margin-top:5px;color:#64748b;font-size:11px;white-space:normal}
#gtinImportPanel .gi-tnved-summary{padding:11px 13px;border-radius:10px;background:#eef2ff;color:#3730a3;font-size:13px}
#gtinImportPanel .gi-tnved-review{margin:0 0 18px;padding:14px 16px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc}
#gtinImportPanel .gi-tnved-review p{margin:7px 0;font-size:13px}
#gtinImportPanel .gi-tnved-match,#gtinImportPanel .gi-tnved-accepted{border-color:#86efac;background:#f0fdf4}
#gtinImportPanel .gi-tnved-proposed,#gtinImportPanel .gi-tnved-needs_data{border-color:#fdba74;background:#fff7ed}
#gtinImportPanel .gi-tnved-no_match,#gtinImportPanel .gi-tnved-unavailable{border-color:#fca5a5;background:#fef2f2}

/* Видимая обратная связь по длительным операциям (перевод, проверка ТН ВЭД с AI). */
#gtinImportPanel .gi-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:30000;max-width:min(680px,calc(100vw - 32px));padding:13px 18px;border-radius:12px;font-size:13px;font-weight:600;line-height:1.45;box-shadow:0 14px 40px rgba(15,23,42,.22);border:1px solid #cbd5e1;background:#0f172a;color:#fff}
#gtinImportPanel .gi-toast-ok{background:#166534;border-color:#166534}
#gtinImportPanel .gi-toast-error{background:#b91c1c;border-color:#b91c1c}
#gtinImportPanel .gi-toast[hidden]{display:none}

/* Рабочая область импорта и редактор позиции — на всю ширину экрана. */
#gtinImportPanel{width:100%;max-width:none}
#gtinImportPanel .card{max-width:none}
#gtinImportPanel .gi-products-table{min-width:100%;width:100%;table-layout:auto}
#gtinImportPanel .gi-products-table th{width:auto!important}
#gtinImportPanel dialog[open]{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)!important}
#gtinImportPanel .gi-editor-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

#gtinImportPanel .gi-selection-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f1f5f9;color:#475569;font-size:13px}
#gtinImportPanel .gi-selection-note.is-active{background:#fff7ed;color:#9a3412}
#gtinImportPanel .gi-selection-note button{min-height:32px;margin:0;padding:4px 12px;font-size:13px}

/* Категория и характеристики НК подгружаются внутри открытой карточки. */
#gtinImportPanel .gi-schema-block{margin:18px 0 0;padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
#gtinImportPanel .gi-schema-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#gtinImportPanel .gi-schema-head button{min-height:38px;margin:0}
#gtinImportPanel .gi-schema-note{margin:8px 0 12px;font-size:13px;color:#475569}
/* Характеристики НК оформлены как поля карточки выше: та же сетка,
   те же размеры, значение и единица — в одной строке. */
#gtinImportPanel .gi-schema-grid{margin-top:14px}
#gtinImportPanel .gi-schema-grid+.gi-schema-grid{margin-top:18px}
#gtinImportPanel .gi-attr-control{display:flex;align-items:center;gap:8px;min-width:0}
#gtinImportPanel .gi-attr-control>*:first-child{flex:1 1 auto;min-width:0}
#gtinImportPanel .gi-attr-control .gtin-custom-select{display:block;min-width:0}
#gtinImportPanel .gi-attr-control [data-unit]{flex:0 0 132px}
#gtinImportPanel .gi-attr-control [data-unit]+.gtin-custom-select,#gtinImportPanel .gi-attr-control .gtin-custom-select:last-child:not(:first-child){flex:0 0 132px}
#gtinImportPanel .gi-schema-block .gtin-select-trigger{min-height:42px}
#gtinImportPanel .gi-attr-control textarea{width:100%;min-height:84px;max-height:220px;padding:10px 14px;border:1px solid var(--stroke,#dbe2ed);border-radius:11px;background:var(--card,#fff);color:inherit;font:inherit;line-height:1.45;resize:vertical;overflow-wrap:anywhere}
#gtinImportPanel .gi-attr-control textarea:focus-visible{outline:2px solid #f2542d;outline-offset:1px}
#gtinImportPanel .gi-field-missing .gi-attr-control textarea{border-color:#f59e0b;background:#fffbeb}
#gtinImportPanel .gi-editor-field>small{display:block;margin-top:6px;color:#64748b;font-weight:400;font-size:12px}

/* Крупная зона выбора строки: кликается вся ячейка, не только квадрат. */
#gtinImportPanel .gi-products-table input[type=checkbox]{width:22px;height:22px;accent-color:#f2542d;cursor:pointer}
/* Колонка выбора: отступ слева, иначе чекбокс липнет к рамке таблицы. */
#gtinImportPanel .gi-products-table td:nth-child(1),#gtinImportPanel .gi-products-table th:nth-child(1){padding:0 10px 0 16px}
#gtinImportPanel .gi-select-cell{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:52px;cursor:pointer}

/* Статус строки: компактный бейдж с цветовой точкой вместо эмодзи. */
#gtinImportPanel .gi-status{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 10px 5px 8px;border:1px solid transparent;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}
#gtinImportPanel .gi-status i{flex:none;width:8px;height:8px;border-radius:50%;background:currentColor}
#gtinImportPanel .gi-status-ok{color:#047857;background:#ecfdf5;border-color:#a7f3d0}
#gtinImportPanel .gi-status-warn{color:#b45309;background:#fffbeb;border-color:#fde68a}
#gtinImportPanel .gi-status-err{color:#b91c1c;background:#fef2f2;border-color:#fecaca}
#gtinImportPanel .gi-status-mute{color:#475569;background:#f1f5f9;border-color:#e2e8f0}

/* Причина, по которой позиция не готова, видна и в таблице, и в карточке. */
#gtinImportPanel .gi-status-why{display:block;margin-top:5px;color:#64748b;font-size:11px;line-height:1.35;white-space:normal}
#gtinImportPanel .gi-blockers{margin:0 0 16px;padding:12px 14px;border:1px solid #fecaca;background:#fef2f2;border-radius:12px;font-size:13px;color:#7f1d1d}
#gtinImportPanel .gi-blockers ul{margin:8px 0 0;padding-left:18px}
#gtinImportPanel .gi-blockers li{margin:4px 0}
#gtinImportPanel .gi-blockers-ok{border-color:#a7f3d0;background:#ecfdf5;color:#065f46}

/* Диалог структуры: массовый выбор строк и счётчик отмеченного. */
#gtinImportPanel .gi-structure-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 6px}
#gtinImportPanel .gi-structure-tools button{min-height:34px;margin:0;padding:4px 12px;font-size:13px}
#gtinImportPanel .gi-structure-tools span{color:#64748b;font-size:13px}
#gtinImportPanel .gi-structure-hint{margin:6px 0 0;color:#475569;font-size:13px}

/* Блок «Структура товара» в карточке позиции. */
#gtinImportPanel .gi-structure-block{margin:18px 0 0;padding:12px 16px 4px;border:1px solid var(--stroke,#dbe2ed);border-radius:12px}
#gtinImportPanel .gi-structure-block legend{padding:0 6px;font-size:13px;font-weight:700}
#gtinImportPanel .gi-structure-ok{margin:8px 0 0;color:#065f46;font-size:13px;font-weight:600}

/* Тип карточки, который ещё не подтверждён, видно прямо в таблице. */
#gtinImportPanel .gi-products-table .gi-needs-confirm+.gtin-custom-select .gtin-select-trigger,
#gtinImportPanel .gi-products-table .gtin-custom-select:has(.gi-needs-confirm) .gtin-select-trigger{border-color:#f59e0b!important;background:#fffbeb!important}

/* Панель действий: шаги процесса вместо девяти одинаковых кнопок. */
#gtinImportPanel .gi-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}
#gtinImportPanel .gi-actions section{min-width:0;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
#gtinImportPanel .gi-actions h4{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b}
#gtinImportPanel .gi-actions section>div{display:grid;gap:8px}
#gtinImportPanel .gi-actions button{width:100%;min-height:44px;margin:0;text-align:center}
#gtinImportPanel .gi-actions .gi-primary{border-color:#f2542d;background:#f2542d;color:#fff;font-weight:700}
#gtinImportPanel .gi-actions .gi-primary:hover:not(:disabled){background:#e04a24}
#gtinImportPanel .gi-actions .gi-primary:disabled{opacity:.5}
#gtinImportPanel .gi-actions-minor{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
#gtinImportPanel .gi-actions-minor button{width:auto;min-height:36px;margin:0;padding:4px 14px;font-size:13px;background:transparent}
@media(max-width:900px){#gtinImportPanel .gi-actions{grid-template-columns:1fr}}

/* Плашка «требуется решение» с действием внутри. */
#gtinImportPanel .gi-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:16px 0;padding:14px 16px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed}
#gtinImportPanel .gi-callout b{display:block;font-size:14px;color:#9a3412}
#gtinImportPanel .gi-callout p{margin:4px 0 0;font-size:13px;color:#7c2d12}
#gtinImportPanel .gi-callout button{margin:0;min-height:40px;white-space:nowrap}

/* Сводка импорта: считаемые величины чипами, а не строкой через точки. */
#gtinImportPanel .gi-summary{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
#gtinImportPanel .gi-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;font-size:13px;color:#475569}
#gtinImportPanel .gi-chip b{font-size:14px;color:#0f172a}
#gtinImportPanel .gi-chip.ok{border-color:#a7f3d0;background:#ecfdf5;color:#065f46}
#gtinImportPanel .gi-chip.ok b{color:#065f46}
#gtinImportPanel .gi-chip.warn{border-color:#fde68a;background:#fffbeb;color:#92400e}
#gtinImportPanel .gi-chip.warn b{color:#92400e}
#gtinImportPanel .gi-chip.bad{border-color:#fecaca;background:#fef2f2;color:#991b1b}
#gtinImportPanel .gi-chip.bad b{color:#991b1b}
#gtinImportPanel .gi-chip.state{border-color:#c7d2fe;background:#eef2ff;color:#3730a3;font-weight:600}

/* Характеристика НК, значение которой принадлежит полю карточки. */
#gtinImportPanel .gi-attr-linked .gi-linked-value{display:flex;align-items:center;min-height:42px;max-height:96px;overflow:auto;padding:9px 12px;border:1px dashed var(--stroke,#dbe2ed);border-radius:11px;background:#f8fafc;color:#334155;font-weight:600;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
#gtinImportPanel .gi-attr-linked select{margin-top:8px}
#gtinImportPanel .gi-attr-linked small{display:block;margin-top:6px;color:#64748b;font-size:11px;font-weight:400}
#gtinImportPanel .gi-field-missing .gi-linked-value{border-color:#f59e0b;background:#fffbeb;color:#92400e}
#gtinImportPanel .gi-structure-block .gi-editor-field small{display:block;margin-top:6px;color:#64748b;font-size:11px;font-weight:400}