.stock-panel { overflow: hidden; }
.stock-toolbar { display:flex; align-items:center; gap:16px; padding:20px 24px; flex-wrap:wrap; border-bottom:1px solid #e4eaf0; }
.stock-toolbar h2 { margin:0; font-size:20px; }
.stock-muted { color:#788c9e; font-size:13px; margin:6px 0 0; }
.stock-filter { margin-left:auto; width:190px; max-width:100%; }
.stock-search { width:300px; max-width:100%; }
.stock-toolbar>.secondary-button,.stock-dialog .secondary-button,.stock-dialog .primary-button { width:auto; flex:0 0 auto; white-space:nowrap; }
#stock-page { white-space:nowrap; }
.stock-filter select,.stock-dialog select,.stock-dialog input[type=time] { width:100%; border:1px solid #dce5ed; background:#f8fafc; border-radius:12px; padding:12px 14px; color:#243647; font:inherit; }
.stock-notice { margin:16px 24px; padding:12px 16px; background:#fff5df; color:#846121; border-radius:12px; font-size:14px; }
.stock-group { --stock-columns:minmax(220px,1fr) 110px 110px 175px; --stock-column-gap:16px; border-bottom:1px solid #e4eaf0; }
.stock-group-head { display:grid; grid-template-columns:var(--stock-columns); align-items:center; gap:var(--stock-column-gap); padding:14px 24px; min-width:0; }
.stock-product { display:flex; align-items:center; gap:12px; cursor:pointer; text-align:left; color:inherit; min-width:0; font:inherit; }
.stock-expand { display:inline-flex; align-items:center; justify-content:center; width:20px; min-width:20px; height:32px; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; }
.stock-article-link { color:inherit; text-decoration:none; }
.stock-article-link:focus-visible { outline:2px solid #3187c6; outline-offset:3px; border-radius:3px; }
.stock-product img { width:42px; height:54px; border-radius:8px; object-fit:contain; background:#f5f8fb; }
.stock-product strong,.stock-product small { display:block; }
.stock-product small { font-size:13px; color:#7a8c9c; margin-top:3px; overflow-wrap:anywhere; }
.stock-wb-article { color:#47677f; font-weight:700; font-variant-numeric:tabular-nums; }
.stock-chevron { font-size:18px; width:14px; }
.stock-quantity { text-align:right; font-variant-numeric:tabular-nums; }
.stock-quantity small { display:block; color:#788c9e; font-size:11px; margin-bottom:3px; }
.stock-publication { display:flex; align-items:center; justify-content:flex-end; gap:8px; font-size:12px; color:#637b8f; }
.stock-toggle { width:34px; height:20px; border:0; border-radius:12px; background:#b8c6d1; padding:3px; cursor:pointer; flex-shrink:0; }
.stock-toggle::after { content:''; display:block; width:14px; height:14px; border-radius:50%; background:white; transition:transform .15s; }
.stock-toggle[aria-checked=true] { background:#3187c6; }
.stock-toggle[aria-checked=true]::after { transform:translateX(14px); }
.stock-toggle:disabled { cursor:default; opacity:.6; }
.stock-sizes { margin:0 24px 14px; border-radius:12px; background:#f7f9fb; padding:8px 0; min-width:0; max-width:calc(100% - 48px); box-sizing:border-box; overflow:hidden; }
.stock-size { display:grid; grid-template-columns:var(--stock-columns); gap:var(--stock-column-gap); padding:9px 0; border-bottom:1px solid #e4eaf0; font-size:13px; align-items:center; min-width:0; }
.stock-size>* { min-width:0; }
.stock-size:last-child { border-bottom:0; }
.stock-size-product { display:grid; grid-template-columns:minmax(0,.9fr) minmax(150px,1.1fr); gap:16px; min-width:0; padding-left:28px; align-items:center; }
.stock-size code { font-size:12px; white-space:normal; overflow-wrap:anywhere; word-break:break-word; }
.stock-size-error { grid-column:1/-1; color:#98602a; font-size:12px; }
.stock-size-publication { min-height:1px; }
.stock-footer { color:#718598; font-size:13px; }
.stock-dialog { width:440px; max-width:calc(100vw - 32px); border:1px solid #e0e8ef; border-radius:24px; padding:28px; color:#233646; }
.stock-dialog::backdrop { background:#20374d66; }
.stock-dialog h2 { margin:0 0 10px; font-size:22px; }
.stock-dialog label { display:block; margin:18px 0; font-size:14px; }
.stock-dialog select,.stock-dialog input[type=time] { margin-top:8px; }
.stock-dialog footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; }
#stock-settings-error { color:#a34c52; font-size:13px; }
@media(max-width:800px) { .stock-group { --stock-columns:minmax(140px,1fr) 65px 65px; --stock-column-gap:10px; } .stock-group-head { padding:12px; } .stock-publication { grid-column:1/-1; } .stock-filter { margin-left:0; } .stock-filter,.stock-search { width:100%; } .stock-sizes { margin:0 12px 12px; max-width:calc(100% - 24px); } .stock-size-product { grid-template-columns:minmax(0,1fr); gap:3px; padding-left:8px; } .stock-size-publication { display:none; } .stock-toolbar { padding:16px; } }
.shared-stock-screen .stock-toolbar { flex-wrap:wrap; }
.shared-stock-screen .stock-toolbar>div:first-child { flex:1 1 320px; }
.shared-stock-filters { display:flex; gap:12px; flex-wrap:wrap; align-items:start; margin:16px 0; }
.shared-stock-filters input[type=search] { flex:1 1 240px; min-width:180px; }
.shared-stock-filters select,.shared-stock-filters input[type=search] { padding:10px 12px; border:1px solid #d5dce5; border-radius:10px; background:var(--surface,#fff); }
.shared-stock-columns { position:relative; padding:10px 12px; border:1px solid #d5dce5; border-radius:10px; }
.shared-stock-columns summary { cursor:pointer; }
.shared-stock-columns>div { max-height:280px; overflow:auto; max-width:420px; }
.shared-stock-choice { display:flex; align-items:center; gap:10px; padding:10px 0; cursor:pointer; }
.shared-stock-choice input[type=checkbox] { width:18px; height:18px; flex:none; }
.shared-stock-choice small { display:block; color:#64748b; margin-top:4px; }
.shared-stock-table-wrap { max-width:100%; overflow:auto; border:1px solid #e2e8f0; border-radius:12px; }
.shared-stock-table { width:100%; border-collapse:collapse; font-size:14px; table-layout:auto; }
.shared-stock-table th { text-align:left; padding:12px; background:#f5f7fa; font-weight:600; min-width:105px; }
.shared-stock-table th:nth-child(2) { min-width:240px; }
.shared-stock-table td { padding:12px; vertical-align:top; border-top:1px solid #e2e8f0; }
.shared-stock-table small { display:block; margin-top:5px; color:#64748b; }
.shared-stock-table .shared-stock-ok { color:#167343; }
.shared-stock-table .shared-stock-pending { color:#826018; }
.shared-stock-table .shared-stock-attention { color:#aa4e18; }
.shared-stock-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:16px; }
.shared-stock-footer button { width:auto; min-width:90px; flex:0 0 auto; }
.shared-stock-footer span { text-align:center; }
.shared-stock-screen>.stock-muted,.shared-stock-filters,.shared-stock-settings,.shared-stock-footer { margin-left:24px; margin-right:24px; }
.shared-stock-settings { margin-bottom:16px; }
.shared-stock-settings label { display:flex; flex-direction:column; gap:6px; max-width:230px; }
.shared-stock-settings input { width:100%; padding:8px; }
.shared-stock-dialog { width:min(620px,calc(100vw - 32px)); max-height:85vh; overflow:auto; padding:24px; border:0; border-radius:16px; }
.shared-stock-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.shared-stock-close { font-size:28px; border:0; background:transparent; cursor:pointer; padding:4px 10px; }
.shared-stock-channel-list { max-height:280px; overflow:auto; border-top:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; margin-bottom:16px; }
.shared-stock-dialog select { width:100%; padding:10px; margin-top:8px; }
.shared-stock-dialog [hidden] { display:none!important; }
.shared-stock-screen [aria-busy=true] { cursor:progress; }
.shared-stock-floating { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:100; display:flex; gap:8px; padding:10px; border:1px solid #d7e3ef; border-radius:16px; background:#fff; box-shadow:0 8px 32px #16395833; max-width:calc(100vw - 24px); }
.shared-stock-floating[hidden] { display:none; }
.shared-stock-floating button { width:auto; white-space:nowrap; }
.shared-stock-has-selection { padding-bottom:100px; }
.shared-article-action,.shared-article-expand,.shared-stock-select-found { border:0; background:transparent; color:#287fc0; cursor:pointer; font:inherit; padding:6px 0; width:auto; text-align:left; }
.shared-article-action { display:block; font-size:12px; }
.shared-article-expand { font-weight:600; }
.shared-article-size { background:#f6f9fc; }
.shared-article-size td:nth-child(2) { padding-left:32px; }
.shared-stock-table input[type=checkbox],.shared-article-dialog input[type=checkbox] { width:18px; height:18px; accent-color:#287fc0; }
.shared-stock-table th:first-child,.shared-stock-table td:first-child { width:36px; min-width:36px; }
.shared-stock-select-found { margin:0 20px 10px; }
.shared-article-action:disabled { opacity:.5; cursor:default; }
.shared-stock-product { display: flex; align-items: center; gap: 10px; }
.shared-stock-product > div:last-child { min-width: 0; }
.shared-stock-thumbnail { position: relative; flex: 0 0 42px; width: 42px; height: 56px; border-radius: 6px; background: #f1f4f6; color: #a1adb5; display: grid; place-items: center; overflow: hidden; }
.shared-stock-thumbnail.has-image { color: transparent; }
.shared-stock-thumbnail img { position: absolute; inset: 0; width: 42px; height: 56px; object-fit: contain; opacity: 0; }
.shared-stock-thumbnail.has-image img { opacity: 1; }
.shared-stock-thumbnail img[hidden] { display: none; }