.supplier-articles-panel { min-width:0; }
.supplier-articles-toolbar .toolbar-left { align-items:flex-end; flex-wrap:wrap; }
.supplier-articles-toolbar .toolbar-filter { min-width:180px; }
.supplier-articles-table-wrap { overflow:auto; max-height:calc(100vh - 120px); border:1px solid #d7dee8; border-radius:10px; background:#fff; }
.supplier-articles-table { width:100%; min-width:1480px; border-collapse:separate; border-spacing:0; }
.supplier-articles-table th { position:sticky; top:0; z-index:2; padding:10px 9px; color:#26384d; background:#edf3f9; border-bottom:1px solid #c5d0dd; text-align:left; font-size:13px; }
.supplier-articles-table td { padding:9px; border-bottom:1px solid #e5eaf0; vertical-align:top; }
.supplier-articles-table tbody tr:nth-child(even) { background:#f9fbfd; }
.supplier-articles-table tbody tr:hover { background:#eef7ff; }
.supplier-articles-table th:nth-child(1) { width:19%; }
.supplier-articles-table th:nth-child(2) { width:12ch; }
.supplier-articles-table th:nth-child(3) { width:16%; }
.supplier-articles-table th:nth-child(4) { width:20%; }
.supplier-articles-table th:nth-child(5) { width:52px; text-align:center; }
.supplier-articles-table th:nth-child(6) { width:27%; }
.supplier-articles-table th:nth-child(7), .supplier-articles-table th:nth-child(8) { width:96px; }
.supplier-articles-table th:nth-child(9) { width:126px; }
.supplier-article-supplier-name, .supplier-article-current-name { font-weight:600; color:#25364a; }
.supplier-article-meta { margin-top:3px; color:#68788b; font-size:12px; line-height:1.35; }
.supplier-article-link { color:#0c64a8; text-decoration:none; }
.supplier-article-link:hover { text-decoration:underline; }
.supplier-article-picker { position:relative; min-width:260px; }
.supplier-article-picker .onec-inline-nom-field { display:grid; grid-template-columns:minmax(120px,1fr) 34px 34px; gap:4px; }
.supplier-article-picker .onec-inline-nom-field input { min-width:0; }
.supplier-article-picker-menu { position:fixed; z-index:150000; max-height:260px; overflow:auto; overscroll-behavior:contain; box-sizing:border-box; padding:4px; border:1px solid #9aacc0; border-radius:8px; background:#fff; box-shadow:0 10px 28px rgba(35,53,73,.2); }
.supplier-article-picker-option { display:block; width:100%; padding:8px; border:0; border-radius:5px; background:#fff; color:#24364a; text-align:left; }
.supplier-article-picker-option:hover, .supplier-article-picker-option:focus { background:#e8f2fb; }
.supplier-article-picker-option strong, .supplier-article-picker-option span { display:block; }
.supplier-article-picker-option span { margin-top:2px; color:#6b7887; font-size:12px; }
.supplier-article-action { min-width:86px; }
.supplier-article-create-arrow { min-width:36px; width:36px; padding:6px 8px; border-color:#5a92bb; background:#eaf5fd; color:#155c8b; font-size:20px; font-weight:700; line-height:1; }
.supplier-article-create-arrow:hover { background:#d8edf9; }
.supplier-article-create-cell { text-align:center; vertical-align:middle !important; }
.supplier-article-create-arrow { min-width:36px; width:36px; padding:6px 8px; border-color:#5a92bb; background:#eaf5fd; color:#155c8b; font-size:20px; font-weight:700; line-height:1; }
.supplier-article-create-arrow:hover { background:#d8edf9; }
.supplier-article-create-cell { text-align:center; vertical-align:middle !important; }
.supplier-article-action[disabled] { opacity:.55; cursor:not-allowed; }
.supplier-articles-notice { margin:8px 0; padding:10px 12px; border:1px solid #83b891; border-radius:8px; background:#eff9f1; color:#214f2b; }
.supplier-articles-notice.error { border-color:#d89a9a; background:#fff1f1; color:#792626; }
.supplier-articles-notice a { color:inherit; font-weight:700; }
.supplier-article-affected { margin:6px 0 0 18px; padding:0; }
.supplier-articles-footer { padding-top:10px; text-align:center; }

@media (max-width:760px) {
    .supplier-articles-table-wrap { max-height:none; overflow:visible; border:0; background:transparent; }
    .supplier-articles-table { min-width:0; border-collapse:separate; }
    .supplier-articles-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
    .supplier-articles-table, .supplier-articles-table tbody, .supplier-articles-table tr, .supplier-articles-table td { display:block; width:100%; }
    .supplier-articles-table tr { margin-bottom:10px; padding:8px; border:1px solid #d6dee7; border-radius:10px; background:#fff !important; }
    .supplier-articles-table td { display:grid; grid-template-columns:128px minmax(0,1fr); gap:8px; padding:6px 4px; border:0; }
    .supplier-articles-table td::before { content:attr(data-label); color:#667789; font-size:12px; font-weight:700; }
    .supplier-article-picker { min-width:0; }
    .supplier-articles-table td.status { display:block; }
    .supplier-articles-table td.status::before { display:none; }
}