/*
Theme Name: Sistema Punto de Venta
Theme URI: https://tudominio.com
Author: Tu Nombre
Author URI: https://tudominio.com
Description: Sistema de Punto de Venta completo con proveedores, WhatsApp, kardex, importacion Excel/ZIP.
Version: 1.1.0
Requires at least: 4.9
Tested up to: 6.7
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pos-theme
Tags: punto-de-venta, pos, proveedores, whatsapp
*/

Version: 1.0.1
Requires at least: 4.9
Tested up to: 6.7
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pos-theme
Tags: punto-de-venta, pos, ecommerce, inventory, sales
*/

/* ============================================================
   SISTEMA PUNTO DE VENTA - Estilos
   Todos los selectores scoping bajo .pos-system
   para evitar cualquier conflicto con WordPress core o plugins.
   ============================================================ */

/*
 * Sistema Punto de Venta - Hoja de Estilos
 * Version WordPress (scoped bajo .pos-system)
 * Evita conflictos con temas de WordPress
 */

.pos-system *, .pos-system *::before, .pos-system *::after{box-sizing:border-box;margin:0;padding:0}
.pos-system{
    --bg:#f8f9fa;--card:#ffffff;--border:#e0e0e0;--primary:#1a1a2e;--primary-fg:#fff;
    --accent:#e94560;--accent-light:#ffeef1;--green:#16a34a;--green-light:#dcfce7;
    --red:#dc2626;--red-light:#fee2e2;--muted:#6b7280;--radius:10px;
    --shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);
    --shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.06);
  }
.pos-system{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);color:#1f2937;line-height:1.5;min-height:100vh}
/* HEADER */
.pos-system .header{background:var(--card);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}
.pos-system .header-left{display:flex;align-items:center;gap:12px}
.pos-system .logo{width:38px;height:38px;background:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}
.pos-system .logo svg{width:22px;height:22px;fill:var(--primary-fg)}
.pos-system .header h1{font-size:1.15rem;font-weight:700;color:var(--primary)}
.pos-system .header p{font-size:.75rem;color:var(--muted)}
.pos-system .header-date{font-size:.78rem;color:var(--muted)}
/* TABS */
.pos-system .tabs-container{padding:16px 20px 0;max-width:1600px;margin:0 auto}
.pos-system .tabs{display:flex;gap:4px;background:var(--card);border-radius:var(--radius);padding:4px;border:1px solid var(--border);width:fit-content}
.pos-system .tab{padding:10px 22px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--muted);display:flex;align-items:center;gap:8px;transition:all .15s}
.pos-system .tab:hover{background:#f3f4f6}
.pos-system .tab.active{background:var(--primary);color:var(--primary-fg);box-shadow:var(--shadow)}
.pos-system .tab svg{width:18px;height:18px}
.pos-system .tab-content{display:none;padding:16px 20px 20px;max-width:1600px;margin:0 auto}
.pos-system .tab-content.active{display:block}
/* CARDS */
.pos-system .card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.pos-system .card-header{padding:14px 16px 8px;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:8px}
.pos-system .card-body{padding:12px 16px 16px}
.pos-system .card-header svg{width:20px;height:20px;color:var(--muted)}
/* INPUTS */
.pos-system .input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:.9rem;outline:none;transition:border .15s;background:#fff}
.pos-system .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(233,69,96,.1)}
.pos-system .input-sm{padding:7px 10px;font-size:.82rem}
.pos-system .input-lg{padding:12px 14px;font-size:1.05rem}
/* BUTTONS */
.pos-system .btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--card);cursor:pointer;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .15s;color:#1f2937}
.pos-system .btn:hover{background:#f3f4f6}
.pos-system .btn svg{width:16px;height:16px}
.pos-system .btn-primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}
.pos-system .btn-primary:hover{background:#16213e}
.pos-system .btn-danger{color:var(--red);border-color:var(--red)}
.pos-system .btn-danger:hover{background:var(--red-light)}
.pos-system .btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.pos-system .btn-accent:hover{background:#d63851}
.pos-system .btn-sm{padding:6px 10px;font-size:.78rem}
.pos-system .btn-icon{padding:7px;width:34px;height:34px;justify-content:center}
.pos-system .btn-block{width:100%}
.pos-system .btn:disabled{opacity:.5;cursor:not-allowed}
.pos-system .btn-active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}
/* BADGE */
.pos-system .badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;background:#f3f4f6;color:var(--muted)}
.pos-system .badge-accent{background:var(--accent-light);color:var(--accent)}
/* GRID LAYOUTS */
.pos-system .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pos-system .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pos-system .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pos-system .sale-layout{display:grid;grid-template-columns:2fr 1fr;gap:16px}
@media(max-width:900px){.pos-system .sale-layout{grid-template-columns:1fr}}
@media(max-width:900px){.pos-system #cotViewNew>div{grid-template-columns:1fr !important}}
/* TABLE */
.pos-system .table-wrap{overflow-x:auto;max-height:calc(100vh - 260px);overflow-y:auto}
.pos-system table{width:100%;border-collapse:collapse;font-size:.82rem}
.pos-system thead{position:sticky;top:0;z-index:2}
.pos-system th{background:#f3f4f6;padding:10px 10px;text-align:left;font-weight:600;white-space:nowrap;border-bottom:2px solid var(--border)}
.pos-system th.right, .pos-system td.right{text-align:right}
.pos-system th.center, .pos-system td.center{text-align:center}
.pos-system td{padding:9px 10px;border-bottom:1px solid #f3f4f6;white-space:nowrap}
.pos-system tr:hover td{background:#fafafa}
.pos-system .text-green{color:var(--green)}
.pos-system .text-red{color:var(--red)}
.pos-system .text-bold{font-weight:700}
.pos-system .text-muted{color:var(--muted)}
.pos-system .text-sm{font-size:.78rem}
.pos-system .text-xs{font-size:.72rem}
/* SCROLL */
.pos-system .scroll{max-height:calc(100vh - 400px);min-height:180px;overflow-y:auto}
.pos-system .scroll-300{max-height:300px;overflow-y:auto}
.pos-system .scroll-400{max-height:400px;overflow-y:auto}
/* MODAL */
.pos-system .modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100;align-items:center;justify-content:center}
.pos-system .modal-overlay.show{display:flex}
.pos-system .modal{background:var(--card);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.2);max-width:540px;width:95%;max-height:90vh;overflow-y:auto;padding:24px;position:relative}
.pos-system .modal h2{font-size:1.1rem;font-weight:700;margin-bottom:16px}
.pos-system .modal-close{position:absolute;top:14px;right:14px;background:none;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:4px 8px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .15s}
.pos-system .modal-close:hover{background:var(--red-light);color:var(--red);border-color:var(--red)}
.pos-system .modal-close svg{width:18px;height:18px;pointer-events:none}
.pos-system .modal-footer{display:flex;gap:8px;margin-top:16px}
/* Price mode toggle */
.pos-system .price-mode-toggle{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:4px}
.pos-system .price-mode-btn{flex:1;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-size:.82rem;font-weight:500;color:var(--muted);text-align:center;transition:all .15s}
.pos-system .price-mode-btn.active{background:var(--primary);color:var(--primary-fg)}
.pos-system .price-mode-btn:hover:not(.active){background:#f3f4f6}
.pos-system .product-type-toggle{display:flex;border:2px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:14px}
.pos-system .product-type-btn{flex:1;padding:10px 14px;border:none;background:transparent;cursor:pointer;font-size:.88rem;font-weight:600;text-align:center;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}
.pos-system .product-type-btn.active{color:var(--primary-fg)}
.pos-system .product-type-btn.active.type-product{background:var(--primary)}
.pos-system .product-type-btn.active.type-service{background:#7c3aed}
.pos-system .product-type-btn:hover:not(.active){background:#f3f4f6}
.pos-system .service-badge{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:700;color:#7c3aed;background:#f3e8ff;padding:1px 6px;border-radius:4px}
.pos-system .price-mode-panel{display:none}
.pos-system .price-mode-panel.active{display:block}
/* Stock search dropdown */
.pos-system .stock-search-wrap{position:relative}
.pos-system .stock-search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:var(--shadow-md);display:none}
.pos-system .stock-search-dropdown.show{display:block}
.pos-system .stock-search-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}
.pos-system .stock-search-item:hover, .pos-system .stock-search-item.active{background:#f3f4f6}
.pos-system .stock-search-item:last-child{border-bottom:none}
.pos-system .stock-search-item .ssi-left{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.pos-system .stock-search-item .ssi-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pos-system .stock-search-item .ssi-code{font-size:.75rem;color:var(--muted);font-family:monospace}
.pos-system .stock-search-item .ssi-stock{font-size:.82rem;font-weight:600;white-space:nowrap;margin-left:12px}
.pos-system .stock-search-item .ssi-price{font-size:.78rem;color:var(--muted);white-space:nowrap;margin-left:12px}
/* Kardex table */
.pos-system .kardex-table{width:100%;border-collapse:collapse;font-size:.82rem}
.pos-system .kardex-table thead{position:sticky;top:0;z-index:2}
.pos-system .kardex-table th{background:#f3f4f6;padding:8px 8px;text-align:left;font-weight:600;white-space:nowrap;border-bottom:2px solid var(--border);font-size:.78rem}
.pos-system .kardex-table td{padding:7px 8px;border-bottom:1px solid #f3f4f6;white-space:nowrap;font-size:.82rem}
.pos-system .kardex-table tr:hover td{background:#fafafa}
.pos-system .kardex-entry{color:var(--green)}
.pos-system .kardex-exit{color:var(--red)}
.pos-system .kardex-info-bar{display:flex;gap:12px;flex-wrap:wrap;padding:10px 12px;background:#f9fafb;border-radius:8px;margin-bottom:12px;font-size:.82rem}
.pos-system .kardex-info-bar span{display:flex;align-items:center;gap:4px}
.pos-system .kardex-info-bar .ki-label{color:var(--muted);font-weight:500}
.pos-system .kardex-info-bar .ki-val{font-weight:700}
.pos-system .import-drop-zone{border:2px dashed var(--border);border-radius:12px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .2s}
.pos-system .import-drop-zone:hover, .pos-system .import-drop-zone.drag-over{border-color:var(--accent);background:var(--accent-light)}
/* CART ITEM */
.pos-system .cart-item{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;background:#fff;overflow:hidden}
.pos-system .cart-item-info{flex:1;min-width:0}
.pos-system .cart-item-info p{font-weight:600;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pos-system .cart-item-info span{font-size:.75rem;color:var(--muted)}
.pos-system .cart-qty{display:flex;align-items:center;gap:6px}
.pos-system .cart-qty span{width:30px;text-align:center;font-weight:700;font-family:monospace;font-size:.95rem}
.pos-system .cart-subtotal{width:90px;text-align:right;font-weight:700;font-size:.88rem}
.pos-system .cart-item-disc-btn{width:30px;height:30px;border-radius:6px;border:1px solid var(--border);background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--muted);transition:.15s;flex-shrink:0}
.pos-system .cart-item-disc-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.pos-system .cart-item-disc-btn.has-disc{background:var(--green-light);border-color:var(--green);color:var(--green)}
.pos-system .item-disc-tag{display:inline-block;font-size:.68rem;font-weight:700;color:var(--green);background:var(--green-light);padding:1px 5px;border-radius:4px;margin-left:4px}
/* SUMMARY */
.pos-system .summary-row{display:flex;justify-content:space-between;font-size:.88rem;padding:4px 0}
.pos-system .summary-total{display:flex;justify-content:space-between;font-size:1.25rem;font-weight:800;padding:8px 0 0;border-top:2px solid var(--border);margin-top:6px}
.pos-system .separator{border:none;border-top:1px solid var(--border);margin:8px 0}
/* PAYMENT METHOD */
.pos-system .pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pos-system .pay-btn{padding:9px 8px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:.82rem;font-weight:500;text-align:center;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}
.pos-system .pay-btn:hover{background:#f3f4f6}
.pos-system .pay-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.pos-system .pay-btn svg{width:16px;height:16px}
/* PRODUCT SEARCH ITEM */
.pos-system .product-hit{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background .1s;background:#fff;margin-bottom:6px}
.pos-system .product-hit:hover{background:#f3f4f6}
.pos-system .product-hit-name{font-weight:600;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pos-system .product-hit-sub{font-size:.72rem;color:var(--muted)}
.pos-system .product-hit-price{font-weight:700;font-size:.88rem;white-space:nowrap;margin-left:10px}
/* STAT CARD */
.pos-system .stat-card{padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between}
.pos-system .stat-label{font-size:.75rem;font-weight:600;color:var(--muted)}
.pos-system .stat-value{font-size:1.5rem;font-weight:800;margin-top:2px}
.pos-system .stat-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pos-system .stat-icon svg{width:22px;height:22px}
.pos-system .stat-green .stat-value{color:var(--green)}
.pos-system .stat-green .stat-icon{background:var(--green-light);color:var(--green)}
.pos-system .stat-red .stat-value{color:var(--red)}
.pos-system .stat-red .stat-icon{background:var(--red-light);color:var(--red)}
/* COBRO BUTTON */
.pos-system .cobrar-btn{width:100%;padding:16px;font-size:1.1rem;font-weight:800;border-radius:var(--radius);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;transition:all .15s}
.pos-system .cobrar-btn:disabled{opacity:.4;cursor:not-allowed}
.pos-system .cobrar-btn svg{width:22px;height:22px}
/* CUSTOMER CARD */
.pos-system .customer-card{padding:12px;background:var(--accent-light);border-radius:8px}
.pos-system .customer-card .name{font-weight:600;font-size:.88rem}
.pos-system .customer-card .row{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
/* DISCOUNT PRESETS */
.pos-system .discount-presets{display:flex;gap:4px;flex-wrap:wrap}
.pos-system .discount-presets .btn{flex:1;min-width:50px;justify-content:center}
.pos-system .discount-mode-toggle{display:flex;gap:0;margin-bottom:10px;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.pos-system .discount-mode-btn{flex:1;padding:7px 0;border:none;background:var(--bg);color:var(--muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:.15s}
.pos-system .discount-mode-btn.active{background:var(--primary);color:#fff}
.pos-system .discount-mode-btn:hover:not(.active){background:#f3f4f6}
/* PREVIEW CARD */
.pos-system .preview-card{background:#f3f4f6;border-radius:8px;padding:14px;margin:12px 0}
.pos-system .preview-card h4{font-size:.78rem;color:var(--muted);font-weight:600;margin-bottom:10px}
.pos-system .preview-row{display:flex;justify-content:space-between;font-size:.85rem;padding:3px 0}
.pos-system .preview-row.total{font-size:1.1rem;font-weight:800;border-top:1px solid var(--border);padding-top:8px;margin-top:4px}
/* HISTORY ITEM */
.pos-system .history-item{padding:10px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px;background:#fff}
.pos-system .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.pos-system .history-date{font-size:.72rem;color:var(--muted)}
.pos-system .history-total{font-weight:700;font-size:.88rem}
.pos-system .history-detail{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);padding:2px 0}
/* EMPTY STATE */
.pos-system .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--muted)}
.pos-system .empty-state svg{width:48px;height:48px;opacity:.25;margin-bottom:10px}
.pos-system .empty-state p{font-size:.88rem}
/* TOAST */
.pos-system .toast-container{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px}
.pos-system .toast{padding:12px 20px;border-radius:8px;background:#1f2937;color:#fff;font-size:.85rem;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:slideIn .3s ease}
.pos-system .toast-error{background:var(--red)}
.pos-system .toast-success{background:var(--green)}
@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
/* FORM GROUP */
.pos-system .form-group{margin-bottom:12px}
.pos-system .form-group label{display:block;font-size:.82rem;font-weight:600;margin-bottom:4px;color:#374151}
/* CHANGE DISPLAY */
.pos-system .change-display{text-align:center;padding:20px;background:#f0fdf4;border:2px solid var(--green);border-radius:12px;margin:16px 0}
.pos-system .change-display .label{font-size:.82rem;color:var(--muted);font-weight:600}
.pos-system .change-display .amount{font-size:2.5rem;font-weight:900;color:var(--green);margin-top:4px}
.pos-system .change-display .negative{color:var(--red);background:#fef2f2;border-color:var(--red)}
.pos-system .cash-total-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);margin-bottom:8px}
.pos-system .cash-total-row .total-val{font-size:1.3rem;font-weight:800}
.pos-system .quick-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}
.pos-system .quick-amounts .btn{justify-content:center;font-weight:600}
/* LOGIN OVERLAY */
.pos-system .login-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column}
.pos-system .login-overlay.hidden{display:none}
.pos-system .login-card{background:#fff;border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.3);padding:36px 32px;width:400px;max-width:95vw}
.pos-system .login-card h1{text-align:center;font-size:1.3rem;font-weight:800;color:var(--primary);margin-bottom:4px}
.pos-system .login-card .subtitle{text-align:center;font-size:.82rem;color:var(--muted);margin-bottom:24px}
.pos-system .login-card .form-group{margin-bottom:14px}
.pos-system .login-card .form-group label{display:block;font-size:.82rem;font-weight:600;margin-bottom:4px;color:#374151}
.pos-system .login-card .input{padding:11px 14px;font-size:.95rem}
.pos-system .login-card .login-actions{display:flex;gap:8px;margin-top:6px}
.pos-system .login-card .login-actions .btn-primary{flex:1;padding:12px;font-size:1rem;font-weight:700}
.pos-system .login-card .login-hint{margin-top:16px;padding:10px 12px;background:#f0f9ff;border-radius:8px;font-size:.78rem;color:#0369a1;border:1px solid #bae6fd}
.pos-system .login-card .login-error{color:var(--red);font-size:.82rem;margin-top:8px;text-align:center;display:none}
.pos-system .login-logo{width:56px;height:56px;background:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.pos-system .login-logo svg{width:32px;height:32px;fill:#fff}
.pos-system #appMain{display:none}
.pos-system #appMain.visible{display:block}
/* REPORT TAB */
.pos-system .report-month-selector{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.pos-system .report-summary-table{width:100%;border-collapse:collapse;font-size:.82rem}
.pos-system .report-summary-table th{background:#f3f4f6;padding:10px;text-align:left;font-weight:600;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:2}
.pos-system .report-summary-table td{padding:8px 10px;border-bottom:1px solid #f3f4f6}
.pos-system .report-summary-table tr:hover td{background:#fafafa}
.pos-system .report-summary-table .right{text-align:right}
.pos-system .report-summary-table .center{text-align:center}
.pos-system .report-chart-container{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-top:16px}
.pos-system .report-chart-container canvas{width:100%!important;height:300px!important}
.pos-system .report-total-row{background:#f0f9ff!important;font-weight:700}
.pos-system .report-profit-pos{color:var(--green)}
.pos-system .report-profit-neg{color:var(--red)}
/* PERMISSIONS */
.pos-system .perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pos-system .perm-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:.82rem;cursor:pointer;transition:all .15s}
.pos-system .perm-item:hover{background:#f9fafb}
.pos-system .perm-item.active{background:var(--green-light);border-color:var(--green)}
.pos-system .perm-item input{accent-color:var(--green);width:16px;height:16px}
.pos-system .perm-label{font-weight:500}
/* CORTE SELLER TABS */
.pos-system .corte-seller-tabs{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}
.pos-system .corte-seller-tab{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:.82rem;font-weight:600;transition:all .15s}
.pos-system .corte-seller-tab:hover{background:#f3f4f6}
.pos-system .corte-seller-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.pos-system .corte-seller-tab .seller-badge{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
/* PROMO / PACK BADGES */
.pos-system .promo-badge{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);padding:1px 7px;border-radius:4px;margin-left:4px}
.pos-system .pack-badge{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);padding:1px 7px;border-radius:4px;margin-left:4px}
.pos-system .promo-savings-row{display:flex;justify-content:space-between;font-size:.88rem;padding:4px 0;color:#d97706}
.pos-system .promo-savings-row.pack-savings{color:#7c3aed}
.pos-system .detected-promo-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:8px;padding:10px 14px;margin-bottom:10px;font-size:.82rem;font-weight:600;color:#92400e;display:flex;align-items:center;gap:8px;animation:slideIn .3s ease}
.pos-system .detected-promo-banner svg{width:20px;height:20px;flex-shrink:0}
.pos-system .detected-promo-banner .promo-banner-text{flex:1}
.pos-system .detected-promo-banner .promo-banner-savings{font-weight:800;color:#dc2626;white-space:nowrap}
.pos-system .pack-product-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f3e8ff;border:1px solid #c4b5fd;border-radius:6px;font-size:.82rem;margin:3px}
.pos-system .pack-product-tag .remove-pack-prod{cursor:pointer;color:var(--red);font-weight:700;font-size:.9rem}