/* NOI 4.14 · Centro de asociaciones del inventario */
.noi-link-panel{padding:clamp(16px,3vw,28px);border:1px solid rgba(204,190,156,.19);border-radius:18px;background:linear-gradient(145deg,rgba(23,35,29,.98),rgba(14,19,17,.96))}
.noi-link-panel h2{margin:0 0 9px;font-size:clamp(23px,3vw,32px);font-weight:600;letter-spacing:.01em;color:#f2efe7}
.noi-link-panel p.muted{line-height:1.5;color:#c1c8c0}
.noi-link-modes{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 14px;overflow:visible}
.noi-link-modes .stock-switch-btn{white-space:normal;min-height:40px;padding:9px 12px;border:1px solid rgba(214,201,173,.2);background:rgba(255,255,255,.05);color:#dfe3d8;border-radius:11px;font-size:12.5px;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.noi-link-modes .stock-switch-btn.selected{border-color:rgba(125,45,58,.78);background:linear-gradient(155deg,#56313a,#32242b);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 9px rgba(0,0,0,.18)}
.noi-link-modes .stock-switch-btn span{display:inline-block;padding:1px 6px;border-radius:7px;background:rgba(255,255,255,.11);margin-left:3px;font-variant-numeric:tabular-nums}
.noi-link-notice{color:#ebdfc4;background:rgba(115,78,43,.16);border:1px solid rgba(178,146,95,.28);padding:13px 15px;border-radius:12px;font-size:13px;line-height:1.45}
.noi-link-search-label{display:grid;gap:7px;margin:17px 0;color:#e5dfd3;font-size:13px;font-weight:600}
.noi-link-search-label .field{width:100%;background:rgba(255,255,255,.075);color:#f5f2ee;border:1px solid rgba(205,199,186,.28);border-radius:10px}
.noi-link-list{display:grid;gap:12px;margin-bottom:18px}
.noi-link-row{padding:15px;border-radius:13px;border:1px solid rgba(215,205,185,.15);background:rgba(255,255,255,.035)}
.noi-link-row[hidden]{display:none}
.noi-link-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-bottom:5px}
.noi-link-heading strong{color:#f2eee8;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.noi-link-heading .pill{white-space:nowrap}
.noi-link-row>small{display:block;color:#aeb9af;line-height:1.55}
.noi-link-row .noi-link-current{color:#d7d9d0;margin:10px 0;font-size:13px}
.noi-link-controls{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px;margin-top:10px}
.noi-link-controls :is(select.field,input.field){flex:1 1 210px;min-width:0;background:#1e2723!important;color:#f5f1e8!important;border:1px solid rgba(204,194,174,.35);border-radius:10px;min-height:42px}
.noi-link-controls select.field option,.noi-link-controls select.field optgroup{background:#19221d;color:#f8f4ec}
.noi-link-controls button{min-height:42px;border-radius:10px;white-space:nowrap}
.noi-link-controls button.primary{background:linear-gradient(145deg,#783b4b,#532b36);border-color:#a06a72;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 3px 8px rgba(0,0,0,.18)}
.noi-link-panel .empty{padding:30px 16px;text-align:center;color:#c6cbbb}
@media(max-width:680px){.noi-link-panel{padding:15px}.noi-link-modes .stock-switch-btn{flex:1 1 120px}.noi-link-controls :is(select.field,input.field){flex-basis:100%;width:100%}.noi-link-controls button{flex:1 1 auto}.noi-link-heading strong{font-size:14px}}

/* Four top-level inventory tabs remain usable on narrow phones. */
body[data-view="stock"]>.app .stock-switch:not(.noi-link-modes),body[data-view="stock"] .stock-switch:not(.noi-link-modes){display:flex;flex-wrap:wrap;width:100%;gap:5px}
body[data-view="stock"] .stock-switch:not(.noi-link-modes) .stock-switch-btn{flex:1 1 130px;min-width:0;padding:10px 8px;font-size:12.5px}