.pg-productos .filters{display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px;border-bottom:1px solid var(--rule)}.pg-productos .search-field{position:relative;flex:1;min-width:220px;display:flex;align-items:center}.pg-productos .search-field svg{position:absolute;left:12px;color:var(--muted);pointer-events:none}.pg-productos .search-field input{width:100%;padding:9px 12px 9px 34px;font:inherit;font-size:14px;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);color:var(--color-text)}.pg-productos .search-field input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 18%,transparent)}.pg-productos .filter-select{padding:9px 12px;font:inherit;font-size:13px;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);color:var(--color-text);cursor:pointer}.pg-productos .filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 18%,transparent)}.pg-productos .products-table{min-width:900px}.pg-productos .products-table tbody td{vertical-align:middle}.pg-productos .th-sort{appearance:none;border:0;background:transparent;cursor:pointer;font:inherit;color:inherit;padding:0;display:inline-flex;align-items:center;gap:5px}.pg-productos .th-sort:hover{color:var(--color-primary)}.pg-productos .th-sort.is-sorted{color:var(--color-accent)}.pg-productos .sort-ind{font-size:9px}.pg-productos .muted-dash{color:var(--muted-2)}.pg-productos .margin-val{font-weight:600}.pg-productos .margin-val.is-good{color:var(--ok)}.pg-productos .margin-val.is-mid{color:var(--color-accent)}.pg-productos .margin-val.is-bad{color:var(--danger)}.pg-productos .prod-cell{display:flex;align-items:center;gap:12px}.pg-productos .prod-thumb{width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--rule);background:var(--hover)}.pg-productos .prod-thumb--empty{display:grid;place-items:center;font-size:15px;font-weight:700;color:var(--color-accent);background:var(--active-bg)}.pg-productos .prod-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.pg-productos .prod-name{font-weight:600;color:var(--color-primary)}.pg-productos .prod-sub{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.pg-productos .stock-num{font-weight:600;color:var(--color-primary)}.pg-productos .stock-note{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}.pg-productos .pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 18px;border-top:1px solid var(--rule)}.pg-productos .pager[hidden]{display:none}.pg-productos .pager-info{font-size:13px;color:var(--muted)}.pg-productos .icon-btn{appearance:none;cursor:pointer;width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);color:var(--muted);margin-left:4px;font-size:13px;transition:background .12s,color .12s,border-color .12s}.pg-productos .icon-btn:hover{background:var(--hover);color:var(--color-primary);border-color:var(--rule-2)}.pg-productos .icon-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.pg-productos .icon-btn--danger:hover{background:color-mix(in oklab,var(--danger) 8%,white);color:var(--danger);border-color:color-mix(in oklab,var(--danger) 30%,white)}body.modal-open{overflow:hidden}.pg-productos .modal[hidden]{display:none}.pg-productos .modal-content--wide{max-width:760px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.pg-productos .modal-content--wide .modal-body{overflow-y:auto;flex:1}.pg-productos .modal-content--wide .modal-header,.pg-productos .modal-content--wide .tabs,.pg-productos .modal-content--wide .modal-actions{flex-shrink:0}.pg-productos .modal-close{appearance:none;border:0;background:transparent;cursor:pointer;width:32px;height:32px;display:grid;place-items:center;color:var(--muted);border-radius:8px}.pg-productos .modal-close:hover{background:var(--hover);color:var(--color-primary)}.pg-productos .modal-lead{margin:0 0 12px;color:var(--muted);font-size:14px}.pg-productos .tabs{display:flex;flex-wrap:wrap;gap:2px;padding:0 20px;border-bottom:1px solid var(--rule)}.pg-productos .tab{appearance:none;border:0;background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:10px 14px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.pg-productos .tab:hover{color:var(--color-primary)}.pg-productos .tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-accent)}.pg-productos .tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.pg-productos .tab-panel{display:none}.pg-productos .tab-panel.is-active{display:block}.pg-productos .readonly-box{border:1px solid var(--rule);border-radius:var(--radius-sm);background:color-mix(in oklab,var(--color-primary) 3%,white);padding:14px;margin:4px 0 16px}.pg-productos .readonly-box[hidden]{display:none}.pg-productos .readonly-row{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--muted);padding:3px 0}.pg-productos .readonly-row strong{color:var(--color-primary);font-size:15px}.pg-productos .readonly-note{margin:10px 0 0;font-size:12px;color:var(--muted);line-height:1.5}.pg-productos .info-box{border:1px solid color-mix(in oklab,var(--color-accent) 30%,var(--rule));border-radius:var(--radius-sm);background:color-mix(in oklab,var(--color-accent) 6%,white);padding:11px 14px;margin:8px 0 16px;font-size:12.5px;color:var(--muted);line-height:1.5}.pg-productos .info-box a{color:var(--color-primary)}.pg-productos .warn-box{border:1px solid color-mix(in oklab,var(--danger) 30%,white);border-radius:var(--radius-sm);background:color-mix(in oklab,var(--danger) 7%,white);padding:11px 14px;margin-top:12px;font-size:12.5px;color:var(--danger);line-height:1.5}.pg-productos .warn-box[hidden]{display:none}.pg-productos .form-error{flex:1;margin:0;font-size:13px;color:var(--danger);text-align:left}.pg-productos .form-error[hidden]{display:none}.pg-productos .has-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px color-mix(in oklab,var(--danger) 15%,transparent)}.pg-productos #coffeeFields[hidden],.pg-productos #idFieldContainer[hidden],.pg-productos #createStockGroup[hidden],.pg-productos #variantsArea[hidden],.pg-productos #variantsUnavailable[hidden],.pg-productos #imagePreviewWrap[hidden]{display:none}.pg-productos .flags-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.pg-productos .img-preview{max-width:160px;max-height:160px;border-radius:var(--radius-sm);border:1px solid var(--rule);margin-bottom:16px;display:block}.pg-productos .variants-table{min-width:640px;font-size:13px}.pg-productos .variant-form{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:center}.pg-productos .variant-form input{padding:8px 10px;font:inherit;font-size:13px;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);color:var(--color-text)}.pg-productos .variant-form input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 18%,transparent)}.pg-productos .variant-stock-view{font-weight:600;color:var(--color-primary)}.pg-productos .variant-stock-edit{display:flex;flex-direction:column;gap:4px;align-items:stretch}.pg-productos .variant-stock-edit input{padding:5px 7px;font:inherit;font-size:12px;text-align:center;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);color:var(--color-text)}.pg-productos .variant-stock-edit input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 18%,transparent)}.pg-productos .toast-stack{position:fixed;bottom:20px;right:20px;z-index:60;display:flex;flex-direction:column;gap:8px}.pg-productos .toast{padding:11px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--paper);background:var(--color-primary);box-shadow:0 8px 24px -8px color-mix(in oklab,var(--color-primary) 50%,transparent);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;max-width:340px}.pg-productos .toast.is-in{opacity:1;transform:translateY(0)}.pg-productos .toast--success{background:var(--ok)}.pg-productos .toast--error{background:var(--danger)}.pg-productos .toast--info{background:var(--color-primary)}@media(max-width:768px){.pg-productos .tabs{padding:0 10px}.pg-productos .tab{padding:10px;font-size:12.5px}.pg-productos .modal-actions{flex-wrap:wrap}.pg-productos .form-error{flex-basis:100%;margin-bottom:8px}}