:root{--ink:#242127;--muted:#817b84;--line:#e9e5e9;--paper:#fbfafb;--white:#fff;--violet:#7659c7;--violet-soft:#eee9fb;--mint:#dff1e7;--sand:#f6ead8;--rose:#f6e2e4;--shadow:0 12px 32px rgba(48,38,58,.055)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:30px 20px 22px;background:#272329;color:#d6d0d7;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font:600 25px 'Playfair Display',serif;color:var(--ink)}.sidebar .brand{color:#fff;padding:0 14px 32px}.brand span{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-size:20px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;gap:14px;align-items:center;padding:13px 15px;border-radius:9px;font-weight:600}.sidebar nav a:first-letter{font-size:18px}.sidebar nav a:hover,.sidebar nav a.active{background:#3a343c;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid #443e45;padding:20px 5px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.sidebar-foot .avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#8067c5;color:white;font-weight:700}.sidebar-foot strong,.sidebar-foot small{display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis}.sidebar-foot small{font-size:10px;color:#928b94;margin-top:2px}.sidebar-foot form button{background:none;border:0;color:#aaa2ab;cursor:pointer;font-size:18px}.main{width:calc(100% - 244px);margin-left:244px;padding:35px 42px 60px}.top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.top p{margin:0 0 4px;color:var(--muted);font-size:12px}.top h1{font:600 31px 'Playfair Display',serif;margin:0}.date{color:var(--muted);text-transform:capitalize}.notice,.error-box{border-radius:8px;padding:12px 15px;margin:0 0 18px}.notice{color:#276245;background:#e5f4eb}.error-box{color:#963c45;background:#fbe9eb}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;gap:14px;box-shadow:var(--shadow)}.metric-icon,.quick>a>span{width:39px;height:39px;border-radius:9px;display:grid;place-items:center;font-size:18px;flex:none}.violet{background:var(--violet-soft);color:#674db3}.mint{background:var(--mint);color:#46755b}.sand{background:var(--sand);color:#8c673b}.rose{background:var(--rose);color:#99565c}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font:600 24px 'Playfair Display',serif;margin:3px 0}.metrics small{font-size:10px}.content-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.table-card{overflow:hidden}.card-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.card h2{font:600 18px 'Playfair Display',serif;margin:0}.card-head p,.quick>p{color:var(--muted);font-size:11px;margin:4px 0 0}.card-head a{color:var(--violet);font-size:12px;font-weight:600}.quick{padding:21px}.quick>a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.quick>a:last-child{border:0}.quick>a div strong,.quick>a div small{display:block}.quick>a div small{color:var(--muted);font-size:10px;margin-top:3px}.quick>a b{color:#aaa;font-size:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 20px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#fdfcfd}td{font-size:12px}td small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.status{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700}.status.active,.status.paid,.status.shipped{background:#e2f2e8;color:#367050}.status.draft,.status.pending{background:#f6ead8;color:#896438}.status.archived,.status.cancelled,.status.refunded{background:#f2ecee;color:#806d74}.status.preparing{background:#eee9fb;color:#674db3}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty.tall{padding:85px 20px}.empty div{font-size:28px}.empty h3{font:600 18px 'Playfair Display',serif;color:var(--ink);margin:8px 0}.empty p{margin:0 0 20px}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.search{width:min(390px,55%);position:relative}.search span{position:absolute;left:14px;top:9px;font-size:21px;color:var(--muted)}.search input{width:100%;padding:11px 14px 11px 42px;border:1px solid var(--line);border-radius:9px;background:#fff;outline:none}.primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--violet);color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:600;cursor:pointer}.wide{width:100%}.product-cell{display:flex;align-items:center;gap:11px}.product-cell img,.product-image{width:37px;height:37px;border-radius:7px;object-fit:cover}.product-image{display:grid;place-items:center;background:#f1eef2;color:#888}.stock.low{color:#a14a4f;font-weight:700}.actions{display:flex;gap:10px;justify-content:flex-end}.actions a,.actions button{border:0;background:none;color:var(--violet);font-size:11px;cursor:pointer;padding:0}.actions button{color:#a26b70}.product-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.8fr);gap:22px}.form-main{display:grid;gap:20px}.form-side{display:flex;flex-direction:column;gap:18px}.form-card{padding:23px}.form-card h2{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.form-card label,.login-card label{display:block;font-size:12px;font-weight:600;margin-top:17px}.form-card input,.form-card textarea,.form-card select,.login-card input{display:block;width:100%;border:1px solid #ddd7de;border-radius:7px;background:#fff;padding:11px 12px;margin-top:7px;outline:none}.form-card input:focus,.form-card textarea:focus,.form-card select:focus,.login-card input:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.form-card textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-card label small{float:right;color:var(--muted);font-weight:400}.hint{font-size:10px;color:var(--muted);line-height:1.5}.cancel{text-align:center;color:var(--muted);font-size:12px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-art{position:relative;margin:18px;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,rgba(44,35,47,.65),rgba(36,29,39,.93)),url('https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=1400&q=80') center/cover}.art-content{height:100%;padding:48px;color:#fff;display:flex;flex-direction:column;justify-content:center}.brand.light{color:#fff;position:absolute;top:40px}.art-content>p{color:#d6cdd8;margin:0 0 15px}.art-content>h1{font:600 clamp(38px,4vw,62px)/1.08 'Playfair Display',serif;margin:0;letter-spacing:-.02em}.art-stat{position:absolute;left:48px;bottom:42px;display:grid;gap:5px}.art-stat span{font-size:11px;color:#c4b9c7}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(380px,100%)}.eyebrow{color:var(--violet);font-size:11px;font-weight:700;letter-spacing:.14em}.login-card h2{font:600 35px 'Playfair Display',serif;margin:10px 0 7px}.muted{color:var(--muted);margin:0 0 28px}.login-card .primary{margin-top:24px}.secure{display:block;text-align:center;color:#aaa;margin-top:18px}.error-page{min-height:100vh;display:grid;place-content:center;text-align:center;gap:10px}.error-page .brand{justify-content:center}.error-page h1{font:600 40px 'Playfair Display',serif;margin:25px 0 0}.error-page p{color:var(--muted)}@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.sidebar{width:78px;padding:30px 12px}.sidebar .brand{padding:0 9px 30px;font-size:0}.sidebar nav a span,.sidebar-foot>div:not(.avatar),.sidebar-foot form{display:none}.sidebar nav a{justify-content:center}.main{width:calc(100% - 78px);margin-left:78px;padding:30px}.sidebar-foot{display:block}.sidebar-foot .avatar{margin:auto}}@media(max-width:700px){.main{padding:22px 16px}.metrics{grid-template-columns:1fr}.product-form{grid-template-columns:1fr}.login-page{display:block}.login-art{display:none}.login-panel{min-height:100vh;padding:28px}.top .date{display:none}.form-row{grid-template-columns:1fr}.toolbar{align-items:stretch}.search{width:100%}.toolbar .primary{font-size:0}.toolbar .primary:first-letter{font-size:16px}}


/* Menú admin: iconografía SVG uniforme */
.sidebar nav a{gap:12px}
.sidebar nav a:first-letter{font-size:inherit}
.sidebar .nav-icon{width:23px;height:23px;display:grid;place-items:center;flex:0 0 23px;color:#b9d6ef}
.sidebar .nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar nav a:hover .nav-icon,.sidebar nav a.active .nav-icon{color:#fff}
.user-name-cell{display:flex;align-items:center;gap:10px}.user-mini-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--violet-soft);color:var(--violet);font-weight:800}.user-form-card{max-width:720px}.danger-button{border:0;background:none;color:#a14a4f;cursor:pointer;font-size:11px;padding:0}.mail-note{padding:12px 14px;border-radius:8px;background:#f3f7fb;color:#557085;font-size:11px;line-height:1.55;margin-top:16px}
@media(max-width:1050px){.sidebar .nav-icon{width:24px;height:24px;flex-basis:24px}.sidebar .nav-icon svg{width:21px;height:21px}}


/* =========================================================
   Sidebar Artículos · submenú integrado
   ========================================================= */
.sidebar nav .nav-products{width:100%;margin:0;padding:0}
.sidebar nav .nav-products-main{
    appearance:none!important;-webkit-appearance:none!important;
    width:100%!important;min-height:46px!important;margin:0!important;
    padding:13px 15px!important;border:0!important;border-radius:9px!important;
    background:transparent!important;box-shadow:none!important;outline:0!important;
    color:#d6d0d7!important;display:flex!important;align-items:center!important;
    gap:12px!important;font:inherit!important;font-weight:600!important;
    text-align:left!important;cursor:pointer!important;
}
.sidebar nav .nav-products-main:hover,
.sidebar nav .nav-products-main.active{
    background:#3a343c!important;color:#fff!important;
}
.sidebar nav .nav-products-main .nav-icon{color:#b9d6ef!important}
.sidebar nav .nav-products-main:hover .nav-icon,
.sidebar nav .nav-products-main.active .nav-icon{color:#fff!important}
.sidebar nav .nav-products-label{flex:1!important}
.sidebar nav .nav-products-arrow{
    width:16px;height:16px;margin-left:auto;display:grid;place-items:center;
    transition:transform .18s ease;color:#a9c6df;
}
.sidebar nav .nav-products-arrow svg{
    width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;
    stroke-linecap:round;stroke-linejoin:round;
}
.sidebar nav .nav-products.open .nav-products-arrow{transform:rotate(180deg)}
.sidebar nav .nav-products-submenu{
    display:none;margin:2px 0 5px 38px;padding:3px 0 3px 14px;
    border-left:1px solid rgba(185,214,239,.22);
}
.sidebar nav .nav-products.open .nav-products-submenu{display:grid;gap:2px}
.sidebar nav .nav-products-submenu a{
    min-height:37px;padding:8px 10px!important;margin:0 6px 0 0!important;
    border-radius:7px!important;background:transparent!important;
    color:#b9d3ee!important;font-size:13px!important;font-weight:500!important;
    gap:9px!important;
}
.sidebar nav .nav-products-submenu a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
.sidebar nav .nav-products-submenu a.active{background:rgba(255,255,255,.10)!important;color:#fff!important;font-weight:600!important}
.sidebar nav .nav-sub-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8;flex:0 0 5px}
@media(max-width:1050px){
    .sidebar nav .nav-products-main{justify-content:center!important;padding:13px 0!important}
    .sidebar nav .nav-products-label,.sidebar nav .nav-products-arrow{display:none!important}
    .sidebar nav .nav-products-submenu{margin:2px 0 5px!important;padding:0!important;border-left:0!important}
    .sidebar nav .nav-products-submenu a{justify-content:center!important;padding:9px 0!important;margin:0!important}
    .sidebar nav .nav-products-submenu a span:not(.nav-sub-dot){display:none!important}
}


/* =========================================================
   CONFIGURACIÓN · SOLAPAS
   ========================================================= */
.settings-tabs-form{display:block}
.settings-tabs{
    display:flex;
    gap:6px;
    align-items:center;
    padding:6px;
    margin:0 0 18px;
    border:1px solid #dbe6ef;
    border-radius:14px;
    background:#fff;
    overflow-x:auto;
}
.settings-tabs button{
    min-width:max-content;
    padding:10px 16px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#6b8298;
    font:inherit;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
}
.settings-tabs button:hover{background:#f3f7fa;color:#003b72}
.settings-tabs button.active{background:#063b70;color:#fff}
.settings-tab-panel{display:none}
.settings-tab-panel.active{display:block}
.settings-tab-panel>.card{margin-bottom:18px}

.smtp-card select{
    width:100%;
    min-height:48px;
    padding:0 14px;
    border:1px solid #d8e1e9;
    border-radius:9px;
    background:#fff;
    color:#082d54;
    font:inherit;
}
.smtp-help{
    margin:0 0 18px;
    padding:12px 14px;
    border:1px solid #d8e8f4;
    border-radius:9px;
    background:#f4f9fd;
    color:#58728c;
    font-size:12px;
    line-height:1.55;
}
.mail-test-button{width:100%;min-height:48px;margin-top:0}
@media(max-width:700px){
    .settings-tabs{padding:4px}
    .settings-tabs button{padding:9px 12px}
}


/* ADMIN · edición categorías y banners */
.admin-edit-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}
.admin-edit-head h2{margin-bottom:4px}
.admin-edit-head p{margin:0;color:#7890a7;font-size:12px}
.admin-edit-head .secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 12px;
    border:1px solid #d7e2eb;
    border-radius:8px;
    background:#fff;
    color:#31506f;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}
.current-admin-image{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px;
    margin:-4px 0 10px;
    border:1px solid #dce7ef;
    border-radius:10px;
    background:#f8fbfd;
}
.current-admin-image img{
    width:72px;
    height:72px;
    object-fit:contain;
    border-radius:8px;
    background:#fff;
}
.current-admin-image div{display:grid;gap:2px}
.current-admin-image strong{font-size:12px}
.current-admin-image small{color:#7a8fa3;font-size:10px}
.current-banner-image img{
    width:120px;
    height:68px;
}
.banner-row>.actions{
    display:flex;
    align-items:center;
    gap:10px;
}
.banner-row>.actions>a{
    color:#0069b7;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}


/* Resumen · cinco indicadores */
@media(min-width:1051px){
    .metrics{
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    }
    .metrics article{
        min-width:0;
    }
}
.refund-metric{
    background:#e7f0f8;
    color:#2e658f;
}


/* =========================================================
   PEDIDOS · detalle de artículos
   ========================================================= */
.order-actions-cell{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
}

.order-detail-button{
    border:1px solid #cfdce7;
    border-radius:7px;
    background:#fff;
    color:#075f9e;
    padding:8px 10px;
    font-size:10px;
    font-weight:700;
    white-space:nowrap;
    cursor:pointer;
}

.order-detail-button:hover{
    background:#f3f8fc;
}

.order-detail-row td{
    padding:0 !important;
    border-bottom:1px solid #dce5ed;
    background:#f6f9fc;
    white-space:normal !important;
}

.order-detail-panel{
    padding:22px 24px 26px;
}

.order-detail-top{
    display:grid;
    grid-template-columns:1fr 1.4fr 1fr;
    gap:18px;
    margin-bottom:22px;
}

.order-detail-top>div{
    min-width:0;
    padding:14px 16px;
    border:1px solid #dce6ee;
    border-radius:10px;
    background:#fff;
}

.order-detail-top small{
    display:block;
    margin:0 0 7px;
    color:#7890a6;
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
}

.order-detail-top strong,
.order-detail-top span{
    display:block;
    white-space:normal;
}

.order-detail-top strong{
    color:#082f58;
    font-size:12px;
}

.order-detail-top span{
    margin-top:4px;
    color:#6f8294;
    font-size:10px;
}

.order-products-title{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:15px;
    margin-bottom:10px;
}

.order-products-title h3{
    margin:0;
    color:#082f58;
    font-size:14px;
}

.order-products-title p{
    margin:3px 0 0;
    color:#7b8da0;
    font-size:10px;
}

.order-products-title>strong{
    color:#003e78;
    font-size:16px;
}

.order-items-table{
    overflow:hidden;
    border:1px solid #dce6ee;
    border-radius:10px;
    background:#fff;
}

.order-items-head,
.order-item-line{
    display:grid;
    grid-template-columns:minmax(260px,1fr) 90px 130px 130px;
    align-items:center;
    gap:12px;
}

.order-items-head{
    padding:10px 14px;
    background:#f4f7fa;
    color:#71869a;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.order-item-line{
    min-height:70px;
    padding:10px 14px;
    border-top:1px solid #edf1f4;
}

.order-item-product{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}

.order-item-product img,
.order-item-placeholder{
    width:48px;
    height:48px;
    flex:0 0 48px;
    border-radius:8px;
    object-fit:contain;
    background:#f3f7fa;
}

.order-item-placeholder{
    display:grid;
    place-items:center;
    color:#8293a3;
}

.order-item-product>div{
    min-width:0;
}

.order-item-product strong{
    display:block;
    white-space:normal;
    color:#092f56;
    font-size:11px;
}

.order-item-product small{
    margin-top:4px;
}

.order-item-qty{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:28px;
    border-radius:7px;
    background:#eef5fb;
    color:#064e86;
    font-weight:800;
}

.order-detail-total{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:30px;
    padding:14px 16px;
    border-top:1px solid #dce6ee;
    background:#fbfcfd;
}

.order-detail-total span{
    color:#62798e;
    font-size:11px;
    font-weight:700;
}

.order-detail-total strong{
    color:#003e78;
    font-size:16px;
}

.order-no-items{
    padding:18px;
    border:1px dashed #cbd8e2;
    border-radius:9px;
    background:#fff;
    color:#788b9d;
    text-align:center;
    font-size:11px;
}

@media(max-width:1050px){
    .order-detail-top{
        grid-template-columns:1fr;
    }

    .order-items-head,
    .order-item-line{
        grid-template-columns:minmax(220px,1fr) 70px 110px 110px;
    }
}


/* ADMIN · Variantes de producto */
.variant-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.variant-admin-head h2{margin-bottom:4px}
.variant-admin-head p{margin:0;color:#758ba0;font-size:11px}
.variant-help{padding:10px 12px;margin:10px 0 14px;border-radius:8px;background:#f5f9fc;color:#6f8498;font-size:10px}
.variant-table-wrap{overflow-x:auto}
.variant-table{width:100%;border-collapse:collapse;min-width:720px}
.variant-table th{padding:8px 6px;text-align:left;color:#718599;font-size:9px;text-transform:uppercase}
.variant-table td{padding:5px 6px;border-top:1px solid #edf2f6}
.variant-table input[type="text"],.variant-table input[type="number"]{min-width:110px;margin:0}
.variant-table .variant-check{text-align:center}
.variant-table .variant-check input{width:17px;height:17px}
.variant-remove{width:30px;height:30px;border:1px solid #e3c8c8;border-radius:7px;background:#fff;color:#b04a4a;cursor:pointer;font-size:18px}
.variant-empty{text-align:center!important;padding:24px!important;color:#8294a5}

/* ARTÍCULOS · formulario por solapas */
.product-tabs-form{display:block!important}.product-tabs{display:flex;align-items:stretch;gap:8px;padding:6px;margin:0 0 18px;border:1px solid #dbe6ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(0,49,88,.035);overflow-x:auto}.product-tabs>button{flex:1 1 0;min-width:190px;min-height:62px;display:flex;align-items:center;gap:11px;padding:9px 13px;border:0;border-radius:10px;background:transparent;color:#647e96;text-align:left;cursor:pointer}.product-tabs>button:hover{background:#f3f8fc;color:#064779}.product-tabs>button.active{background:#073f73;color:#fff;box-shadow:0 6px 14px rgba(4,62,113,.15)}.product-tabs>button>span:last-child{display:grid;gap:2px}.product-tabs>button b{font-size:12px}.product-tabs>button small{font-size:9px;color:inherit;opacity:.72}.product-tab-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;background:#edf6fd;color:#0867a6}.product-tabs>button.active .product-tab-icon{background:rgba(255,255,255,.14);color:#fff}.product-tab-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product-tab-panel{display:none}.product-tab-panel.active{display:block}.product-tab-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:18px;align-items:start}.product-tab-main,.product-tab-side,.product-commerce-stack{display:grid;gap:18px}.product-single-panel{max-width:900px}.product-tab-panel .form-card{box-shadow:0 8px 24px rgba(0,49,88,.035)}.product-form-actions{position:sticky;bottom:14px;z-index:20;display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;padding:10px;border:1px solid #d9e5ee;border-radius:12px;background:rgba(255,255,255,.95);box-shadow:0 10px 30px rgba(4,47,82,.09);backdrop-filter:blur(8px)}.product-cancel-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:8px}.product-save-button{min-height:42px;gap:9px!important;padding:0 20px!important}.product-save-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:900px){.product-tab-grid{grid-template-columns:1fr}.product-single-panel{max-width:none}}@media(max-width:700px){.product-tabs>button{min-width:165px}.product-form-actions{position:static}}
/* RESUMEN · métricas compactas */
.metrics-modern{gap:14px!important}.metrics-modern article{min-height:126px;padding:17px 16px!important;gap:12px!important;align-items:flex-start}.metrics-modern .metric-icon{width:40px;height:40px;border-radius:10px}.metrics-modern .metric-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.metrics-modern .metric-body{min-width:0;flex:1}.metrics-modern span{font-size:12px;line-height:1.2}.metrics-modern strong{font-family:'Manrope',sans-serif!important;font-size:20px!important;line-height:1.12!important;letter-spacing:-.035em;margin:5px 0 5px!important;overflow-wrap:anywhere}.metrics-modern small{font-size:9px!important;line-height:1.35}@media(min-width:1051px){.metrics-modern{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media(min-width:1051px) and (max-width:1320px){.metrics-modern strong{font-size:18px!important}.metrics-modern article{padding:15px 13px!important}.metrics-modern .metric-icon{width:36px;height:36px}}


/* Categorías · optimización y marca de agua */
.category-image-tools{
    margin:16px 0;
    padding:15px;
    border:1px solid #dbe7ef;
    border-radius:13px;
    background:linear-gradient(180deg,#fbfdff,#f6fafe);
}
.category-image-tools-head{
    display:flex;align-items:center;gap:10px;
    padding-bottom:12px;margin-bottom:3px;
    border-bottom:1px solid #e3ecf2;
}
.category-image-tools-icon{
    width:36px;height:36px;flex:0 0 36px;
    display:grid;place-items:center;
    border-radius:10px;background:#e7f4fc;color:#0870b1;
}
.category-image-tools-icon svg{
    width:19px;height:19px;fill:none;stroke:currentColor;
    stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.category-image-tools-head strong,.category-image-tools-head small{display:block}
.category-image-tools-head strong{font-size:11px;color:#0a3a64}
.category-image-tools-head small{font-size:8px;color:#8396a7;margin-top:2px}

.category-tool-option{
    display:grid!important;
    grid-template-columns:36px 1fr;
    gap:10px;
    align-items:center;
    padding:11px 2px!important;
    margin:0!important;
    cursor:pointer;
    border-bottom:1px solid #e8eff4;
}
.category-tool-option input{position:absolute;opacity:0;pointer-events:none}
.category-tool-switch{
    position:relative;width:34px;height:20px;
    border-radius:999px;background:#ccd9e2;
    transition:.2s;
}
.category-tool-switch:after{
    content:'';position:absolute;left:3px;top:3px;
    width:14px;height:14px;border-radius:50%;
    background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);
    transition:.2s;
}
.category-tool-option input:checked + .category-tool-switch{background:#0874b9}
.category-tool-option input:checked + .category-tool-switch:after{transform:translateX(14px)}
.category-tool-copy b,.category-tool-copy small{display:block}
.category-tool-copy b{font-size:9px;color:#214763}
.category-tool-copy small{font-size:8px;line-height:1.45;color:#8497a6;margin-top:2px}
.category-tool-note{
    display:flex;align-items:flex-start;gap:7px;
    margin-top:10px;padding:8px 9px;
    border-radius:8px;background:#edf6fc;color:#56758d;
}
.category-tool-note>span{
    width:18px;height:18px;flex:0 0 18px;
    display:grid;place-items:center;border-radius:50%;
    background:#d8ecf8;color:#0870ad;font-size:8px;font-weight:900;
}
.category-tool-note p{margin:1px 0 0;font-size:8px;line-height:1.45}

.mail-flow-card{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:center;gap:7px;margin:14px 0;padding:14px;border:1px solid #dce8f1;border-radius:12px;background:#f8fbfd}
.mail-flow-card>div{display:flex;align-items:center;gap:9px;min-width:0}
.mail-flow-card>div>span{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:9px;background:#e5f3fc;color:#0870b1;font-size:10px;font-weight:900}
.mail-flow-card p,.mail-flow-card b,.mail-flow-card small{display:block;margin:0}
.mail-flow-card b{font-size:9px;color:#143f62}.mail-flow-card small{font-size:7px;color:#8296a6;margin-top:2px}
.mail-flow-card>i{width:100%;height:1px;background:#cddde8;position:relative}.mail-flow-card>i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #9bb6c9;border-right:1px solid #9bb6c9;transform:rotate(45deg)}
@media(max-width:760px){.mail-flow-card{grid-template-columns:1fr}.mail-flow-card>i{display:none}}


/* Pedidos · acciones múltiples y rótulos */
.orders-workspace{display:grid;gap:14px}
.orders-workspace-head{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:17px 19px;border:1px solid #dce7ef;border-radius:13px;background:#fff
}
.orders-workspace-head>div:first-child>small{font-size:8px;letter-spacing:.15em;font-weight:800;color:#0b75b5}
.orders-workspace-head h2{margin:4px 0 3px;font:700 18px 'Manrope',sans-serif;color:#073b69}
.orders-workspace-head p{margin:0;color:#7b8f9f;font-size:9px}
.orders-head-stat{text-align:center;min-width:80px;padding:8px 11px;border-radius:10px;background:#eef7fd}
.orders-head-stat span{display:block;color:#086fae;font-size:19px;font-weight:800}
.orders-head-stat small{display:block;margin-top:1px;color:#72899b;font-size:7px}

.bulk-order-bar{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    min-height:62px;padding:10px 13px;
    border:1px solid #dce7ef;border-radius:12px;background:#f7fafc;
    transition:.2s
}
.bulk-order-bar.has-selection{
    border-color:#a9d0e8;background:#f0f8fd;
    box-shadow:0 7px 20px rgba(5,91,146,.06)
}
.bulk-selection-count{display:flex;align-items:center;gap:10px}
.bulk-selection-count>span{
    width:37px;height:37px;display:grid;place-items:center;
    border-radius:10px;background:#e2eff8;color:#0871b1;font-size:15px;font-weight:900
}
.bulk-selection-count strong,.bulk-selection-count small{display:block}
.bulk-selection-count strong{font-size:9px;color:#244866}
.bulk-selection-count small{font-size:7px;color:#8799a8;margin-top:2px}

.bulk-order-actions{display:flex;align-items:center;gap:8px}
.bulk-order-actions form{display:flex;align-items:center;gap:7px}
.bulk-order-actions button,.bulk-order-actions select{
    min-height:37px;border-radius:8px;font-size:9px
}
.bulk-order-actions select{padding:0 9px;border:1px solid #cfdde7;background:#fff;color:#244965}
.bulk-order-actions button{
    border:0;padding:0 12px;background:#0a679f;color:#fff;font-weight:800;cursor:pointer
}
.bulk-order-actions button:disabled,.bulk-order-actions select:disabled{opacity:.4;cursor:not-allowed}
.bulk-label-button{display:inline-flex;align-items:center;gap:7px;background:#ff8500!important}
.bulk-label-button svg,.order-label-link svg{
    width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round
}

.order-select-column{width:42px!important;padding-left:14px!important;padding-right:5px!important}
.modern-check{display:inline-grid;place-items:center;cursor:pointer}
.modern-check input{position:absolute;opacity:0;pointer-events:none}
.modern-check span{
    width:17px;height:17px;border:1.5px solid #b6c8d5;border-radius:5px;
    background:#fff;position:relative;transition:.15s
}
.modern-check input:checked+span{background:#0873b4;border-color:#0873b4}
.modern-check input:checked+span:after{
    content:'';position:absolute;left:4px;top:1px;width:5px;height:9px;
    border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)
}
.modern-check input:indeterminate+span{background:#0873b4;border-color:#0873b4}
.modern-check input:indeterminate+span:after{
    content:'';position:absolute;left:3px;right:3px;top:7px;height:2px;background:#fff
}

.order-actions-cell{align-items:center!important;flex-wrap:wrap}
.order-label-link{
    min-height:29px;display:inline-flex;align-items:center;gap:5px;
    padding:0 8px;border:1px solid #d5e3ec;border-radius:7px;
    background:#f7fbfd;color:#096b9f!important;font-size:8px!important;font-weight:800
}
.order-label-link:hover{background:#eaf5fb}

@media(max-width:800px){
    .orders-workspace-head{align-items:flex-start}
    .bulk-order-bar{align-items:stretch;flex-direction:column}
    .bulk-order-actions{align-items:stretch;flex-direction:column}
    .bulk-order-actions form{width:100%}
    .bulk-order-actions button,.bulk-order-actions select{flex:1}
}

/* Pedidos · cantidad manual de bultos */
.order-package-editor{
    margin:15px 0 5px;padding:13px 15px;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    border:1px solid #d9e6ef;border-radius:11px;background:#f7fbfd
}
.order-package-editor small,.order-package-editor strong,.order-package-editor span{display:block}
.order-package-editor small{font-size:7px;letter-spacing:.12em;color:#7b92a4;font-weight:800}
.order-package-editor strong{margin-top:3px;font-size:11px;color:#0a416c}
.order-package-editor span{margin-top:2px;font-size:8px;color:#7e92a1}
.package-count-form{display:flex;align-items:center;gap:5px}
.package-count-form button,.package-count-form input{
    height:34px;border:1px solid #cbdde9;background:#fff;color:#0b4a77
}
.package-count-form button{
    width:34px;border-radius:7px;font-size:15px;font-weight:800;cursor:pointer
}
.package-count-form input{
    width:48px;border-radius:7px;text-align:center;font-weight:800;
    -moz-appearance:textfield
}
.package-count-form input::-webkit-outer-spin-button,
.package-count-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.package-count-form .package-save{
    width:auto;padding:0 11px;margin-left:4px;
    border-color:#0873b4;background:#0873b4;color:#fff;font-size:8px
}
@media(max-width:700px){
    .order-package-editor{align-items:flex-start;flex-direction:column}
}


/* Pedidos · detalle en modal */
body.order-modal-open{overflow:hidden}

.order-detail-modal[hidden]{display:none!important}
.order-detail-modal{
    position:fixed;inset:0;z-index:2000;
    display:grid;place-items:center;
    padding:24px;
}
.order-detail-modal-backdrop{
    position:absolute;inset:0;
    background:rgba(2,27,51,.56);
    backdrop-filter:blur(7px);
    opacity:0;
    transition:opacity .22s ease;
}
.order-detail-modal-dialog{
    position:relative;z-index:1;
    width:min(1050px,calc(100vw - 40px));
    max-height:calc(100vh - 48px);
    display:flex;flex-direction:column;
    overflow:hidden;
    border:1px solid #d5e2eb;
    border-radius:18px;
    background:#f8fbfd;
    box-shadow:0 35px 100px rgba(0,32,66,.28);
    opacity:0;
    transform:translateY(18px) scale(.985);
    transition:opacity .22s ease,transform .24s cubic-bezier(.2,.8,.2,1);
}
.order-detail-modal.visible .order-detail-modal-backdrop{opacity:1}
.order-detail-modal.visible .order-detail-modal-dialog{
    opacity:1;transform:none;
}

.order-detail-modal-head{
    display:flex;align-items:center;justify-content:space-between;gap:18px;
    padding:20px 22px;
    border-bottom:1px solid #dce7ee;
    background:#fff;
}
.order-detail-modal-head small{
    display:block;font-size:8px;letter-spacing:.15em;
    font-weight:800;color:#7b91a3
}
.order-detail-modal-head h2{
    margin:3px 0 0;
    font:800 22px 'Manrope',sans-serif;
    letter-spacing:-.04em;color:#063b69
}
.order-detail-modal-head p{
    margin:3px 0 0;font-size:8px;color:#8799a7
}
.order-modal-head-actions{
    display:flex;align-items:center;gap:9px
}
.order-modal-label-link{
    min-height:36px;display:inline-flex;align-items:center;gap:7px;
    padding:0 11px;border-radius:8px;
    border:1px solid #d3e1ea;background:#f7fbfd;
    color:#096b9f;font-size:8px;font-weight:800
}
.order-modal-label-link svg,.order-modal-close svg,.order-modal-icon svg{
    fill:none;stroke:currentColor;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round
}
.order-modal-label-link svg{width:15px;height:15px}
.order-modal-close{
    width:36px;height:36px;display:grid;place-items:center;
    border:0;border-radius:9px;background:#eef3f7;color:#597187;
    cursor:pointer;transition:.18s
}
.order-modal-close:hover{background:#e4ebf0;transform:rotate(5deg)}
.order-modal-close svg{width:16px;height:16px}

.order-detail-modal-body{
    overflow:auto;
    padding:18px 20px 22px
}

.order-modal-info-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px
}
.order-modal-info-grid article{
    min-height:122px;
    display:flex;align-items:flex-start;gap:11px;
    padding:15px;
    border:1px solid #dde7ee;border-radius:12px;
    background:#fff
}
.order-modal-icon{
    width:36px;height:36px;flex:0 0 36px;
    display:grid;place-items:center;
    border-radius:10px;background:#eaf5fc;color:#0870ae
}
.order-modal-icon svg{width:19px;height:19px}
.order-modal-info-grid small,
.order-modal-info-grid strong,
.order-modal-info-grid span{display:block}
.order-modal-info-grid small{
    font-size:7px;letter-spacing:.12em;
    color:#8194a4;font-weight:800
}
.order-modal-info-grid strong{
    margin-top:4px;font-size:10px;
    line-height:1.45;color:#153f61
}
.order-modal-info-grid span{
    margin-top:3px;font-size:8px;
    line-height:1.45;color:#7a90a1
}

.modal-package-editor{margin-top:12px!important}

.order-modal-products{
    margin-top:14px;
    padding:16px;
    border:1px solid #dce7ef;border-radius:13px;
    background:#fff
}
.order-modal-products .order-products-title{
    margin:0 0 12px!important
}

@media(max-width:800px){
    .order-detail-modal{padding:10px}
    .order-detail-modal-dialog{
        width:100%;
        max-height:calc(100vh - 20px);
        border-radius:14px
    }
    .order-detail-modal-head{
        align-items:flex-start;
        flex-direction:column
    }
    .order-modal-head-actions{
        width:100%;
        flex-wrap:wrap
    }
    .order-modal-info-grid{grid-template-columns:1fr}
}


/* Modal de pedidos · contador de bultos */
.modal-package-editor{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:22px!important;
    margin-top:14px!important;
    padding:16px 18px!important;
    border:1px solid #d7e5ee!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,#f9fcfe,#f3f8fb)!important;
}
.package-editor-copy{display:flex;align-items:center;gap:12px;min-width:0}
.package-editor-icon{
    width:42px;height:42px;flex:0 0 42px;
    display:grid;place-items:center;
    border-radius:12px;background:#e7f3fb;color:#0870ae
}
.package-editor-icon svg,
.package-counter button svg,
.package-save-modern svg{
    fill:none;stroke:currentColor;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round
}
.package-editor-icon svg{width:20px;height:20px}
.package-editor-copy small,.package-editor-copy strong,.package-editor-copy span{display:block}
.package-editor-copy small{font-size:7px;letter-spacing:.13em;color:#7890a2;font-weight:800}
.package-editor-copy strong{margin-top:3px;font-size:12px;color:#0a416d}
.package-editor-copy span{margin-top:3px;font-size:8px;line-height:1.4;color:#7d91a0}

.package-count-form-modern{display:flex!important;align-items:center!important;gap:10px!important}
.package-counter{
    min-height:46px;display:flex;align-items:center;overflow:hidden;
    border:1px solid #c9dbe7;border-radius:11px;background:#fff;
    box-shadow:0 4px 12px rgba(0,53,91,.04)
}
.package-counter>button{
    width:44px!important;height:44px!important;
    display:grid!important;place-items:center!important;
    border:0!important;border-radius:0!important;
    background:#f4f8fb!important;color:#086aa5!important;
    cursor:pointer!important;transition:.18s ease!important
}
.package-counter>button:hover{background:#e7f3fa!important;color:#045f97!important}
.package-counter>button svg{width:16px;height:16px;stroke-width:2}
.package-counter-value{
    min-width:82px;display:grid;place-items:center;
    padding:4px 9px;border-left:1px solid #dce7ee;border-right:1px solid #dce7ee
}
.package-counter-value input{
    width:56px!important;height:23px!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;text-align:center!important;
    color:#063c6b!important;font:800 18px 'Manrope',sans-serif!important;line-height:1!important
}
.package-counter-value input:focus{outline:0!important}
.package-counter-value small{
    margin-top:1px;font-size:7px;color:#8697a6;
    text-transform:uppercase;letter-spacing:.08em
}
.package-save-modern{
    min-width:138px!important;height:46px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    gap:8px!important;padding:0 15px!important;margin:0!important;
    border:0!important;border-radius:10px!important;
    background:linear-gradient(135deg,#0875b6,#055c92)!important;
    color:#fff!important;font-size:8px!important;font-weight:800!important;
    box-shadow:0 7px 18px rgba(5,96,151,.18)!important;
    cursor:pointer!important;transition:.18s ease!important
}
.package-save-modern:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 22px rgba(5,96,151,.24)!important
}
.package-save-modern svg{width:15px;height:15px}

@media(max-width:800px){
    .modal-package-editor{align-items:stretch!important;flex-direction:column!important}
    .package-count-form-modern{justify-content:space-between!important;width:100%}
    .package-counter{flex:1}
    .package-counter-value{flex:1}
}
@media(max-width:520px){
    .package-count-form-modern{align-items:stretch!important;flex-direction:column!important}
    .package-save-modern{width:100%!important}
}


/* =========================================================
   ADMIN · Categorías modernas
   ========================================================= */
.category-admin-page{display:grid;gap:15px}
.category-admin-hero{
    display:flex;align-items:center;justify-content:space-between;gap:22px;
    padding:18px 20px;
    border:1px solid #dce7ef;border-radius:14px;
    background:#fff;
    box-shadow:0 8px 26px rgba(0,48,84,.035)
}
.category-admin-hero>div:first-child>small{
    font-size:8px;letter-spacing:.16em;font-weight:800;color:#0874b6
}
.category-admin-hero h2{
    margin:5px 0 3px;
    font:800 19px 'Manrope',sans-serif;
    color:#063a67;letter-spacing:-.035em
}
.category-admin-hero p{margin:0;color:#7c90a1;font-size:9px}
.category-admin-stats{display:flex;align-items:center;gap:8px}
.category-admin-stats article{
    min-width:76px;padding:9px 11px;text-align:center;
    border-radius:10px;background:#f1f7fb
}
.category-admin-stats span{
    display:block;color:#086fae;font:800 17px 'Manrope',sans-serif
}
.category-admin-stats small{
    display:block;margin-top:2px;color:#7b90a1;font-size:7px
}

.category-admin-layout{
    display:grid;
    grid-template-columns:minmax(340px,.82fr) minmax(0,1.55fr);
    gap:15px;align-items:start
}
.category-editor-card,.category-list-panel{
    border:1px solid #dae6ee;border-radius:15px;background:#fff;
    box-shadow:0 8px 26px rgba(0,48,84,.035)
}
.category-editor-card{overflow:hidden}
.category-editor-card.editing{border-color:#b8d7ea}

.category-editor-head{
    position:relative;
    display:flex;align-items:flex-start;gap:11px;
    padding:17px 18px;
    border-bottom:1px solid #e3ebf1;
    background:linear-gradient(180deg,#fbfdff,#f7fbfd)
}
.category-editor-head-icon{
    width:40px;height:40px;flex:0 0 40px;
    display:grid;place-items:center;
    border-radius:11px;background:#e7f4fc;color:#0870af
}
.category-editor-head-icon svg,
.category-editor-cancel svg,
.category-input-wrap svg,
.category-upload-icon svg,
.category-save-button svg,
.category-list-search svg,
.category-card-placeholder svg,
.category-card-meta svg,
.category-edit-button svg,
.category-delete-button svg,
.category-empty-modern svg{
    fill:none;stroke:currentColor;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round
}
.category-editor-head-icon svg{width:19px;height:19px}
.category-editor-head small{
    display:block;font-size:7px;letter-spacing:.14em;color:#7b91a2;font-weight:800
}
.category-editor-head h3{
    margin:3px 0 2px;
    font:800 14px 'Manrope',sans-serif;color:#073d6b
}
.category-editor-head p{margin:0;color:#8194a3;font-size:8px;line-height:1.45}
.category-editor-cancel{
    position:absolute;right:12px;top:12px;
    width:32px;height:32px;display:grid;place-items:center;
    border-radius:8px;background:#eef3f7;color:#60778b
}
.category-editor-cancel:hover{background:#e5edf2}
.category-editor-cancel svg{width:14px;height:14px}

.category-modern-form{display:grid;gap:14px;padding:17px 18px 18px}
.category-field{display:grid;gap:6px}
.category-field>label{
    font-size:8px;color:#365873;font-weight:800
}
.category-field>label small{
    margin-left:3px;color:#94a3af;font-weight:600
}
.category-field textarea{
    width:100%;min-height:77px;padding:10px 11px;
    resize:vertical;border:1px solid #d2e0e9;border-radius:9px;
    background:#fff;color:#173d5d;font:inherit;outline:0
}
.category-field textarea:focus{
    border-color:#74b4d9;box-shadow:0 0 0 3px rgba(8,116,182,.07)
}
.category-input-wrap{
    min-height:42px;display:flex;align-items:center;
    overflow:hidden;border:1px solid #d2e0e9;border-radius:9px;background:#fff;
    transition:.18s
}
.category-input-wrap:focus-within{
    border-color:#74b4d9;box-shadow:0 0 0 3px rgba(8,116,182,.07)
}
.category-input-wrap>span{
    width:38px;display:grid;place-items:center;color:#7c96a9
}
.category-input-wrap svg{width:16px;height:16px}
.category-input-wrap input{
    flex:1;width:100%;height:40px;padding:0 10px 0 0!important;
    margin:0!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;background:transparent!important
}
.category-input-wrap.compact{max-width:150px}

.category-image-section{
    padding:13px;border:1px solid #dfe9f0;border-radius:11px;background:#fafcfd
}
.category-image-section-head{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin-bottom:10px
}
.category-image-section-head strong,.category-image-section-head small{display:block}
.category-image-section-head strong{font-size:9px;color:#244965}
.category-image-section-head small{font-size:7px;color:#8799a8;margin-top:2px}
.category-image-current-badge{
    padding:4px 7px;border-radius:999px;
    background:#e8f5ec;color:#267251;font-size:7px;font-weight:800
}
.category-current-image-modern{
    display:flex;align-items:center;gap:10px;
    margin-bottom:10px;padding:9px;
    border:1px solid #e0e9ef;border-radius:9px;background:#fff
}
.category-current-image-frame{
    width:64px;height:52px;display:grid;place-items:center;
    overflow:hidden;border-radius:8px;background:#f2f6f9
}
.category-current-image-frame img{width:100%;height:100%;object-fit:contain}
.category-current-image-modern strong,.category-current-image-modern small{display:block}
.category-current-image-modern strong{font-size:9px;color:#204765}
.category-current-image-modern small{font-size:7px;color:#8497a6;margin-top:2px}

.category-modern-drop{
    min-height:135px!important;
    border:1.5px dashed #bad0df!important;
    border-radius:11px!important;
    background:#f7fbfd!important;
    transition:.2s!important
}
.category-modern-drop:hover{
    border-color:#69aeda!important;background:#f1f9fd!important
}
.category-upload-icon{
    width:39px;height:39px;margin:0 auto 7px;
    display:grid;place-items:center;
    border-radius:11px;background:#e5f3fb;color:#0870ae
}
.category-upload-icon svg{width:18px;height:18px}
.category-modern-drop .admin-image-preview strong{font-size:9px;color:#244864}
.category-modern-drop .admin-image-preview small{font-size:7px;color:#8397a7}

.category-image-tools-modern{margin:0!important}
.category-form-row{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,.85fr);
    gap:10px;align-items:end
}
.category-visibility-card{
    min-height:42px;display:flex!important;align-items:center;gap:9px;
    padding:7px 9px!important;margin:0!important;
    border:1px solid #dbe6ed;border-radius:9px;background:#f9fbfc;
    cursor:pointer
}
.category-visibility-card>input{position:absolute;opacity:0;pointer-events:none}
.category-visibility-switch{
    position:relative;width:34px;height:20px;flex:0 0 34px;
    border-radius:999px;background:#cbd8e1;transition:.18s
}
.category-visibility-switch:after{
    content:'';position:absolute;left:3px;top:3px;
    width:14px;height:14px;border-radius:50%;
    background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.14);transition:.18s
}
.category-visibility-card input:checked+.category-visibility-switch{background:#159363}
.category-visibility-card input:checked+.category-visibility-switch:after{transform:translateX(14px)}
.category-visibility-card b,.category-visibility-card small{display:block}
.category-visibility-card b{font-size:8px;color:#284c67}
.category-visibility-card small{font-size:7px;color:#8899a6;margin-top:1px}

.category-save-button{
    min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;
    border:0;border-radius:9px;
    background:linear-gradient(135deg,#0876b7,#055d93);
    color:#fff;font-size:9px;font-weight:800;cursor:pointer;
    box-shadow:0 8px 20px rgba(5,96,151,.18);transition:.18s
}
.category-save-button:hover{
    transform:translateY(-1px);box-shadow:0 11px 24px rgba(5,96,151,.23)
}
.category-save-button svg{width:15px;height:15px}

.category-list-panel{padding:16px}
.category-list-head{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:1px 1px 14px;border-bottom:1px solid #e8eef2
}
.category-list-head>div:first-child>small{
    font-size:7px;letter-spacing:.14em;font-weight:800;color:#0a74b5
}
.category-list-head h3{
    margin:3px 0 2px;font:800 14px 'Manrope',sans-serif;color:#073d6b
}
.category-list-head p{margin:0;color:#8396a5;font-size:8px}
.category-list-search{
    width:min(260px,42%);min-height:38px;
    display:flex;align-items:center;
    border:1px solid #d5e2ea;border-radius:9px;background:#f9fbfc
}
.category-list-search svg{width:15px;height:15px;margin:0 8px 0 10px;color:#7893a6}
.category-list-search input{
    width:100%;height:36px;padding:0 10px 0 0!important;
    margin:0!important;border:0!important;box-shadow:none!important;
    background:transparent!important;font-size:8px
}

.category-card-list{display:grid;gap:9px;padding-top:12px}
.category-admin-card{
    display:grid;
    grid-template-columns:92px minmax(0,1fr) auto;
    align-items:center;gap:13px;
    min-height:92px;padding:10px;
    border:1px solid #e0e9ef;border-radius:12px;
    background:#fff;transition:.18s
}
.category-admin-card:hover{
    border-color:#bfd6e4;
    box-shadow:0 8px 22px rgba(0,49,85,.055);
    transform:translateY(-1px)
}
.category-card-image{
    width:92px;height:72px;position:relative;
    display:grid;place-items:center;overflow:hidden;
    border-radius:9px;background:#f3f7fa
}
.category-card-image img{width:100%;height:100%;object-fit:contain;padding:3px}
.category-card-placeholder{color:#9ab0bf}
.category-card-placeholder svg{width:27px;height:27px}
.category-order-badge{
    position:absolute;left:6px;bottom:6px;
    padding:3px 6px;border-radius:6px;
    background:rgba(4,55,96,.88);color:#fff;
    font-size:7px;font-weight:800
}

.category-card-title-row{
    display:flex;align-items:flex-start;justify-content:space-between;gap:12px
}
.category-card-title-row h4{
    margin:0;color:#123f62;font:800 11px 'Manrope',sans-serif
}
.category-card-title-row p{
    max-width:440px;margin:3px 0 0;
    color:#8396a5;font-size:8px;line-height:1.45
}
.category-modern-status{
    flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;
    padding:5px 7px;border-radius:999px;font-size:7px;font-weight:800
}
.category-modern-status i{width:6px;height:6px;border-radius:50%;background:currentColor}
.category-modern-status.visible{background:#e8f6ee;color:#1f7a54}
.category-modern-status.hidden{background:#f0f2f4;color:#7e8b95}
.category-card-meta{
    display:flex;align-items:center;gap:15px;margin-top:10px
}
.category-card-meta span{
    display:inline-flex;align-items:center;gap:5px;
    color:#748c9e;font-size:7px
}
.category-card-meta svg{width:13px;height:13px}
.category-card-meta b{color:#315a78}

.category-card-actions{display:flex;align-items:center;gap:6px}
.category-edit-button{
    min-height:33px;display:inline-flex;align-items:center;gap:6px;
    padding:0 9px;border:1px solid #cfdee8;border-radius:8px;
    background:#f7fbfd;color:#096aa0;font-size:8px;font-weight:800
}
.category-edit-button:hover{background:#eaf5fb}
.category-edit-button svg{width:14px;height:14px}
.category-delete-button{
    width:33px;height:33px;display:grid;place-items:center;
    border:1px solid #ead5d5;border-radius:8px;
    background:#fff;color:#ac5e5e;cursor:pointer;transition:.18s
}
.category-delete-button:hover{background:#fff1f1;color:#ad3f3f}
.category-delete-button svg{width:14px;height:14px}

.category-empty-modern{
    min-height:300px;display:grid;place-items:center;align-content:center;text-align:center
}
.category-empty-modern>div{
    width:58px;height:58px;display:grid;place-items:center;
    border-radius:16px;background:#edf6fb;color:#0870ad
}
.category-empty-modern svg{width:26px;height:26px}
.category-empty-modern h3{margin:10px 0 3px;color:#164463;font-size:11px}
.category-empty-modern p{margin:0;color:#8798a6;font-size:8px}
.category-search-empty{
    margin-top:12px;padding:22px;text-align:center;
    border:1px dashed #ccdce6;border-radius:10px;
    color:#8296a6;font-size:8px;background:#fafcfd
}

@media(max-width:1050px){
    .category-admin-layout{grid-template-columns:1fr}
}
@media(max-width:700px){
    .category-admin-hero{align-items:flex-start;flex-direction:column}
    .category-admin-stats{width:100%}
    .category-admin-stats article{flex:1}
    .category-list-head{align-items:stretch;flex-direction:column}
    .category-list-search{width:100%}
    .category-admin-card{
        grid-template-columns:74px 1fr;
    }
    .category-card-image{width:74px;height:66px}
    .category-card-actions{
        grid-column:1/-1;justify-content:flex-end;
        padding-top:8px;border-top:1px solid #edf1f4
    }
    .category-form-row{grid-template-columns:1fr}
    .category-input-wrap.compact{max-width:none}
}


/* =========================================================
   ADMIN · Listado moderno de artículos
   ========================================================= */
.products-admin-page{display:grid;gap:14px}
.products-admin-hero{
    display:flex;align-items:center;justify-content:space-between;gap:20px;
    padding:17px 19px;border:1px solid #dce7ef;border-radius:14px;background:#fff;
    box-shadow:0 8px 26px rgba(0,48,84,.035)
}
.products-admin-hero>div:first-child>small{font-size:8px;letter-spacing:.16em;color:#0874b6;font-weight:800}
.products-admin-hero h2{margin:4px 0 3px;font:800 19px 'Manrope',sans-serif;color:#063a67;letter-spacing:-.035em}
.products-admin-hero p{margin:0;color:#7c90a1;font-size:9px}
.products-admin-stats{display:flex;align-items:center;gap:7px}
.products-admin-stats article{min-width:72px;padding:8px 10px;text-align:center;border-radius:10px;background:#f1f7fb}
.products-admin-stats article.warning{background:#fff3e5}
.products-admin-stats span{display:block;color:#086fae;font:800 17px 'Manrope',sans-serif}
.products-admin-stats .warning span{color:#bc6808}
.products-admin-stats small{display:block;margin-top:1px;color:#7c91a1;font-size:7px}

.products-toolbar-modern{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:9px;border:1px solid #dce7ef;border-radius:12px;background:#fff
}
.products-search-modern{
    width:min(430px,45%);min-height:40px;display:flex;align-items:center;
    border:1px solid #d3e1ea;border-radius:9px;background:#f9fbfc
}
.products-search-modern svg{width:16px;height:16px;margin:0 8px 0 11px;fill:none;stroke:#7591a5;stroke-width:1.8;stroke-linecap:round}
.products-search-modern input{width:100%;height:38px;padding:0 10px 0 0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:9px}
.products-toolbar-actions{display:flex;align-items:center;gap:7px}
.products-columns-button,.products-secondary-action,.products-new-button{
    min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
    padding:0 12px;border-radius:8px;font-size:8px;font-weight:800
}
.products-columns-button{border:1px solid #d2e0e8;background:#f8fbfd;color:#45657e;cursor:pointer}
.products-secondary-action{border:1px solid #d2e0e8;background:#fff;color:#096c9f}
.products-new-button{background:linear-gradient(135deg,#0876b7,#055d93);color:#fff;box-shadow:0 7px 17px rgba(5,96,151,.16)}
.products-columns-button svg,.products-secondary-action svg,.products-new-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.products-columns-menu{
    min-width:230px!important;padding:10px!important;border:1px solid #d7e4ec!important;
    box-shadow:0 16px 40px rgba(0,43,78,.13)!important
}
.columns-menu-head{padding:4px 4px 8px;border-bottom:1px solid #e8eef2;margin-bottom:5px}
.columns-menu-head strong,.columns-menu-head small{display:block}
.columns-menu-head strong{font-size:9px;color:#164665}
.columns-menu-head small{margin-top:2px;font-size:7px;color:#899aa7}
.products-columns-menu label{position:relative;display:flex!important;align-items:center;gap:8px!important;padding:7px 5px!important;font-size:8px!important}
.products-columns-menu label>input{width:14px;height:14px;margin:0}

.products-bulk-bar{
    min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:9px 12px;border:1px solid #dce7ef;border-radius:11px;background:#f8fbfd;transition:.18s
}
.products-bulk-bar.has-selection{border-color:#abd0e6;background:#f0f8fd;box-shadow:0 7px 18px rgba(5,91,146,.05)}
.products-bulk-count{display:flex;align-items:center;gap:9px}
.products-bulk-count>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e2f0f9;color:#0871b1;font:800 13px 'Manrope',sans-serif}
.products-bulk-count strong,.products-bulk-count small{display:block}
.products-bulk-count strong{font-size:8px;color:#264b67}
.products-bulk-count small{font-size:7px;color:#8498a7;margin-top:1px}
.products-bulk-bar form{display:flex;align-items:center;gap:6px}
.products-bulk-bar select{min-height:35px;padding:0 9px;border:1px solid #cfdee8;border-radius:8px;background:#fff;color:#315672;font-size:8px}
.products-bulk-bar button{min-height:35px;padding:0 11px;border:0;border-radius:8px;background:#0871ad;color:#fff;font-size:8px;font-weight:800;cursor:pointer}
.products-bulk-bar select:disabled,.products-bulk-bar button:disabled{opacity:.4;cursor:not-allowed}

.products-table-card{position:relative;border:1px solid #dce7ef;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(0,48,84,.035)}
.products-table-wrap{overflow-x:auto;overflow-y:visible}
.products-modern-table{min-width:1120px}
.products-modern-table th{height:42px;padding:10px 12px;background:#f5f8fa;color:#71889b;font-size:7px;letter-spacing:.08em}
.products-modern-table td{padding:10px 12px;font-size:9px;color:#355570;vertical-align:middle}
.products-modern-table tbody tr{transition:.15s}
.products-modern-table tbody tr:hover{background:#fbfdff}
.product-select-col{width:38px!important;padding-left:14px!important;padding-right:3px!important}
.product-actions-col{width:128px!important;text-align:right}

.product-cell-modern{display:flex;align-items:center;gap:10px;min-width:260px}
.product-image-modern{width:52px;height:52px;flex:0 0 52px;border-radius:9px;background:#f3f7fa}
.product-image-modern img{width:100%;height:100%;object-fit:contain;padding:3px}
.product-image-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#9bb0bf}
.product-image-placeholder svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.product-image-drop .drop-hint{font-size:7px!important}
.product-title-modern strong{display:block;max-width:250px;color:#123f62;font:800 9px/1.4 'Manrope',sans-serif;white-space:normal}
.product-title-modern>div{display:flex;align-items:center;gap:5px;margin-top:5px}
.product-featured-badge,.product-variant-badge-admin{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border-radius:5px;font-size:6px;font-weight:800}
.product-featured-badge{background:#fff1dd;color:#b86b06}
.product-featured-badge svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.7}
.product-variant-badge-admin{background:#edf5fb;color:#0870aa}

.product-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#496a83;font-size:8px}
.product-category-chip{display:inline-flex;padding:4px 6px;border-radius:6px;background:#f0f5f8;color:#527087;font-size:7px;font-weight:700}
.product-price-admin strong,.product-price-admin small,.product-price-admin span{display:block}
.product-price-admin strong{color:#073d6d;font:800 10px 'Manrope',sans-serif}
.product-price-admin small{color:#8295a4;font-size:6px;text-transform:uppercase;letter-spacing:.08em}
.product-price-admin span{color:#8194a3;font-size:6px;margin-top:1px}

.product-stock-admin{min-width:56px;display:inline-grid;grid-template-columns:auto auto;align-items:baseline;gap:3px;padding:5px 7px;border-radius:7px}
.product-stock-admin strong{font-size:10px}
.product-stock-admin small{font-size:6px}
.product-stock-admin.good{background:#eaf6ef;color:#267351}
.product-stock-admin.medium{background:#fff5e8;color:#a96917}
.product-stock-admin.low{background:#fff0ee;color:#ae4c45}

.product-status-modern{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:800}
.product-status-modern i{width:6px;height:6px;border-radius:50%;background:currentColor}
.product-status-modern.active{background:#e8f6ee;color:#247552}
.product-status-modern.draft{background:#fff3e2;color:#a46a17}
.product-status-modern.archived{background:#f0f2f4;color:#778690}

.product-quick-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:5px}
.product-icon-action{width:31px;height:31px;display:grid;place-items:center;border:1px solid #d7e3eb;border-radius:8px;background:#fff;color:#55758d;cursor:pointer;transition:.15s}
.product-icon-action.edit{color:#0870aa;background:#f3f9fd}
.product-icon-action:hover{border-color:#a9cadf;background:#edf7fc;color:#07689e}
.product-icon-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.product-row-menu{
    display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:100;
    width:170px;padding:6px;border:1px solid #d7e4ec;border-radius:9px;background:#fff;
    box-shadow:0 14px 36px rgba(0,39,72,.14);text-align:left
}
.product-row-menu.open{display:block}
.product-row-menu form{margin:0}
.product-row-menu button{width:100%;padding:8px 9px;border:0;border-radius:6px;background:transparent;color:#35566e;text-align:left;font-size:8px;cursor:pointer}
.product-row-menu button:hover{background:#f0f6fa}
.product-row-menu button.danger{color:#a94c4c}
.product-row-menu button.danger:hover{background:#fff0f0}

.products-search-empty{padding:28px;text-align:center;color:#8296a6;font-size:8px}
.products-empty-modern{min-height:360px;display:grid;place-items:center;align-content:center;text-align:center;border:1px solid #dce7ef;border-radius:14px;background:#fff}
.products-empty-modern>div{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#edf6fb;color:#0870ad}
.products-empty-modern svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8}
.products-empty-modern h3{margin:10px 0 3px;color:#164463;font-size:11px}
.products-empty-modern p{margin:0 0 12px;color:#8798a6;font-size:8px}
.products-empty-modern a{padding:9px 12px;border-radius:8px;background:#0872ae;color:#fff;font-size:8px;font-weight:800}

@media(max-width:900px){
    .products-admin-hero{align-items:flex-start;flex-direction:column}
    .products-admin-stats{width:100%;overflow-x:auto}
    .products-admin-stats article{flex:1;min-width:72px}
    .products-toolbar-modern{align-items:stretch;flex-direction:column}
    .products-search-modern{width:100%}
    .products-toolbar-actions{justify-content:flex-end;flex-wrap:wrap}
}
@media(max-width:650px){
    .products-bulk-bar{align-items:stretch;flex-direction:column}
    .products-bulk-bar form{width:100%}
    .products-bulk-bar select{flex:1}
}


/* =========================================================
   FIX · Dropdown Columnas visibles en listado de artículos
   ========================================================= */
.products-toolbar-modern{
    position:relative!important;
    min-height:auto!important;
    padding:9px!important;
    overflow:visible!important;
}

.products-toolbar-actions{
    position:relative!important;
    overflow:visible!important;
}

.products-toolbar-actions .columns-menu-wrap{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    height:auto!important;
}

.products-toolbar-actions .products-columns-menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    bottom:auto!important;

    width:245px!important;
    min-width:245px!important;
    max-width:245px!important;
    height:auto!important;
    max-height:420px!important;

    margin:0!important;
    padding:9px!important;

    display:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;

    border:1px solid #d7e4ec!important;
    border-radius:11px!important;
    background:#fff!important;

    box-shadow:0 18px 45px rgba(0,42,76,.16)!important;
    z-index:500!important;
}

.products-toolbar-actions .products-columns-menu.open{
    display:block!important;
}

.products-columns-menu .columns-menu-head{
    padding:5px 6px 9px!important;
    margin:0 0 4px!important;
    border-bottom:1px solid #e7edf2!important;
}

.products-columns-menu .columns-menu-head strong{
    display:block!important;
    margin:0!important;
    color:#123f62!important;
    font-size:9px!important;
    font-weight:800!important;
}

.products-columns-menu .columns-menu-head small{
    display:block!important;
    margin-top:2px!important;
    color:#899aa7!important;
    font-size:7px!important;
}

.products-columns-menu label{
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;

    margin:0!important;
    padding:5px 6px!important;

    border-radius:7px!important;
    color:#31536d!important;
    font-size:8px!important;
    cursor:pointer!important;
}

.products-columns-menu label:hover{
    background:#f2f7fa!important;
}

.products-columns-menu label input[type="checkbox"]{
    appearance:none!important;
    -webkit-appearance:none!important;

    width:16px!important;
    height:16px!important;
    min-width:16px!important;

    margin:0!important;
    padding:0!important;

    border:1.5px solid #b7cbd9!important;
    border-radius:5px!important;
    background:#fff!important;

    position:relative!important;
    cursor:pointer!important;
}

.products-columns-menu label input[type="checkbox"]:checked{
    border-color:#0874b6!important;
    background:#0874b6!important;
}

.products-columns-menu label input[type="checkbox"]:checked:after{
    content:''!important;
    position:absolute!important;
    left:4px!important;
    top:1px!important;

    width:4px!important;
    height:8px!important;

    border:solid #fff!important;
    border-width:0 2px 2px 0!important;
    transform:rotate(45deg)!important;
}

.products-columns-menu label>span{
    display:none!important;
}

/* Evita que el dropdown influya en el alto del área superior */
.products-toolbar-modern + .products-bulk-bar{
    margin-top:0!important;
}

@media(max-width:700px){
    .products-toolbar-actions .products-columns-menu{
        position:fixed!important;
        top:50%!important;
        left:50%!important;
        right:auto!important;
        width:min(320px,calc(100vw - 28px))!important;
        min-width:0!important;
        max-width:none!important;
        transform:translate(-50%,-50%)!important;
        max-height:70vh!important;
        box-shadow:0 25px 70px rgba(0,28,56,.28)!important;
    }
}


/* =========================================================
   ADMIN PRODUCTOS · Ajuste de legibilidad
   ========================================================= */
.products-admin-hero>div:first-child>small{font-size:10px!important}
.products-admin-hero h2{font-size:23px!important}
.products-admin-hero p{font-size:11px!important}

.products-admin-stats small{font-size:9px!important}
.products-admin-stats span{font-size:19px!important}

.products-search-modern input{font-size:11px!important}

.products-columns-button,
.products-secondary-action,
.products-new-button{font-size:10px!important}

.columns-menu-head strong{font-size:11px!important}
.columns-menu-head small{font-size:9px!important}
.products-columns-menu label{font-size:10px!important}

.products-bulk-count strong{font-size:10px!important}
.products-bulk-count small{font-size:9px!important}
.products-bulk-bar select,
.products-bulk-bar button{font-size:10px!important}

.products-modern-table th{font-size:9px!important}
.products-modern-table td{font-size:11px!important}

.product-title-modern strong{font-size:11px!important}
.product-featured-badge,
.product-variant-badge-admin{font-size:8px!important}

.product-code{font-size:10px!important}
.product-category-chip{font-size:9px!important}

.product-price-admin strong{font-size:12px!important}
.product-price-admin small,
.product-price-admin span{font-size:8px!important}

.product-stock-admin strong{font-size:12px!important}
.product-stock-admin small{font-size:8px!important}

.product-status-modern{font-size:9px!important}

.product-row-menu button{font-size:10px!important}
.products-search-empty{font-size:10px!important}

/* Admin · vendedores */
.seller-admin-page{display:grid;gap:14px}
.seller-admin-hero{display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid #dce7ef;border-radius:14px;background:#fff}
.seller-admin-hero small{font-size:8px;letter-spacing:.15em;color:#0870ad;font-weight:800}
.seller-admin-hero h2{margin:4px 0;color:#073d6b;font-size:19px}.seller-admin-hero p{margin:0;color:#7c90a1;font-size:9px}
.seller-new-button{padding:10px 13px;border-radius:8px;background:#0871ad;color:#fff;font-size:9px;font-weight:800}
.seller-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.seller-card{padding:15px;border:1px solid #dce7ef;border-radius:13px;background:#fff}.seller-card.inactive{opacity:.65}
.seller-card-head{display:flex;align-items:center;gap:10px}.seller-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e7f4fc;color:#0870ad;font-weight:900}
.seller-card-head h3{margin:0;color:#153f61;font-size:12px}.seller-card-head span{display:block;margin-top:2px;color:#8195a4;font-size:8px}
.seller-status{margin-left:auto!important;padding:5px 7px;border-radius:999px;background:#e8f6ee;color:#247552!important;font-weight:800}
.seller-referral-box{margin-top:12px;padding:10px;border-radius:9px;background:#f6f9fb}.seller-referral-box>small{font-size:7px;color:#72899b;font-weight:800}
.seller-referral-box>div{display:flex;gap:5px;margin-top:5px}.seller-referral-box input{flex:1;min-width:0;height:34px;border:1px solid #cfdee8;border-radius:7px;padding:0 8px;font-size:8px}
.seller-referral-box button{border:0;border-radius:7px;background:#0871ad;color:#fff;padding:0 10px;font-size:8px}
.seller-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:11px}.seller-metrics>div{text-align:center;padding:8px 4px;border-radius:8px;background:#f7fafc}
.seller-metrics span,.seller-metrics small{display:block}.seller-metrics span{font-size:10px;color:#083e6c;font-weight:800}.seller-metrics small{font-size:6px;color:#8295a4;margin-top:2px}
.seller-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px;padding-top:10px;border-top:1px solid #e8eef2;font-size:8px;color:#6f8799}
.seller-card-foot>div{display:flex;gap:5px;align-items:center}.seller-card-foot form{margin:0}.seller-card-foot a,.seller-card-foot button{padding:6px 8px;border:1px solid #d4e1e9;border-radius:7px;background:#fff;color:#0870ad;font-size:7px;cursor:pointer}
.seller-card-foot button.paid{background:#e9f6ee;color:#247552}.seller-form{max-width:760px}.seller-empty{padding:60px;text-align:center;border:1px solid #dce7ef;border-radius:14px;background:#fff}
@media(max-width:900px){.seller-grid{grid-template-columns:1fr}.seller-metrics{grid-template-columns:repeat(2,1fr)}}


/* =========================================================
   ADMIN · Vendedores con mayor legibilidad + mobile
   ========================================================= */
.seller-admin-hero{
    padding:22px 24px!important;
    border-radius:16px!important;
}
.seller-admin-hero small{font-size:10px!important}
.seller-admin-hero h2{
    font-size:24px!important;
    line-height:1.15!important;
}
.seller-admin-hero p{
    font-size:12px!important;
    line-height:1.5!important;
}
.seller-new-button{
    min-height:44px!important;
    padding:0 16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:11px!important;
    border-radius:10px!important;
}

.seller-grid{gap:16px!important}
.seller-card{
    padding:18px!important;
    border-radius:15px!important;
}
.seller-card-head{gap:12px!important}
.seller-avatar{
    width:50px!important;
    height:50px!important;
    flex:0 0 50px!important;
    font-size:15px!important;
    border-radius:14px!important;
}
.seller-card-head h3{
    font-size:15px!important;
    line-height:1.3!important;
}
.seller-card-head span{
    font-size:10px!important;
    margin-top:3px!important;
}
.seller-status{
    padding:6px 9px!important;
    font-size:9px!important;
}

.seller-referral-box{
    margin-top:15px!important;
    padding:13px!important;
    border-radius:11px!important;
}
.seller-referral-box>small{font-size:9px!important}
.seller-referral-box>div{
    gap:7px!important;
    margin-top:7px!important;
}
.seller-referral-box input{
    height:40px!important;
    padding:0 10px!important;
    font-size:10px!important;
    border-radius:8px!important;
}
.seller-referral-box button{
    min-width:72px!important;
    height:40px!important;
    padding:0 12px!important;
    font-size:10px!important;
    border-radius:8px!important;
}

.seller-metrics{
    gap:8px!important;
    margin-top:14px!important;
}
.seller-metrics>div{
    padding:11px 6px!important;
    border-radius:10px!important;
}
.seller-metrics span{
    font-size:13px!important;
    line-height:1.15!important;
}
.seller-metrics small{
    font-size:8px!important;
    line-height:1.25!important;
    margin-top:4px!important;
}

.seller-card-foot{
    margin-top:14px!important;
    padding-top:13px!important;
    font-size:10px!important;
}
.seller-card-foot span{font-size:10px!important}
.seller-card-foot>div{
    gap:7px!important;
    flex-wrap:wrap!important;
}
.seller-card-foot a,
.seller-card-foot button{
    min-height:34px!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:9px!important;
    border-radius:8px!important;
}

.seller-form{max-width:860px!important}
.seller-form label{font-size:11px!important}
.seller-form input{
    min-height:42px!important;
    font-size:11px!important;
}
.seller-form .settings-heading h2{font-size:20px!important}
.seller-form .settings-heading p{font-size:10px!important}

@media(max-width:1000px){
    .seller-grid{grid-template-columns:1fr!important}
    .seller-admin-hero{align-items:flex-start!important}
}

@media(max-width:700px){
    .seller-admin-page{gap:12px!important}
    .seller-admin-hero{
        align-items:stretch!important;
        flex-direction:column!important;
        gap:14px!important;
        padding:18px!important;
    }
    .seller-admin-hero h2{font-size:21px!important}
    .seller-admin-hero p{font-size:11px!important}
    .seller-new-button{
        width:100%!important;
        min-height:46px!important;
        font-size:11px!important;
    }
    .seller-card{padding:15px!important}
    .seller-card-head{
        display:grid!important;
        grid-template-columns:48px minmax(0,1fr) auto!important;
        align-items:center!important;
        gap:10px!important;
    }
    .seller-avatar{
        width:48px!important;
        height:48px!important;
    }
    .seller-card-head h3{font-size:14px!important}
    .seller-card-head span{
        font-size:9px!important;
        word-break:break-word!important;
    }
    .seller-status{font-size:8px!important}

    .seller-referral-box>div{
        align-items:stretch!important;
        flex-direction:column!important;
    }
    .seller-referral-box input,
    .seller-referral-box button{
        width:100%!important;
        min-width:0!important;
    }

    .seller-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .seller-metrics span{font-size:12px!important}
    .seller-metrics small{font-size:8px!important}

    .seller-card-foot{
        align-items:stretch!important;
        flex-direction:column!important;
        gap:10px!important;
    }
    .seller-card-foot>div{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        width:100%!important;
    }
    .seller-card-foot a,
    .seller-card-foot button{
        width:100%!important;
        min-height:38px!important;
        font-size:9px!important;
    }
    .seller-card-foot form{width:100%!important}

    .seller-form{max-width:none!important}
    .seller-form .form-row{grid-template-columns:1fr!important}
    .seller-form .form-actions{
        align-items:stretch!important;
        flex-direction:column!important;
    }
    .seller-form .form-actions a,
    .seller-form .form-actions button{
        width:100%!important;
        min-height:44px!important;
    }
}

@media(max-width:430px){
    .seller-card-head{
        grid-template-columns:44px minmax(0,1fr)!important;
    }
    .seller-status{
        grid-column:1/-1!important;
        justify-self:start!important;
        margin-left:0!important;
    }
    .seller-metrics{grid-template-columns:1fr 1fr!important}
    .seller-card-foot>div{grid-template-columns:1fr!important}
}


/* =========================================================
   ADMIN · Balance vendedores - tipografía media
   ========================================================= */
.seller-admin-balance-page{
    font-size:13px;
}
.seller-global-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.seller-global-summary article{
    padding:18px;
    border:1px solid #dce7ef;
    border-radius:14px;
    background:#fff;
}
.seller-global-summary article.pending{
    border-color:#f1c58f;
    background:#fffaf3;
}
.seller-global-summary small,
.seller-global-summary strong,
.seller-global-summary span{
    display:block;
}
.seller-global-summary small{
    font-size:10px;
    letter-spacing:.08em;
    color:#748c9e;
    font-weight:800;
}
.seller-global-summary strong{
    margin-top:7px;
    color:#073f6d;
    font-size:22px;
}
.seller-global-summary span{
    margin-top:4px;
    color:#8799a7;
    font-size:10px;
}

.seller-grid-balance{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.seller-balance-card{
    padding:20px!important;
}
.seller-card-person h3{
    font-size:16px!important;
}
.seller-card-person span{
    font-size:11px!important;
}
.seller-balance-highlight{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:16px;
    padding:15px;
    border-radius:12px;
    background:linear-gradient(135deg,#073f73,#0a5b92);
    color:#fff;
}
.seller-balance-highlight small,
.seller-balance-highlight strong,
.seller-balance-highlight span{
    display:block;
}
.seller-balance-highlight small{
    font-size:9px;
    letter-spacing:.1em;
    opacity:.7;
}
.seller-balance-highlight strong{
    margin-top:4px;
    font-size:24px;
}
.seller-balance-highlight span{
    margin-top:3px;
    font-size:10px;
    opacity:.75;
}
.seller-balance-highlight a{
    padding:9px 11px;
    border-radius:8px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:10px;
    font-weight:800;
}
.seller-financial-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
    margin-top:13px;
}
.seller-financial-grid>div{
    padding:10px;
    border-radius:9px;
    background:#f7fafc;
}
.seller-financial-grid small,
.seller-financial-grid strong{
    display:block;
}
.seller-financial-grid small{
    font-size:9px;
    color:#7c91a1;
}
.seller-financial-grid strong{
    margin-top:3px;
    color:#0b416c;
    font-size:13px;
}
.seller-referral-box>small{font-size:10px!important}
.seller-referral-box input{font-size:11px!important}
.seller-referral-box button{font-size:10px!important}
.seller-card-foot{font-size:11px!important}
.seller-card-foot span{font-size:11px!important}
.seller-card-foot a,.seller-card-foot button{font-size:10px!important}

/* Balance detail */
.seller-balance-page{
    display:grid;
    gap:15px;
    font-size:13px;
}
.seller-balance-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:20px;
    border:1px solid #dce7ef;
    border-radius:14px;
    background:#fff;
}
.seller-balance-header>a:first-child{
    display:block;
    margin-bottom:9px;
    color:#0870ad;
    font-size:10px;
    font-weight:800;
}
.seller-balance-header small{
    display:block;
    font-size:10px;
    letter-spacing:.12em;
    color:#7b91a2;
    font-weight:800;
}
.seller-balance-header h2{
    margin:4px 0 3px;
    color:#073d6b;
    font-size:24px;
}
.seller-balance-header p{
    margin:0;
    color:#7d91a0;
    font-size:11px;
}
.seller-balance-edit{
    padding:10px 13px;
    border:1px solid #cfdde7;
    border-radius:9px;
    background:#f8fbfd;
    color:#0870ad;
    font-size:10px;
    font-weight:800;
}

.seller-balance-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.seller-balance-summary article{
    padding:17px;
    border:1px solid #dce7ef;
    border-radius:13px;
    background:#fff;
}
.seller-balance-summary article.balance{
    border-color:#f2c383;
    background:#fff9f0;
}
.seller-balance-summary small,
.seller-balance-summary strong,
.seller-balance-summary span{
    display:block;
}
.seller-balance-summary small{
    color:#748b9d;
    font-size:9px;
    font-weight:800;
}
.seller-balance-summary strong{
    margin-top:6px;
    color:#073e6c;
    font-size:21px;
}
.seller-balance-summary span{
    margin-top:3px;
    color:#8799a7;
    font-size:9px;
}

.seller-balance-layout{
    display:grid;
    grid-template-columns:minmax(0,1.6fr) 340px;
    gap:14px;
    align-items:start;
}
.seller-balance-layout main{
    display:grid;
    gap:14px;
}
.seller-balance-section,
.seller-payment-card{
    padding:18px;
    border:1px solid #dce7ef;
    border-radius:14px;
    background:#fff;
}
.seller-balance-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:13px;
}
.seller-balance-section-head small{
    display:block;
    color:#0870ad;
    font-size:9px;
    letter-spacing:.1em;
    font-weight:800;
}
.seller-balance-section-head h3{
    margin:3px 0 2px;
    color:#123f61;
    font-size:16px;
}
.seller-balance-section-head p{
    margin:0;
    color:#8094a3;
    font-size:10px;
}
.seller-balance-section-head>span,
.seller-balance-section-head>strong{
    color:#0a426d;
    font-size:11px;
}
.seller-commission-table{
    border:1px solid #e0e8ee;
    border-radius:10px;
    overflow:hidden;
}
.seller-commission-row{
    display:grid;
    grid-template-columns:1.1fr .8fr .9fr .55fr .9fr .8fr;
    gap:8px;
    align-items:center;
    padding:11px 12px;
    border-top:1px solid #e8eef2;
    font-size:10px;
}
.seller-commission-row:first-child{
    border-top:0;
}
.seller-commission-row.head{
    background:#f5f8fa;
    color:#71889b;
    font-size:9px;
    font-weight:800;
}
.seller-commission-row strong{
    color:#123f61;
}
.seller-commission-status{
    justify-self:start;
    padding:5px 7px;
    border-radius:999px;
    background:#edf3f7;
    font-size:8px;
    font-weight:800;
}
.seller-commission-status.earned{background:#e9f6ee;color:#247552}
.seller-commission-status.paid{background:#e7f3fb;color:#0870ad}
.seller-commission-status.cancelled{background:#fff0ed;color:#a34b42}

.seller-payment-list{
    display:grid;
    gap:8px;
}
.seller-payment-list article{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:11px 12px;
    border:1px solid #e1e9ef;
    border-radius:9px;
    background:#fbfdfe;
}
.seller-payment-list small,
.seller-payment-list strong,
.seller-payment-list span{
    display:block;
}
.seller-payment-list small{font-size:9px;color:#8396a5}
.seller-payment-list strong{margin-top:2px;font-size:14px;color:#0a416c}
.seller-payment-list span{margin-top:2px;font-size:9px;color:#6f8799}
.seller-payment-list p{margin:4px 0 0;font-size:9px;color:#7d91a0}
.seller-payment-list button{
    padding:7px 9px;
    border:1px solid #ead4d4;
    border-radius:7px;
    background:#fff;
    color:#a45353;
    font-size:9px;
    cursor:pointer;
}
.seller-balance-empty{
    padding:30px;
    text-align:center;
    color:#8295a4;
    font-size:10px;
}

.seller-payment-card{
    position:sticky;
    top:90px;
}
.seller-payment-card-head small{
    display:block;
    font-size:9px;
    color:#0870ad;
    font-weight:800;
    letter-spacing:.1em;
}
.seller-payment-card-head h3{
    margin:4px 0 3px;
    color:#123f61;
    font-size:17px;
}
.seller-payment-card-head p{
    margin:0;
    color:#7e92a1;
    font-size:10px;
    line-height:1.45;
}
.seller-payment-available{
    margin:14px 0;
    padding:13px;
    border-radius:10px;
    background:#f0f8fd;
}
.seller-payment-available span,
.seller-payment-available strong{
    display:block;
}
.seller-payment-available span{font-size:9px;color:#738b9e}
.seller-payment-available strong{margin-top:3px;font-size:20px;color:#0870ad}
.seller-payment-card form{
    display:grid;
    gap:10px;
}
.seller-payment-card label{
    display:grid;
    gap:6px;
    color:#325672;
    font-size:10px;
    font-weight:800;
}
.seller-payment-card input,
.seller-payment-card select,
.seller-payment-card textarea{
    width:100%;
    min-height:42px;
    padding:9px 10px;
    border:1px solid #d2e0e9;
    border-radius:8px;
    background:#fff;
    color:#153d5d;
    font:inherit;
    font-size:10px;
}
.seller-payment-card textarea{
    min-height:74px;
    resize:vertical;
}
.seller-payment-card form>button{
    min-height:43px;
    border:0;
    border-radius:8px;
    background:#0871ad;
    color:#fff;
    font-size:10px;
    font-weight:800;
    cursor:pointer;
}
.seller-payment-zero{
    padding:16px;
    border-radius:9px;
    background:#eaf6ef;
    color:#247552;
    font-size:10px;
}

/* =========================================================
   ADMIN · Clientes registrados
   ========================================================= */
.customer-admin-page{
    display:grid;
    gap:14px;
    font-size:13px;
}
.customer-admin-hero{
    padding:20px;
    border:1px solid #dce7ef;
    border-radius:14px;
    background:#fff;
}
.customer-admin-hero small{
    font-size:10px;
    letter-spacing:.13em;
    color:#0870ad;
    font-weight:800;
}
.customer-admin-hero h2{
    margin:4px 0 3px;
    color:#073d6b;
    font-size:23px;
}
.customer-admin-hero p{
    margin:0;
    color:#7c90a1;
    font-size:11px;
}
.customer-admin-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.customer-admin-summary article{
    padding:16px;
    border:1px solid #dce7ef;
    border-radius:12px;
    background:#fff;
}
.customer-admin-summary small,
.customer-admin-summary strong,
.customer-admin-summary span{
    display:block;
}
.customer-admin-summary small{font-size:9px;color:#748b9d;font-weight:800}
.customer-admin-summary strong{margin-top:5px;font-size:19px;color:#073f6d}
.customer-admin-summary span{margin-top:3px;font-size:9px;color:#8799a7}
.customer-admin-toolbar{
    padding:9px;
    border:1px solid #dce7ef;
    border-radius:11px;
    background:#fff;
}
.customer-admin-search{
    width:min(430px,100%);
    display:flex;
    align-items:center;
    border:1px solid #d3e1e9;
    border-radius:9px;
    background:#f9fbfc;
}
.customer-admin-search span{
    padding:0 10px;
    color:#7591a5;
    font-size:17px;
}
.customer-admin-search input{
    width:100%;
    height:40px;
    border:0;
    background:transparent;
    outline:0;
    font-size:10px;
}
.customer-admin-list{
    display:grid;
    gap:10px;
}
.customer-admin-card{
    display:grid;
    grid-template-columns:54px minmax(230px,1.2fr) minmax(380px,1.4fr) auto;
    gap:14px;
    align-items:center;
    padding:15px;
    border:1px solid #dce7ef;
    border-radius:12px;
    background:#fff;
}
.customer-admin-avatar{
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#e7f4fc;
    color:#0870ad;
    font-size:15px;
    font-weight:900;
}
.customer-admin-title{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
}
.customer-admin-title h3{
    margin:0;
    color:#123f61;
    font-size:14px;
}
.customer-admin-title span{
    display:block;
    margin-top:2px;
    color:#7d91a0;
    font-size:10px;
}
.customer-admin-status{
    padding:5px 7px;
    border-radius:999px;
    background:#e8f6ee;
    color:#247552!important;
    font-size:8px!important;
    font-weight:800;
}
.customer-admin-relations{
    display:flex;
    flex-wrap:wrap;
    gap:5px 10px;
    margin-top:8px;
}
.customer-admin-relations span{
    color:#6f8799;
    font-size:9px;
}
.customer-admin-metrics{
    display:grid;
    grid-template-columns:repeat(4,minmax(80px,1fr));
    gap:6px;
}
.customer-admin-metrics>div{
    padding:9px;
    border-radius:8px;
    background:#f7fafc;
}
.customer-admin-metrics>div.credit{
    background:#fff7eb;
}
.customer-admin-metrics small,
.customer-admin-metrics strong{
    display:block;
}
.customer-admin-metrics small{font-size:8px;color:#7b91a2}
.customer-admin-metrics strong{margin-top:3px;font-size:11px;color:#0b416c}
.customer-credit-adjust{
    min-width:118px;
}
.customer-credit-adjust>button{
    min-height:34px;
    padding:0 9px;
    border:1px solid #cfdde7;
    border-radius:7px;
    background:#f8fbfd;
    color:#0870ad;
    font-size:9px;
    font-weight:800;
    cursor:pointer;
}
.customer-credit-adjust form{
    position:absolute;
    right:30px;
    width:280px;
    z-index:30;
    display:grid;
    gap:6px;
    margin-top:6px;
    padding:10px;
    border:1px solid #d7e3eb;
    border-radius:9px;
    background:#fff;
    box-shadow:0 14px 35px rgba(0,42,76,.15);
}
.customer-credit-adjust form[hidden]{display:none!important}
.customer-credit-adjust input{
    height:36px;
    padding:0 8px;
    border:1px solid #d2e0e9;
    border-radius:7px;
    font-size:9px;
}
.customer-credit-adjust form button{
    min-height:35px;
    border:0;
    border-radius:7px;
    background:#0871ad;
    color:#fff;
    font-size:9px;
    font-weight:800;
}
.customer-admin-empty,
.customer-admin-no-results{
    padding:40px;
    text-align:center;
    border:1px dashed #cddde7;
    border-radius:12px;
    color:#8195a4;
    background:#fafcfd;
    font-size:11px;
}

@media(max-width:1100px){
    .seller-grid-balance{grid-template-columns:1fr!important}
    .seller-balance-layout{grid-template-columns:1fr}
    .seller-payment-card{position:static}
    .customer-admin-card{grid-template-columns:50px 1fr}
    .customer-admin-metrics{grid-column:1/-1}
    .customer-credit-adjust{grid-column:1/-1}
}
@media(max-width:760px){
    .seller-global-summary,
    .seller-balance-summary,
    .customer-admin-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .seller-financial-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .seller-balance-header{
        align-items:flex-start;
        flex-direction:column;
    }
    .seller-commission-row{
        grid-template-columns:1fr 1fr;
    }
    .seller-commission-row.head{display:none}
    .customer-admin-metrics{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
    .seller-global-summary,
    .seller-balance-summary,
    .customer-admin-summary{
        grid-template-columns:1fr;
    }
    .customer-admin-card{
        grid-template-columns:1fr;
    }
    .customer-admin-avatar{width:46px;height:46px}
    .customer-admin-metrics{grid-template-columns:1fr 1fr}
}


/* Balance vendedor · datos bancarios y legibilidad */
.seller-balance-note{
    display:block;
    margin-top:6px;
    max-width:780px;
    color:#6f8799;
    font-size:11px;
    line-height:1.5;
}
.seller-bank-card{
    padding:18px;
    border:1px solid #dce7ef;
    border-radius:14px;
    background:#fff;
}
.seller-bank-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}
.seller-bank-card-head small{
    display:block;
    color:#0870ad;
    font-size:10px;
    letter-spacing:.11em;
    font-weight:800;
}
.seller-bank-card-head h3{
    margin:4px 0 3px;
    color:#123f61;
    font-size:18px;
}
.seller-bank-card-head p{
    margin:0;
    color:#7d91a0;
    font-size:11px;
}
.seller-bank-card-head>a{
    padding:9px 11px;
    border-radius:8px;
    background:#edf7fc;
    color:#0870ad;
    font-size:10px;
    font-weight:800;
}
.seller-bank-data{
    display:grid;
    grid-template-columns:1.1fr 1fr 1.3fr;
    gap:9px;
}
.seller-bank-data>div{
    position:relative;
    min-height:84px;
    padding:13px;
    border-radius:10px;
    background:#f7fafc;
}
.seller-bank-data small,
.seller-bank-data strong{
    display:block;
}
.seller-bank-data small{
    color:#7b91a2;
    font-size:9px;
    font-weight:800;
}
.seller-bank-data strong{
    margin-top:6px;
    padding-right:60px;
    color:#0a416c;
    font-size:13px;
    word-break:break-word;
}
.seller-bank-data button{
    position:absolute;
    right:10px;
    bottom:10px;
    min-height:30px;
    padding:0 8px;
    border:1px solid #ccdde7;
    border-radius:7px;
    background:#fff;
    color:#0870ad;
    font-size:9px;
    font-weight:800;
    cursor:pointer;
}
.seller-bank-form{
    display:grid;
    gap:10px;
    margin:14px 0;
    padding:15px;
    border:1px solid #dce7ef;
    border-radius:11px;
    background:#f8fbfd;
}
.seller-bank-form .settings-heading{
    margin-bottom:3px;
}
.seller-bank-mini{
    margin-top:10px;
}
.seller-bank-mini span{
    display:inline-flex;
    padding:5px 8px;
    border-radius:999px;
    background:#eef5f9;
    color:#607a8e;
    font-size:9px;
    font-weight:800;
}
@media(max-width:760px){
    .seller-bank-data{
        grid-template-columns:1fr;
    }
    .seller-bank-card-head{
        flex-direction:column;
    }
}


/* =========================================================
   BALANCE VENDEDOR · UI moderno + modal liquidación
   ========================================================= */
.seller-balance-page-modern{
    gap:16px!important;
    font-size:13px!important;
}

.seller-balance-header-modern{
    padding:22px!important;
    border-radius:16px!important;
    align-items:flex-start!important;
}
.seller-balance-header-main{
    flex:1;
}
.seller-balance-back{
    display:inline-flex!important;
    margin:0 0 13px!important;
    color:#0870ad!important;
    font-size:11px!important;
    font-weight:800!important;
}
.seller-balance-person{
    display:flex;
    align-items:center;
    gap:13px;
}
.seller-balance-avatar{
    width:54px;
    height:54px;
    flex:0 0 54px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:#e7f4fc;
    color:#0870ad;
    font-size:16px;
    font-weight:900;
}
.seller-balance-person small{
    font-size:10px!important;
}
.seller-balance-person h2{
    margin:3px 0!important;
    font-size:26px!important;
}
.seller-balance-person p{
    font-size:11px!important;
}
.seller-balance-note-modern{
    max-width:780px;
    margin:12px 0 0 67px;
    padding:9px 11px;
    border-radius:9px;
    background:#f4f8fa;
    color:#6e8799;
    font-size:10px;
    line-height:1.5;
}
.seller-balance-header-actions{
    display:flex;
    align-items:center;
    gap:8px;
}
.seller-liquidate-main-button{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:0 14px;
    border:0;
    border-radius:9px;
    background:linear-gradient(135deg,#0876b7,#055d93);
    color:#fff;
    font-size:10px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(5,96,151,.17);
}
.seller-liquidate-main-button span{
    width:23px;
    height:23px;
    display:grid;
    place-items:center;
    border-radius:7px;
    background:rgba(255,255,255,.14);
}
.seller-balance-edit{
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:0 13px!important;
    font-size:10px!important;
}

/* Summary cards */
.seller-balance-summary-modern article{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:112px;
    padding:17px!important;
    border-radius:14px!important;
}
.seller-summary-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#eef6fb;
    color:#0870ad;
    font-size:15px;
    font-weight:900;
}
.seller-balance-summary-modern article.sales .seller-summary-icon{
    background:#eaf5fb;
}
.seller-balance-summary-modern article.commission .seller-summary-icon{
    background:#f0edff;
    color:#6750b9;
}
.seller-balance-summary-modern article.paid .seller-summary-icon{
    background:#eaf6ef;
    color:#247552;
}
.seller-balance-summary-modern article.balance .seller-summary-icon{
    background:#ffedcf;
    color:#b66a0d;
}
.seller-balance-summary-modern small{
    font-size:9px!important;
}
.seller-balance-summary-modern strong{
    font-size:22px!important;
}
.seller-balance-summary-modern span{
    font-size:9px!important;
}

/* Bank card */
.seller-bank-card-modern{
    border-radius:14px!important;
}
.seller-bank-card-modern .seller-bank-card-head h3{
    font-size:17px!important;
}
.seller-bank-card-modern .seller-bank-card-head p{
    font-size:10px!important;
}
.seller-bank-data-modern>div{
    min-height:88px!important;
}
.seller-bank-label{
    display:block;
    font-size:9px;
    color:#7b91a2;
    font-weight:800;
}
.seller-bank-data-modern strong{
    font-size:12px!important;
}

/* Content layout */
.seller-balance-content-grid{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);
    gap:14px;
    align-items:start;
}
.seller-commissions-section,
.seller-payments-section{
    min-height:100%;
}
.seller-balance-section-head h3{
    font-size:17px!important;
}
.seller-balance-section-head p{
    font-size:10px!important;
}
.seller-balance-section-head small{
    font-size:9px!important;
}
.seller-commission-table-modern{
    border-radius:11px!important;
}
.seller-commission-table-modern .seller-commission-row{
    padding:12px 13px!important;
    font-size:10px!important;
}
.seller-commission-table-modern .seller-commission-row.head{
    font-size:9px!important;
}
.seller-row-commission{
    color:#0870ad!important;
}
.seller-payment-list-modern article{
    padding:12px!important;
}
.seller-payment-status-icon{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#eaf6ef;
    color:#247552;
    font-weight:900;
}
.seller-payment-list-modern article{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
}
.seller-payment-info strong{
    font-size:13px!important;
}
.seller-payment-info span,
.seller-payment-info small,
.seller-payment-info p{
    font-size:9px!important;
}
.seller-payment-empty-modern{
    min-height:180px;
    display:grid;
    place-items:center;
    align-content:center;
    text-align:center;
}
.seller-payment-empty-modern>div{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#edf6f1;
    color:#247552;
    font-size:17px;
}
.seller-payment-empty-modern strong{
    margin-top:9px;
    color:#174563;
    font-size:11px;
}
.seller-payment-empty-modern span{
    max-width:260px;
    margin-top:3px;
    color:#8396a5;
    font-size:9px;
    line-height:1.45;
}

/* Modal */
body.seller-modal-open{
    overflow:hidden;
}
.seller-liquidation-modal{
    position:fixed;
    inset:0;
    z-index:10000;
    display:grid;
    place-items:center;
    padding:20px;
    opacity:0;
    visibility:hidden;
    transition:.18s;
}
.seller-liquidation-modal.open{
    opacity:1;
    visibility:visible;
}
.seller-liquidation-backdrop{
    position:absolute;
    inset:0;
    background:rgba(8,34,56,.58);
    backdrop-filter:blur(3px);
}
.seller-liquidation-dialog{
    position:relative;
    width:min(620px,100%);
    max-height:calc(100vh - 40px);
    overflow-y:auto;
    border-radius:18px;
    background:#fff;
    box-shadow:0 30px 90px rgba(0,26,49,.28);
    transform:translateY(14px) scale(.985);
    transition:.2s;
}
.seller-liquidation-modal.open .seller-liquidation-dialog{
    transform:translateY(0) scale(1);
}
.seller-liquidation-dialog-head{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:20px 22px;
    border-bottom:1px solid #e6edf2;
    background:linear-gradient(180deg,#fbfdff,#f7fafc);
}
.seller-liquidation-dialog-icon{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#e6f3fb;
    color:#0870ad;
    font-size:18px;
    font-weight:900;
}
.seller-liquidation-dialog-head small{
    display:block;
    color:#0870ad;
    font-size:9px;
    letter-spacing:.11em;
    font-weight:800;
}
.seller-liquidation-dialog-head h2{
    margin:4px 0 3px;
    color:#103f63;
    font-size:20px;
}
.seller-liquidation-dialog-head p{
    margin:0;
    max-width:470px;
    color:#7d91a0;
    font-size:10px;
    line-height:1.45;
}
.seller-liquidation-close{
    position:absolute;
    top:15px;
    right:15px;
    width:34px;
    height:34px;
    border:0;
    border-radius:9px;
    background:#eaf0f4;
    color:#60798c;
    font-size:20px;
    cursor:pointer;
}
.seller-liquidation-balance{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:16px 20px 0;
    padding:14px 15px;
    border-radius:11px;
    background:linear-gradient(135deg,#073f73,#0a5b92);
    color:#fff;
}
.seller-liquidation-balance small,
.seller-liquidation-balance strong{
    display:block;
}
.seller-liquidation-balance small{
    font-size:8px;
    letter-spacing:.1em;
    opacity:.7;
}
.seller-liquidation-balance strong{
    margin-top:3px;
    font-size:23px;
}
.seller-liquidation-balance>span{
    font-size:9px;
    opacity:.75;
}
.seller-liquidation-bank{
    display:grid;
    grid-template-columns:1fr 1fr 1.2fr;
    gap:7px;
    margin:10px 20px 0;
}
.seller-liquidation-bank>div{
    position:relative;
    min-height:68px;
    padding:10px;
    border-radius:9px;
    background:#f6f9fb;
}
.seller-liquidation-bank small,
.seller-liquidation-bank strong{
    display:block;
}
.seller-liquidation-bank small{
    color:#7b91a2;
    font-size:8px;
}
.seller-liquidation-bank strong{
    margin-top:3px;
    padding-right:48px;
    color:#153f61;
    font-size:10px;
    word-break:break-word;
}
.seller-liquidation-bank button{
    position:absolute;
    right:7px;
    bottom:7px;
    min-height:26px;
    padding:0 6px;
    border:1px solid #cfdde7;
    border-radius:6px;
    background:#fff;
    color:#0870ad;
    font-size:8px;
    cursor:pointer;
}
.seller-liquidation-form{
    display:grid;
    gap:12px;
    padding:18px 20px 20px;
}
.seller-liquidation-form label{
    display:grid;
    gap:6px;
    color:#315672;
    font-size:10px;
    font-weight:800;
}
.seller-liquidation-form input,
.seller-liquidation-form select,
.seller-liquidation-form textarea{
    width:100%;
    min-height:44px;
    padding:9px 11px;
    border:1px solid #d1dfe8;
    border-radius:9px;
    background:#fff;
    color:#153d5d;
    font:inherit;
    font-size:10px;
    outline:0;
}
.seller-liquidation-form input:focus,
.seller-liquidation-form select:focus,
.seller-liquidation-form textarea:focus{
    border-color:#75b6dc;
    box-shadow:0 0 0 3px rgba(8,116,182,.07);
}
.seller-liquidation-form textarea{
    min-height:78px;
    resize:vertical;
}
.seller-money-input{
    display:flex;
    align-items:center;
    overflow:hidden;
    border:1px solid #d1dfe8;
    border-radius:9px;
    background:#fff;
}
.seller-money-input:focus-within{
    border-color:#75b6dc;
    box-shadow:0 0 0 3px rgba(8,116,182,.07);
}
.seller-money-input>span{
    width:43px;
    display:grid;
    place-items:center;
    color:#0870ad;
    font-size:14px;
    font-weight:900;
}
.seller-money-input input{
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}
.seller-liquidation-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.seller-liquidation-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    padding-top:4px;
}
.seller-liquidation-actions button{
    min-height:40px;
    padding:0 13px;
    border-radius:8px;
    font-size:10px;
    font-weight:800;
    cursor:pointer;
}
.seller-liquidation-actions .secondary{
    border:1px solid #cfdee8;
    background:#fff;
    color:#55738a;
}
.seller-liquidation-actions .primary{
    border:0;
    background:#0871ad;
    color:#fff;
}

@media(max-width:1050px){
    .seller-balance-content-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .seller-balance-header-modern{
        flex-direction:column!important;
    }
    .seller-balance-header-actions{
        width:100%;
    }
    .seller-liquidate-main-button,
    .seller-balance-edit{
        flex:1;
        justify-content:center;
    }
    .seller-balance-note-modern{
        margin-left:0;
    }
    .seller-liquidation-bank{
        grid-template-columns:1fr;
    }
    .seller-liquidation-row{
        grid-template-columns:1fr;
    }
}
@media(max-width:520px){
    .seller-balance-header-actions{
        flex-direction:column;
    }
    .seller-liquidate-main-button,
    .seller-balance-edit{
        width:100%;
    }
    .seller-liquidation-modal{
        padding:10px;
    }
    .seller-liquidation-dialog{
        max-height:calc(100vh - 20px);
        border-radius:14px;
    }
    .seller-liquidation-dialog-head{
        padding:17px;
    }
    .seller-liquidation-balance,
    .seller-liquidation-bank{
        margin-left:14px;
        margin-right:14px;
    }
    .seller-liquidation-form{
        padding:15px 14px 17px;
    }
}
\n/* ARCA invoicing */\n.arca-card select{width:100%;min-height:48px;padding:0 14px;border:1px solid #d8e1e9;border-radius:9px;background:#fff;color:#082d54;font:inherit}.arca-warning{margin:0 0 18px;padding:14px 16px;border:1px solid #f0d39f;border-radius:11px;background:#fff9ee;color:#76511d;font-size:12px;line-height:1.55}.arca-production-lock{margin-top:15px;padding:13px;border-radius:10px;background:#f6f9fb}.arca-production-lock small{display:block;margin-top:5px;color:#7c91a1;font-size:11px}.order-modal-invoice-button,.order-modal-invoice-link{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:9px;font-size:11px;font-weight:800}.order-modal-invoice-button{border:0;background:#0871ad;color:#fff;cursor:pointer}.order-modal-invoice-link{border:1px solid #b9d9e9;background:#eff8fd;color:#0870ad}.invoice-create-modal{position:fixed;inset:0;z-index:15000;display:grid;place-items:center;padding:18px}.invoice-create-modal[hidden]{display:none!important}.invoice-create-backdrop{position:absolute;inset:0;background:rgba(7,31,52,.62);backdrop-filter:blur(3px)}.invoice-create-dialog{position:relative;width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(0,25,48,.3)}.invoice-create-dialog>header{display:flex;justify-content:space-between;gap:14px;padding:21px 22px;border-bottom:1px solid #e4ecf1;background:#f9fbfd}.invoice-create-dialog>header small{display:block;font-size:10px;letter-spacing:.12em;color:#0870ad;font-weight:800}.invoice-create-dialog>header h2{margin:4px 0;font-size:21px;color:#103f63}.invoice-create-dialog>header p{margin:0;color:#7b90a1;font-size:11px}.invoice-create-dialog>header>button{width:36px;height:36px;border:0;border-radius:9px;background:#eaf0f4;color:#60798c;font-size:21px}.invoice-create-dialog form{display:grid;gap:13px;padding:20px 22px 22px}.invoice-create-dialog label{display:grid;gap:6px;color:#315672;font-size:11px;font-weight:800}.invoice-create-dialog input,.invoice-create-dialog select{width:100%;min-height:45px;padding:0 11px;border:1px solid #d1dfe8;border-radius:9px;background:#fff;color:#153d5d;font:inherit;font-size:11px}.invoice-form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.invoice-recipient-preview{padding:14px;border-radius:11px;background:#eef7fc}.invoice-recipient-preview small,.invoice-recipient-preview strong,.invoice-recipient-preview span{display:block}.invoice-recipient-preview small{font-size:9px;color:#728a9c;font-weight:800}.invoice-recipient-preview strong{margin-top:3px;color:#0870ad;font-size:20px}.invoice-recipient-preview span{margin-top:3px;color:#6f8799;font-size:10px}.invoice-modal-warning{padding:12px;border-radius:9px;background:#fff8ec;color:#76551f;font-size:10px;line-height:1.5}.invoice-modal-actions{display:flex;justify-content:flex-end;gap:8px}.invoice-modal-actions button{min-height:41px;padding:0 13px;border-radius:8px;font-size:10px;font-weight:800}.invoice-modal-actions .secondary{border:1px solid #cedde7;background:#fff;color:#54738a}.invoice-modal-actions .primary{border:0;background:#0871ad;color:#fff}@media(max-width:650px){.invoice-form-row{grid-template-columns:1fr}.invoice-modal-actions{flex-direction:column}.invoice-modal-actions button{width:100%}}\n
.order-inline-nc-form{display:inline-flex;margin:0}
.order-modal-credit-note-button,.order-modal-credit-note-link{
    min-height:40px;display:inline-flex;align-items:center;justify-content:center;
    padding:0 12px;border-radius:9px;font-size:11px;font-weight:800
}
.order-modal-credit-note-button{border:0;background:#b96c12;color:#fff;cursor:pointer}
.order-modal-credit-note-link{border:1px solid #ecd0a9;background:#fff7eb;color:#9a5b12}
.order-nc-ok{color:#9a5b12!important;font-weight:800}
.invoice-fiscal-snapshot{
    display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;border-radius:11px;background:#f6f9fb
}
.invoice-fiscal-snapshot>div{padding:10px;border-radius:8px;background:#fff;border:1px solid #e1e9ef}
.invoice-fiscal-snapshot small,.invoice-fiscal-snapshot strong{display:block}
.invoice-fiscal-snapshot small{font-size:9px;color:#7a90a2;font-weight:800}
.invoice-fiscal-snapshot strong{margin-top:4px;color:#123f61;font-size:11px;line-height:1.4}
.invoice-fiscal-snapshot.consumer-final{background:#eef7fc}
@media(max-width:650px){.invoice-fiscal-snapshot{grid-template-columns:1fr}}

/* =========================================================
   FACTURACIÓN · Confirmación CAE moderna
   ========================================================= */
.invoice-confirm-dialog{
    width:min(760px,100%)!important;
    border-radius:22px!important;
    overflow:auto!important;
    background:#fff!important;
    box-shadow:0 34px 100px rgba(0,31,56,.34)!important;
}
.invoice-confirm-head{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 42px!important;
    align-items:center!important;
    gap:15px!important;
    padding:22px 24px!important;
    border-bottom:1px solid #e3ebf1!important;
    background:linear-gradient(135deg,#f9fcfe,#f3f8fb)!important;
}
.invoice-confirm-document-icon{
    width:58px;
    height:64px;
    display:grid;
    place-items:center;
    align-content:center;
    border-radius:15px;
    background:linear-gradient(145deg,#0876b7,#064c7b);
    box-shadow:0 10px 25px rgba(6,93,147,.18);
    color:#fff;
}
.invoice-confirm-document-icon span{
    display:block;
    font-size:24px;
    line-height:1;
    font-weight:900;
}
.invoice-confirm-document-icon small{
    display:block!important;
    margin-top:5px;
    color:rgba(255,255,255,.76)!important;
    font-size:8px!important;
    letter-spacing:.12em!important;
}
.invoice-confirm-head-copy small{
    display:block!important;
    color:#0870ad!important;
    font-size:10px!important;
    letter-spacing:.12em!important;
    font-weight:800!important;
}
.invoice-confirm-head-copy h2{
    margin:4px 0 3px!important;
    color:#0a3c62!important;
    font-size:24px!important;
    line-height:1.15!important;
}
.invoice-confirm-head-copy p{
    margin:0!important;
    color:#72899a!important;
    font-size:11px!important;
    line-height:1.45!important;
}
.invoice-confirm-close{
    position:static!important;
    width:40px!important;
    height:40px!important;
    border:0!important;
    border-radius:11px!important;
    background:#e8eff4!important;
    color:#5c7689!important;
    font-size:22px!important;
    cursor:pointer!important;
}
.invoice-confirm-form{
    display:grid!important;
    gap:14px!important;
    padding:18px 22px 22px!important;
}
.invoice-confirm-hero{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:16px;
    border:1px solid #d7e7f0;
    border-radius:14px;
    background:linear-gradient(135deg,#eef8fd,#f7fbfd);
}
.invoice-confirm-hero>div{
    min-width:0;
}
.invoice-confirm-hero>div+div{
    padding-left:16px;
    border-left:1px solid #d7e7f0;
}
.invoice-confirm-hero small,
.invoice-confirm-hero strong,
.invoice-confirm-hero span{
    display:block;
}
.invoice-confirm-hero small{
    color:#6f889b;
    font-size:9px;
    letter-spacing:.08em;
    font-weight:800;
}
.invoice-confirm-hero strong{
    margin-top:5px;
    color:#0870ad;
    font-size:23px;
    line-height:1.1;
}
.invoice-confirm-hero span{
    margin-top:4px;
    color:#758b9b;
    font-size:10px;
    line-height:1.4;
}
.invoice-confirm-total{
    text-align:right;
}
.invoice-confirm-total strong{
    color:#073f6d!important;
}
.invoice-confirm-section{
    padding:15px;
    border:1px solid #e0e8ee;
    border-radius:13px;
    background:#fff;
}
.invoice-confirm-section-title{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
}
.invoice-confirm-section-title>span{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#e8f4fb;
    color:#0870ad;
    font-size:11px;
    font-weight:900;
}
.invoice-confirm-section-title strong,
.invoice-confirm-section-title small{
    display:block;
}
.invoice-confirm-section-title strong{
    color:#153f61;
    font-size:13px;
}
.invoice-confirm-section-title small{
    margin-top:2px;
    color:#8194a3;
    font-size:9px;
}
.invoice-confirm-data-grid{
    display:grid;
    grid-template-columns:1.2fr .85fr 1fr;
    gap:8px;
}
.invoice-confirm-data-grid article{
    min-width:0;
    padding:12px;
    border:1px solid #e1e9ef;
    border-radius:10px;
    background:#f8fafc;
}
.invoice-confirm-data-grid small,
.invoice-confirm-data-grid strong{
    display:block;
}
.invoice-confirm-data-grid small{
    color:#7b91a2;
    font-size:8px;
    font-weight:800;
}
.invoice-confirm-data-grid strong{
    margin-top:5px;
    color:#123f61;
    font-size:11px;
    line-height:1.4;
    word-break:break-word;
}
.invoice-confirm-consumer{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px;
    border-radius:10px;
    background:#f0f8fd;
}
.invoice-consumer-icon{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#e0f1fb;
    color:#0870ad;
    font-size:15px;
    font-weight:900;
}
.invoice-confirm-consumer small,
.invoice-confirm-consumer strong,
.invoice-confirm-consumer span{
    display:block;
}
.invoice-confirm-consumer small{font-size:8px;color:#738a9c;font-weight:800}
.invoice-confirm-consumer strong{margin-top:2px;color:#123f61;font-size:12px}
.invoice-confirm-consumer span{margin-top:2px;color:#788e9e;font-size:9px}
.invoice-confirm-steps{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}
.invoice-confirm-steps>div{
    display:flex;
    gap:9px;
    min-height:76px;
    padding:11px;
    border-radius:10px;
    background:#f7fafc;
}
.invoice-confirm-steps i{
    width:25px;
    height:25px;
    flex:0 0 25px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#e7f3fb;
    color:#0870ad;
    font-size:9px;
    font-style:normal;
    font-weight:900;
}
.invoice-confirm-steps b,
.invoice-confirm-steps small{
    display:block;
}
.invoice-confirm-steps b{
    color:#214866;
    font-size:10px;
}
.invoice-confirm-steps small{
    margin-top:3px;
    color:#8395a3;
    font-size:8px;
    line-height:1.4;
}
.invoice-confirm-check{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:12px 14px!important;
    border:1px solid #d9e5ec!important;
    border-radius:11px!important;
    background:#fafcfd!important;
    cursor:pointer!important;
}
.invoice-confirm-check input{
    width:18px!important;
    height:18px!important;
    min-height:0!important;
    accent-color:#0871ad;
}
.invoice-confirm-check b{
    color:#315672;
    font-size:10px;
    font-weight:700;
}
.invoice-confirm-warning{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:9px;
    align-items:start;
    padding:12px 14px!important;
    border:1px solid #f0d6a9;
    background:#fff9ef!important;
}
.invoice-confirm-warning strong{
    color:#8a5d17;
    font-size:10px;
}
.invoice-confirm-warning span{
    color:#796540;
    font-size:9px;
    line-height:1.5;
}
.invoice-confirm-actions{
    margin-top:1px;
    padding-top:14px;
    border-top:1px solid #e6edf2;
}
.invoice-confirm-actions button{
    min-height:46px!important;
    border-radius:10px!important;
    padding:0 16px!important;
}
.invoice-confirm-actions .secondary{
    min-width:110px;
}
.invoice-confirm-actions .primary{
    min-width:190px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    background:linear-gradient(135deg,#0877b8,#055f98)!important;
    box-shadow:0 9px 22px rgba(6,98,153,.17);
}
.invoice-confirm-actions .primary span{
    font-size:9px;
    opacity:.72;
}
.invoice-confirm-actions .primary b{
    font-size:10px;
}
@media(max-width:700px){
    .invoice-confirm-dialog{border-radius:16px!important}
    .invoice-confirm-head{grid-template-columns:50px minmax(0,1fr) 38px!important;padding:17px!important}
    .invoice-confirm-document-icon{width:50px;height:56px}
    .invoice-confirm-head-copy h2{font-size:20px!important}
    .invoice-confirm-form{padding:14px!important}
    .invoice-confirm-hero{grid-template-columns:1fr}
    .invoice-confirm-hero>div+div{padding-left:0;padding-top:12px;border-left:0;border-top:1px solid #d7e7f0}
    .invoice-confirm-total{text-align:left}
    .invoice-confirm-data-grid,.invoice-confirm-steps{grid-template-columns:1fr}
    .invoice-confirm-actions{flex-direction:column-reverse!important}
    .invoice-confirm-actions button{width:100%!important}
}


/* =========================================================
   ADMIN · Logística y preparación de pedidos
   ========================================================= */
.logistics-workspace{display:grid;gap:14px}
.logistics-head{margin-bottom:0!important}
.logistics-head-actions{display:flex;align-items:center;gap:10px}
.logistics-pdf-main{
    min-height:43px;display:inline-flex;align-items:center;gap:8px;
    padding:0 14px;border-radius:9px;background:#0871ad;color:#fff;
    font-size:11px;font-weight:800;box-shadow:0 8px 20px rgba(7,95,149,.15)
}
.logistics-pdf-main svg,.bulk-picking-button svg{
    width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round
}

.logistics-status-summary{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:8px
}
.logistics-status-summary>a{
    min-width:0;padding:13px 14px;border:1px solid #dce7ef;border-radius:11px;
    background:#fff;transition:.15s
}
.logistics-status-summary>a:hover{border-color:#b8d0df;transform:translateY(-1px)}
.logistics-status-summary>a.active{
    border-color:#0871ad;box-shadow:0 0 0 2px rgba(8,113,173,.07);background:#f3faff
}
.logistics-status-summary small,.logistics-status-summary strong{display:block}
.logistics-status-summary small{
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:#788ea0;font-size:9px;font-weight:800
}
.logistics-status-summary strong{margin-top:5px;color:#073e6b;font-size:19px}
.logistics-status-summary .status-paid.active{background:#f0faf4;border-color:#81c6a0}
.logistics-status-summary .status-preparing.active{background:#f6f2ff;border-color:#ae9ae4}
.logistics-status-summary .status-shipped.active{background:#eef7fc;border-color:#9cc9e2}
.logistics-status-summary .status-cancelled.active,
.logistics-status-summary .status-refunded.active{background:#fff5f4;border-color:#e5b9b4}

.logistics-filter-bar{
    display:flex;align-items:center;gap:14px;padding:12px 14px;
    border:1px solid #dce7ef;border-radius:11px;background:#fff
}
.logistics-filter-bar>div{flex:1}
.logistics-filter-bar>div strong,.logistics-filter-bar>div span{display:block}
.logistics-filter-bar>div strong{font-size:11px;color:#123f61}
.logistics-filter-bar>div span{margin-top:2px;font-size:10px;color:#7c91a1}
.logistics-filter-bar form label{
    display:flex;align-items:center;gap:8px;color:#617b8f;font-size:10px;font-weight:800
}
.logistics-filter-bar select{
    min-width:170px;height:38px;padding:0 10px;border:1px solid #d1dfe8;
    border-radius:8px;background:#fff;color:#143f61;font-size:10px
}
.logistics-clear-filter{
    min-height:38px;display:inline-flex;align-items:center;padding:0 10px;
    border-radius:8px;background:#f1f5f7;color:#5e788b;font-size:10px;font-weight:800
}

.bulk-picking-button{
    min-height:38px;display:inline-flex;align-items:center;gap:7px;
    padding:0 11px;border:0;border-radius:8px;background:#0871ad;color:#fff;
    font-size:10px;font-weight:800;cursor:pointer
}
.bulk-picking-button:disabled{opacity:.45;cursor:not-allowed}

.logistics-empty a{
    display:inline-flex;margin-top:4px;padding:9px 12px;border-radius:8px;
    background:#edf7fc;color:#0870ad;font-size:10px;font-weight:800
}

@media(max-width:1250px){
    .logistics-status-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:850px){
    .logistics-head{align-items:flex-start!important;flex-direction:column!important}
    .logistics-head-actions{width:100%}
    .logistics-pdf-main{flex:1;justify-content:center}
    .logistics-filter-bar{align-items:stretch;flex-direction:column}
    .logistics-filter-bar form label{justify-content:space-between}
    .logistics-filter-bar select{flex:1}
}
@media(max-width:650px){
    .logistics-status-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .logistics-head-actions{align-items:stretch;flex-direction:column}
    .orders-head-stat{width:100%;justify-content:center}
}


/* =========================================================
   LOGÍSTICA PRO · Centro operativo
   ========================================================= */
.logistics-pro{display:grid;gap:14px;font-size:13px}
.logistics-pro-hero{
    display:flex;align-items:center;justify-content:space-between;gap:22px;
    padding:24px 26px;border:1px solid #dbe7ef;border-radius:17px;
    background:linear-gradient(135deg,#fff,#f7fbfe);box-shadow:0 9px 30px rgba(7,61,105,.035)
}
.logistics-kicker{display:block;color:#0871ad;font-size:10px;font-weight:900;letter-spacing:.15em}
.logistics-pro-title h1{margin:5px 0 4px;color:#073d6b;font-size:28px;letter-spacing:-.02em}
.logistics-pro-title p{max-width:690px;margin:0;color:#748b9c;font-size:11px;line-height:1.5}
.logistics-pro-actions{display:flex;gap:8px}
.logistics-action{
    min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:0 14px;border-radius:9px;font-size:10px;font-weight:900
}
.logistics-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.logistics-action.primary{background:#0871ad;color:#fff;box-shadow:0 8px 20px rgba(8,113,173,.15)}
.logistics-action.secondary{border:1px solid #cadde8;background:#fff;color:#0870ad}

.logistics-command-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.command-card{
    display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;
    min-height:100px;padding:14px;border:1px solid #dce7ef;border-radius:13px;background:#fff;
    transition:.16s;box-shadow:0 4px 18px rgba(6,55,94,.025)
}
.command-card:hover,.command-card.active{transform:translateY(-1px);border-color:#a9c9dc;box-shadow:0 10px 24px rgba(6,55,94,.07)}
.command-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eaf5fb;color:#0870ad}
.command-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.command-card small,.command-card strong,.command-card span{display:block}
.command-card small{font-size:8px;color:#7990a1;font-weight:900;letter-spacing:.05em}
.command-card strong{margin-top:3px;color:#073e6b;font-size:21px}
.command-card span{margin-top:2px;color:#8799a7;font-size:8px}
.command-card>b{color:#a0b2bf;font-size:15px}
.command-card.preparing .command-icon{background:#f0ecff;color:#6d54b7}
.command-card.delayed .command-icon{background:#fff1dc;color:#b86b11}
.command-card.warning .command-icon{background:#fff3ef;color:#b35442}
.command-card.shipped .command-icon{background:#eaf6ef;color:#267554}
.command-card.delayed.active{background:#fffaf2;border-color:#e7bd80}
.command-card.warning.active{background:#fff8f5;border-color:#e1b2a8}

.logistics-control-panel{padding:11px;border:1px solid #dce7ef;border-radius:13px;background:#fff}
.logistics-filter-form{display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(3,minmax(120px,.72fr)) 135px 135px auto auto;gap:8px;align-items:end}
.logistics-filter-form label{display:grid;gap:5px}
.logistics-filter-form label>span{color:#6d8598;font-size:8px;font-weight:900}
.logistics-filter-form select,.logistics-filter-form input{
    width:100%;height:39px;padding:0 9px;border:1px solid #d4e1e9;border-radius:8px;background:#fbfdfe;color:#143f61;font-size:9px;outline:0
}
.logistics-search-field{height:39px;display:flex;align-items:center;border:1px solid #d4e1e9;border-radius:8px;background:#fbfdfe}
.logistics-search-field svg{width:17px;height:17px;margin-left:10px;fill:none;stroke:#7b94a6;stroke-width:1.8}
.logistics-search-field input{border:0;background:transparent;box-shadow:none!important}
.filter-submit,.filter-reset{
    min-height:39px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border-radius:8px;font-size:9px;font-weight:900
}
.filter-submit{border:0;background:#0871ad;color:#fff;cursor:pointer}
.filter-reset{background:#eef3f6;color:#617a8d}

.logistics-workflow{
    display:flex;align-items:center;gap:20px;padding:13px 15px;border:1px solid #dce7ef;border-radius:13px;background:#fff
}
.workflow-title{min-width:180px}
.workflow-title small,.workflow-title strong{display:block}
.workflow-title small{color:#0870ad;font-size:8px;font-weight:900;letter-spacing:.1em}
.workflow-title strong{margin-top:3px;color:#123f61;font-size:12px}
.workflow-title>span{display:block;margin-top:3px;color:#899aa7;font-size:8px}
.workflow-steps{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.workflow-steps a{
    display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;
    min-height:42px;padding:6px 9px;border-radius:9px;background:#f7fafc;color:#607a8e
}
.workflow-steps a.active{background:#eaf5fb;color:#0870ad;box-shadow:inset 0 0 0 1px #b8d8e9}
.workflow-steps i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#fff;font-style:normal;font-size:9px;font-weight:900}
.workflow-steps span{font-size:9px;font-weight:800}
.workflow-steps b{font-size:12px;color:#123f61}

.logistics-bulk-pro{border-radius:12px!important;position:sticky;top:12px;z-index:60;box-shadow:0 10px 30px rgba(7,61,105,.07)}
.logistics-orders-card{overflow:visible;border:1px solid #dce7ef;border-radius:14px;background:#fff}
.logistics-orders-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid #e5edf2}
.logistics-orders-head small{display:block;color:#0870ad;font-size:8px;font-weight:900;letter-spacing:.11em}
.logistics-orders-head h2{margin:3px 0 2px;color:#103f63;font-size:18px}
.logistics-orders-head p{margin:0;color:#8396a5;font-size:9px}
.logistics-orders-head>span{padding:6px 8px;border-radius:999px;background:#edf5fa;color:#607c90;font-size:8px;font-weight:900}
.logistics-cell strong,.logistics-cell small{display:block}
.logistics-cell strong{font-size:10px;color:#1b496a}
.logistics-cell small{margin-top:2px;font-size:8px;color:#8195a4}
.logistics-warning-text{color:#b45e3f!important;font-weight:800}
.logistics-delay-badge,.logistics-age-badge{display:block;margin-top:4px;font-size:7px!important;font-weight:900}
.logistics-delay-badge{color:#b66910!important}
.logistics-age-badge{color:#718a9d!important}
.logistics-empty{min-height:250px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}
.logistics-empty>div{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#eaf6ef;color:#267554;font-size:18px}
.logistics-empty h3{margin:9px 0 3px;color:#164463;font-size:13px}
.logistics-empty p{margin:0 0 9px;color:#8496a4;font-size:9px}
.logistics-empty a{padding:8px 10px;border-radius:7px;background:#edf7fc;color:#0870ad;font-size:9px;font-weight:900}

@media(max-width:1380px){
    .logistics-command-cards{grid-template-columns:repeat(3,1fr)}
    .logistics-filter-form{grid-template-columns:minmax(220px,1.5fr) repeat(3,1fr) auto auto}
    .date-filter{display:none!important}
}
@media(max-width:1050px){
    .logistics-pro-hero{align-items:flex-start;flex-direction:column}
    .logistics-command-cards{grid-template-columns:repeat(2,1fr)}
    .logistics-filter-form{grid-template-columns:1fr 1fr}
    .logistics-search-field{grid-column:1/-1}
    .logistics-workflow{align-items:stretch;flex-direction:column}
}
@media(max-width:680px){
    .logistics-pro-hero{padding:19px}
    .logistics-pro-title h1{font-size:23px}
    .logistics-pro-actions{width:100%;flex-direction:column}
    .logistics-command-cards{grid-template-columns:1fr}
    .logistics-filter-form{grid-template-columns:1fr}
    .logistics-search-field{grid-column:auto}
    .workflow-steps{grid-template-columns:1fr 1fr}
    .logistics-orders-head{flex-direction:column}
}


/* =========================================================
   PRODUCTOS · Optimización y protección de imágenes
   ========================================================= */
.product-image-optimization{
    display:grid;
    gap:10px;
    margin-top:16px;
    padding:15px;
    border:1px solid #dce7ef;
    border-radius:12px;
    background:linear-gradient(180deg,#fbfdfe,#f7fafc);
}
.product-image-optimization-head{
    display:flex;
    align-items:center;
    gap:10px;
    padding-bottom:10px;
    border-bottom:1px solid #e4edf2;
}
.product-image-tool-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#eaf5fb;
    color:#0870ad;
}
.product-image-tool-icon svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.product-image-optimization-head strong,
.product-image-optimization-head small{
    display:block;
}
.product-image-optimization-head strong{
    color:#123f61;
    font-size:13px;
}
.product-image-optimization-head small{
    margin-top:2px;
    color:#8195a4;
    font-size:10px;
    line-height:1.4;
}
.product-image-tool-option{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center;
    gap:10px!important;
    min-height:61px;
    margin:0!important;
    padding:10px 11px;
    border:1px solid #dfe8ee;
    border-radius:10px;
    background:#fff;
    cursor:pointer;
}
.product-image-tool-option>input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.product-image-tool-switch{
    position:relative;
    width:42px;
    height:24px;
    border-radius:999px;
    background:#cbd8e1;
    transition:.18s;
}
.product-image-tool-switch:after{
    content:'';
    position:absolute;
    top:3px;
    left:3px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 1px 4px rgba(0,0,0,.15);
    transition:.18s;
}
.product-image-tool-option>input:checked + .product-image-tool-switch{
    background:#0874b6;
}
.product-image-tool-option>input:checked + .product-image-tool-switch:after{
    transform:translateX(18px);
}
.product-image-tool-copy b,
.product-image-tool-copy small{
    display:block;
}
.product-image-tool-copy b{
    color:#183f5f;
    font-size:11px;
}
.product-image-tool-copy small{
    margin-top:3px;
    color:#7d91a0;
    font-size:9px;
    line-height:1.4;
}
.product-image-protection-note{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:11px;
    border-radius:9px;
    background:#edf7fc;
}
.product-image-protection-note>div{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#fff;
    color:#0870ad;
    font-size:13px;
    font-weight:900;
}
.product-image-protection-note p{
    margin:0;
    color:#58788f;
    font-size:9px;
    line-height:1.5;
}
.product-image-protection-note b{
    color:#174563;
}
.product-image-original-note{
    color:#8799a7;
    font-size:9px;
    line-height:1.4;
}
@media(max-width:650px){
    .product-image-optimization{
        padding:12px;
    }
}

/* Commercial PRO */
.commercial-page{display:grid;gap:14px}
.commercial-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid #dce7ef;border-radius:15px;background:linear-gradient(135deg,#fff,#f7fbfe)}
.commercial-hero small,.commercial-card-head small{color:#0871ad;font-size:9px;font-weight:900;letter-spacing:.12em}
.commercial-hero h1{margin:5px 0 3px;color:#073e6b;font-size:25px}
.commercial-hero p{margin:0;color:#7c91a1;font-size:10px}
.commercial-total{text-align:right}.commercial-total span,.commercial-total strong{display:block}.commercial-total span{font-size:9px;color:#7e92a2}.commercial-total strong{margin-top:3px;color:#0870ad;font-size:22px}
.commercial-two-columns{display:grid;grid-template-columns:minmax(320px,.65fr) minmax(0,1.35fr);gap:14px;align-items:start}
.commercial-form-card,.commercial-list-card{padding:17px!important}
.commercial-card-head h2{margin:3px 0 12px;color:#123f61;font-size:17px}
.commercial-form{display:grid;gap:10px}.commercial-form label{display:grid;gap:5px;color:#315672;font-size:10px;font-weight:800}.commercial-form input,.commercial-form select{min-height:42px;padding:0 10px;border:1px solid #d4e1e9;border-radius:8px;background:#fff}
.coupon-list{display:grid;gap:7px}.coupon-list>article{display:grid;grid-template-columns:90px minmax(0,1fr) auto auto auto;align-items:center;gap:9px;padding:11px;border:1px solid #e0e9ef;border-radius:10px}.coupon-code{padding:8px;border-radius:7px;background:#edf7fc;color:#0870ad;text-align:center;font-size:10px;font-weight:900}.coupon-main strong,.coupon-main span,.coupon-main small{display:block}.coupon-main strong{font-size:10px;color:#194766}.coupon-main span,.coupon-main small{margin-top:2px;font-size:8px;color:#8094a4}.coupon-status{padding:5px 7px;border-radius:999px;font-size:8px;font-weight:900}.coupon-status.on{background:#eaf6ef;color:#267554}.coupon-status.off{background:#f1f3f5;color:#7b8d9a}.coupon-list button{min-height:31px;padding:0 7px;border:1px solid #d2e0e8;border-radius:7px;background:#fff;color:#58768b;font-size:8px;cursor:pointer}.coupon-list button.danger{color:#a85345}
.abandoned-list{padding:14px!important}.abandoned-card{display:grid;grid-template-columns:1.15fr 1.3fr .8fr auto;align-items:center;gap:13px;padding:13px;border-bottom:1px solid #e7eef3}.abandoned-main{display:flex;align-items:center;gap:9px}.abandoned-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eaf5fb;color:#0870ad;font-weight:900}.abandoned-main small,.abandoned-products small,.abandoned-value small{display:block;color:#8297a6;font-size:7px;font-weight:900}.abandoned-main h3{margin:2px 0;font-size:11px;color:#153f60}.abandoned-main span,.abandoned-products span,.abandoned-value span{font-size:8px;color:#8497a5}.abandoned-products strong,.abandoned-value strong{display:block;margin:3px 0;color:#174563;font-size:11px}.abandoned-value strong{font-size:15px;color:#0870ad}.abandoned-actions{display:flex;gap:6px}.abandoned-actions a{padding:8px;border-radius:7px;background:#edf7fc;color:#0870ad;font-size:8px;font-weight:900}
.dashboard-commercial-pro{margin-top:16px;display:grid;gap:11px}.dashboard-commercial-title{display:flex;align-items:center;justify-content:space-between}.dashboard-commercial-title small{color:#0870ad;font-size:9px;font-weight:900;letter-spacing:.12em}.dashboard-commercial-title h2{margin:3px 0;color:#103f63;font-size:19px}.dashboard-commercial-title>div:last-child{display:flex;gap:7px}.dashboard-commercial-title a{padding:7px 9px;border-radius:7px;background:#edf7fc;color:#0870ad;font-size:8px;font-weight:900}.dashboard-commercial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.dashboard-commercial-grid article{padding:14px;border:1px solid #dce7ef;border-radius:11px;background:#fff}.dashboard-commercial-grid small,.dashboard-commercial-grid strong,.dashboard-commercial-grid span{display:block}.dashboard-commercial-grid small{font-size:8px;color:#7c91a1;font-weight:900}.dashboard-commercial-grid strong{margin-top:4px;color:#073e6b;font-size:20px}.dashboard-commercial-grid span{margin-top:2px;font-size:8px;color:#8597a5}.dashboard-low-stock{padding:13px;border:1px solid #e1e9ef;border-radius:11px;background:#fff}.dashboard-low-stock-head{display:flex;justify-content:space-between;margin-bottom:7px}.dashboard-low-stock-head strong{font-size:11px;color:#174563}.dashboard-low-stock-head a{font-size:8px;color:#0870ad;font-weight:900}.dashboard-low-stock>div:not(.dashboard-low-stock-head){display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid #eef2f5;font-size:9px;color:#537187}.dashboard-low-stock small{color:#94a4af}.dashboard-low-stock b{color:#a45e1a}
.order-modal-whatsapp-link{min-height:40px;display:inline-flex;align-items:center;padding:0 11px;border-radius:9px;background:#eaf7ef;color:#23724e;font-size:10px;font-weight:900}
@media(max-width:1000px){.commercial-two-columns{grid-template-columns:1fr}.dashboard-commercial-grid{grid-template-columns:repeat(2,1fr)}.abandoned-card{grid-template-columns:1fr 1fr}.coupon-list>article{grid-template-columns:80px 1fr auto}}
@media(max-width:650px){.dashboard-commercial-grid{grid-template-columns:1fr}.abandoned-card{grid-template-columns:1fr}.coupon-list>article{grid-template-columns:1fr}.commercial-hero{align-items:flex-start;flex-direction:column}}

/* AJUSTES 20/08/2026 · Artículos admin */
.main{min-width:0;overflow-x:hidden}.products-admin-page{min-width:0;max-width:100%;overflow:visible}.products-table-card{max-width:100%;min-width:0;overflow:visible}.products-table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.products-modern-table{width:max-content;min-width:1120px;max-width:none}.products-filter-group{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.products-filter-group .products-search-modern{flex:1;min-width:220px}.products-status-filter{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#6f8698;font-size:10px;font-weight:800}.products-status-filter select{min-width:125px;height:39px;padding:0 28px 0 10px;border:1px solid #d2e0e8;border-radius:9px;background:#fff;color:#315672;font-size:10px;outline:none}.product-form,.form-main,.form-side,.form-card{min-width:0}.variant-table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}@media(max-width:900px){.products-filter-group{width:100%;align-items:stretch;flex-direction:column}.products-status-filter{width:100%;justify-content:space-between}.products-status-filter select{flex:1}}

/* Product deletion / traceability */
.product-row-menu .product-delete-action{color:#b42318;font-weight:800}
.product-row-menu .product-delete-action:hover{background:#fff1f0;color:#912018}
.product-delete-locked{display:flex;align-items:center;gap:9px;margin:6px 8px 4px;padding:10px 11px;border:1px solid #eceff3;border-radius:10px;background:#f8fafc;color:#667085;cursor:not-allowed;user-select:none}
.product-delete-locked>span{font-size:15px;line-height:1}
.product-delete-locked>div{display:flex;flex-direction:column;gap:1px;min-width:0}
.product-delete-locked strong{font-size:12px;color:#475467;line-height:1.25}
.product-delete-locked small{font-size:10px;color:#98a2b3;line-height:1.25}

/* Admin productos: catálogo grande + borrado masivo seguro 2026-08-20 */
.products-toolbar-modern{align-items:flex-start!important;gap:10px!important}
.products-filter-group{display:flex;align-items:flex-end!important;gap:8px!important;flex:1;min-width:0;flex-wrap:wrap}
.products-filter-group .products-search-modern{flex:1 1 320px;min-width:240px}
.products-status-filter{display:grid!important;gap:4px!important;align-items:initial!important}
.products-status-filter>span{font-size:8px!important;letter-spacing:.04em;text-transform:uppercase;color:#7890a2;font-weight:800}
.products-status-filter select{height:38px!important;min-width:132px!important;background:#fff!important}
.products-clear-filters{height:38px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid #d8e4ec;border-radius:9px;background:#fff;color:#647f93;font-size:9px;font-weight:800;white-space:nowrap}
.products-results-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;padding:6px 10px;border:1px solid #e1eaf0;border-radius:10px;background:#fafcfd;color:#668093;font-size:9px}
.products-results-summary strong{color:#174b6e;font:800 12px 'Manrope',sans-serif}
.products-deletable-summary{color:#14774b;font-weight:800}
.products-sales-summary{color:#a24b45;font-weight:800}
.products-delete-filtered{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 12px;border:1px solid #f1cbc7;border-radius:11px;background:#fff8f7}
.products-delete-filtered div{display:grid;gap:2px}.products-delete-filtered strong{font-size:10px;color:#923c37}.products-delete-filtered small{font-size:8px;color:#9a746f}
.products-delete-filtered button{min-height:35px;padding:0 13px;border:0;border-radius:8px;background:#b8473f;color:#fff;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 5px 12px rgba(184,71,63,.14)}
.products-delete-filtered button:hover{filter:brightness(.96)}
.products-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px 0;color:#718a9b;font-size:9px}
.products-pagination-links{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.products-pagination-links a{min-width:31px;height:31px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e5ec;border-radius:8px;background:#fff;color:#426681;font-size:9px;font-weight:800}
.products-pagination-links a:hover{border-color:#90bdd8;background:#f2f8fc;color:#086ea9}
.products-pagination-links a.active{border-color:#0873b1;background:#0873b1;color:#fff}
.products-pagination-links a.disabled{pointer-events:none;opacity:.4}
.products-modern-table tbody tr[data-has-sales="0"]{--trace-color:#1a915e}
.products-modern-table tbody tr[data-has-sales="1"]{--trace-color:#b36b66}
@media(max-width:1100px){.products-toolbar-modern{flex-direction:column!important}.products-toolbar-actions{width:100%;justify-content:flex-end}.products-filter-group{width:100%}}
@media(max-width:700px){.products-status-filter{flex:1 1 140px}.products-status-filter select{width:100%;min-width:0!important}.products-delete-filtered,.products-pagination{align-items:stretch;flex-direction:column}.products-delete-filtered button{width:100%}.products-pagination-links{justify-content:flex-start}}


/* =========================================================
   PRODUCT FORM LAYOUT FIX 2026-08-20
   Mantiene el alta/edición dentro del área útil del admin.
   ========================================================= */
.main{min-width:0;max-width:100%;overflow-x:hidden}
.product-tabs-form{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:visible!important}
.product-tabs,.product-tab-panel,.product-tab-grid,.product-tab-main,.product-tab-side,.product-commerce-stack,.product-single-panel,.variant-admin-card{min-width:0!important;max-width:100%!important}
.product-tab-panel.active{width:100%;animation:productPanelIn .18s ease-out}
.product-tab-grid{width:100%;grid-template-columns:minmax(0,1.55fr) minmax(250px,.72fr)!important}
.product-tab-panel .card{min-width:0;max-width:100%}
.variant-table-wrap{width:100%;max-width:100%;overflow-x:auto!important;overscroll-behavior-inline:contain;border-radius:9px}
.variant-table{width:max-content!important;min-width:100%!important;table-layout:auto}
.variant-table th,.variant-table td{white-space:nowrap}
.variant-table input{min-width:110px;max-width:170px}
.variant-table td:first-child input{min-width:125px}
.product-form-actions{width:100%;max-width:100%;left:auto;right:auto}
@keyframes productPanelIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1180px){
  .product-tab-grid{grid-template-columns:1fr!important}
  .product-tab-side{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .product-tab-side{grid-template-columns:1fr}
  .product-tabs{scroll-snap-type:x proximity}
  .product-tabs>button{scroll-snap-align:start}
}

/* =========================================================
   PRODUCT EDITOR MODAL - Nuevo artículo
   Evita que formularios/variantes ensanchen el layout admin.
   ========================================================= */
body.product-editor-modal-open{overflow:hidden!important}
.product-editor-modal{position:fixed;inset:0;z-index:30000;display:flex;align-items:center;justify-content:center;padding:18px}
.product-editor-backdrop{position:absolute;inset:0;background:rgba(3,25,45,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.product-editor-dialog{position:relative;z-index:1;width:min(1320px,calc(100vw - 36px));height:min(940px,calc(100vh - 36px));max-width:calc(100vw - 36px);max-height:calc(100vh - 36px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #dce7ef;border-radius:20px;background:#f5f9fc;box-shadow:0 30px 100px rgba(0,32,66,.32);animation:productEditorModalIn .22s cubic-bezier(.2,.8,.2,1)}
.product-editor-header{min-height:82px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid #dce7ef;background:#fff}
.product-editor-eyebrow{display:block;margin-bottom:3px;color:#0871c2;font-size:9px;font-weight:900;letter-spacing:.14em}
.product-editor-header h2{margin:0;color:#103f63;font-family:'Manrope',sans-serif;font-size:21px;font-weight:800;line-height:1.2}
.product-editor-header p{margin:4px 0 0;color:#7b91a2;font-size:10px}
.product-editor-close{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid #d7e3eb;border-radius:10px;background:#f7fafc;color:#526f84;font-size:25px;font-weight:400;line-height:1;transition:.18s ease}
.product-editor-close:hover{border-color:#f0c5bd;background:#fff3f1;color:#c24d3e;transform:rotate(3deg)}
.product-editor-scroll{min-width:0;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;padding:18px 20px 22px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7d8e4 transparent}
.product-editor-scroll::-webkit-scrollbar{width:7px}.product-editor-scroll::-webkit-scrollbar-thumb{background:#c7d8e4;border-radius:10px}
.product-form-modal{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important}
.product-form-modal .product-tabs{position:sticky;top:-18px;z-index:15;margin-top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(8px)}
.product-form-modal .product-tab-grid{grid-template-columns:minmax(0,1.55fr) minmax(285px,.75fr)!important}
.product-form-modal .product-tab-panel,.product-form-modal .product-tab-main,.product-form-modal .product-tab-side,.product-form-modal .product-commerce-stack,.product-form-modal .card{min-width:0!important;max-width:100%!important}
.product-form-modal .variant-table-wrap{max-width:100%!important;overflow-x:auto!important}
.product-form-modal .product-form-actions{position:sticky!important;bottom:-10px!important;z-index:16;margin:18px -2px 0!important;padding:10px 12px!important;border-color:#d5e3ec!important;box-shadow:0 -10px 28px rgba(3,44,77,.08)!important}
@keyframes productEditorModalIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1050px){
  .product-editor-modal{padding:10px}
  .product-editor-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:calc(100vh - 20px);border-radius:15px}
  .product-form-modal .product-tab-grid{grid-template-columns:1fr!important}
  .product-form-modal .product-tab-side{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .product-editor-modal{padding:0}
  .product-editor-dialog{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border:0;border-radius:0}
  .product-editor-header{min-height:72px;padding:12px 14px}
  .product-editor-header p{display:none}
  .product-editor-scroll{padding:12px}
  .product-form-modal .product-tab-side{grid-template-columns:1fr}
  .product-form-modal .product-tabs{top:-12px;border-radius:10px}
  .product-form-modal .product-tabs>button{min-width:155px}
  .product-form-modal .product-form-actions{bottom:-4px!important;flex-direction:column-reverse;align-items:stretch}
  .product-form-modal .product-save-button,.product-form-modal .product-cancel-button{width:100%}
}


/* =========================================================
   DASHBOARD EJECUTIVO 2026-08-20
   ========================================================= */
.dash-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:-4px 0 20px;padding:0 2px}.dash-kicker,.dash-card-kicker{display:block;color:#0b79b8;font-size:9px;font-weight:900;letter-spacing:.13em}.dash-hero h2{margin:4px 0 3px;color:#123f60;font:800 27px/1.1 'Manrope',sans-serif;letter-spacing:-.035em}.dash-hero p{margin:0;color:#7a90a3;font-size:11px}.dash-periods{display:flex;gap:5px;padding:4px;border:1px solid #dce7ee;border-radius:11px;background:#fff;box-shadow:0 5px 16px rgba(16,60,90,.04)}.dash-periods a{padding:8px 11px;border-radius:8px;color:#698398;font-size:9px;font-weight:800;transition:.16s}.dash-periods a:hover{background:#f2f7fa;color:#176b9f}.dash-periods a.active{background:#0878ba;color:#fff;box-shadow:0 4px 10px rgba(8,120,186,.2)}
.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.dash-kpi{min-width:0;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #dfe9ef;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(21,70,103,.045)}.dash-kpi.primary-kpi{border-color:#cfe5f2;background:linear-gradient(135deg,#fff,#f4faff)}.dash-kpi-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:11px;background:#e8f4fb;color:#0877b9;font-size:19px;font-weight:900}.dash-kpi-icon.orders{background:#ecf8f1;color:#21935e}.dash-kpi-icon.ticket{background:#f3eefb;color:#7659c7}.dash-kpi-icon.margin{background:#fff4e6;color:#b87516}.dash-kpi>div:last-child{min-width:0}.dash-kpi span,.dash-kpi small{display:block;color:#7b90a1;font-size:9px}.dash-kpi strong{display:block;margin:3px 0 4px;color:#103f63;font:800 20px/1.1 'Manrope',sans-serif;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-kpi small.up{color:#168b59;font-weight:800}.dash-kpi small.down{color:#c24f55;font-weight:800}
.dash-main-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(300px,.85fr);gap:14px;margin-bottom:14px}.dash-card{min-width:0;border:1px solid #dfe8ee;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(17,64,96,.045);overflow:hidden}.dash-card-head{min-height:71px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #edf2f5}.dash-card-head h3{margin:3px 0 2px;color:#123f60;font:800 15px 'Manrope',sans-serif}.dash-card-head p{margin:0;color:#8295a4;font-size:9px}.dash-card-head>a{margin-top:7px;color:#0877b9;font-size:9px;font-weight:800;white-space:nowrap}.dash-chart-total{text-align:right}.dash-chart-total small{display:block;color:#8194a3;font-size:8px}.dash-chart-total strong{display:block;margin-top:3px;color:#133f60;font:800 16px 'Manrope',sans-serif}.dash-canvas-wrap{height:320px;padding:13px 15px 4px}.dash-canvas-wrap canvas{width:100%!important;max-width:100%}
.dash-status-card{padding-bottom:12px}.dash-donut-wrap{position:relative;width:210px;height:210px;margin:18px auto 8px}.dash-donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.dash-donut-center strong{color:#113f61;font:800 28px 'Manrope',sans-serif;line-height:1}.dash-donut-center span{margin-top:4px;color:#8294a2;font-size:9px}.dash-status-list{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;padding:0 20px 8px}.dash-status-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#5c778b;font-size:9px}.dash-status-list span{display:flex;align-items:center;gap:6px}.dash-status-list strong{color:#234e6c;font-size:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#9aa9b4}.status-pending{background:#e8a33b}.status-paid{background:#22a06b}.status-preparing{background:#8067c5}.status-shipped{background:#2384c6}.status-cancelled{background:#9aa9b4}.status-refunded{background:#d15b64}
.dash-mini-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.dash-mini-card{min-width:0;padding:13px 14px;border:1px solid #e0e9ef;border-radius:12px;background:#fff;transition:.17s}.dash-mini-card:hover{transform:translateY(-2px);border-color:#bdd9e9;box-shadow:0 8px 20px rgba(20,72,104,.07)}.dash-mini-card span,.dash-mini-card small{display:block;color:#7890a2;font-size:8px}.dash-mini-card strong{display:block;margin:4px 0;color:#123f61;font:800 16px 'Manrope',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-mini-card small{line-height:1.35}.dash-mini-card.danger{background:#fff9f9;border-color:#f1d8da}.dash-mini-card.danger strong{color:#b64049}.dash-mini-card.warning{background:#fffaf3;border-color:#efe0c7}.dash-mini-card.warning strong{color:#a66c13}
.dash-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.dash-analytics-grid.lower{grid-template-columns:.9fr 1.1fr}.dash-ranking{padding:7px 17px 13px}.dash-rank-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf2f5}.dash-rank-row:last-child{border-bottom:0}.dash-rank-num{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#eef5f9;color:#39708f;font-size:9px;font-weight:900}.dash-rank-info{min-width:0}.dash-rank-info strong,.dash-rank-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-rank-info strong{color:#244c68;font-size:10px}.dash-rank-info small{margin-top:2px;color:#8999a5;font-size:8px}.dash-rank-info>div{height:4px;margin-top:6px;border-radius:5px;background:#eff4f7;overflow:hidden}.dash-rank-info i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#0b7fbd,#47b6d8)}.dash-rank-row>b{color:#164d70;font-size:10px}
.dash-cc-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 17px 5px}.dash-cc-summary>div{padding:12px;border-radius:10px;background:#f3f8fb}.dash-cc-summary span{display:block;color:#7d91a1;font-size:8px}.dash-cc-summary strong{display:block;margin-top:3px;color:#154967;font:800 16px 'Manrope',sans-serif}.dash-cc-summary .danger{background:#fff1f2}.dash-cc-summary .danger strong{color:#b43f49}.dash-overdue-list{padding:4px 17px 13px}.dash-overdue-list>a{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f5}.dash-overdue-list>a:last-child{border:0}.dash-overdue-list strong,.dash-overdue-list small{display:block}.dash-overdue-list strong{color:#284f6a;font-size:9px}.dash-overdue-list small{margin-top:2px;color:#9a7478;font-size:8px}.dash-overdue-list b{color:#b54049;font-size:9px;white-space:nowrap}
.dash-payments{display:grid;gap:14px;padding:15px 18px 18px}.dash-payment-line{display:flex;justify-content:space-between;gap:12px;color:#315671;font-size:9px}.dash-payment-line strong{color:#163f5c}.dash-payment-bar{height:6px;margin:6px 0 4px;border-radius:6px;background:#eef3f6;overflow:hidden}.dash-payment-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#0878b9,#44b4d8)}.dash-payments small{color:#8497a5;font-size:8px}.dash-customers-list{padding:7px 17px 13px}.dash-customers-list>div{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f5}.dash-customers-list>div:last-child{border:0}.dash-customer-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eaf5fb;color:#0877b9;font-size:10px;font-weight:900}.dash-customers-list strong,.dash-customers-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-customers-list strong{color:#294f69;font-size:9px}.dash-customers-list small{margin-top:2px;color:#8798a5;font-size:8px}.dash-customers-list b{color:#154a6d;font-size:9px;white-space:nowrap}
.dash-bottom-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.7fr);gap:14px}.dash-bottom-grid .table-card{overflow:auto}.dash-side-stack{align-self:start}.dash-stock-list{padding:7px 16px}.dash-stock-list>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #edf2f5}.dash-stock-list strong,.dash-stock-list small{display:block}.dash-stock-list strong{color:#2d536d;font-size:9px}.dash-stock-list small{margin-top:2px;color:#899aa6;font-size:8px}.dash-stock-list b{font-size:9px;color:#a36f1d;white-space:nowrap}.dash-stock-list b.out{color:#bd4650}.dash-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:11px 16px 16px;border-top:1px solid #edf2f5}.dash-quick-actions a{padding:9px;border:1px solid #dce8ef;border-radius:8px;background:#f9fbfc;color:#376681;text-align:center;font-size:8px;font-weight:800}.dash-quick-actions a:hover{border-color:#a9d0e5;background:#f0f8fc;color:#0876b7}.dash-empty{padding:22px;text-align:center;color:#8a9ba6;font-size:9px}.dash-empty.success{color:#208657}
@media(max-width:1350px){.dash-mini-grid{grid-template-columns:repeat(3,1fr)}.dash-kpi strong{font-size:17px}.dash-main-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr)}}
@media(max-width:1100px){.dash-kpis{grid-template-columns:1fr 1fr}.dash-main-grid,.dash-analytics-grid,.dash-analytics-grid.lower,.dash-bottom-grid{grid-template-columns:1fr}.dash-status-card{max-width:none}.dash-status-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.dash-hero{align-items:flex-start;flex-direction:column}.dash-periods{width:100%;overflow-x:auto}.dash-periods a{flex:1;text-align:center;white-space:nowrap}.dash-kpis{grid-template-columns:1fr}.dash-mini-grid{grid-template-columns:1fr 1fr}.dash-canvas-wrap{height:270px;padding-left:4px;padding-right:4px}.dash-status-list{grid-template-columns:1fr 1fr}.dash-card-head{padding:14px}.dash-chart-total{display:none}.dash-cc-summary{grid-template-columns:1fr}.dash-bottom-grid .table-card{max-width:calc(100vw - 32px)}}

/* =========================================================
   PEDIDOS / LOGÍSTICA · estados fluidos + gestión clara
   ========================================================= */
.orders-admin-table th:last-child{min-width:360px}
.order-main-row{transition:background .18s ease,box-shadow .18s ease}
.order-main-row:hover{background:#fbfdff}
.order-actions-cell{
    min-width:340px;
    display:grid!important;
    grid-template-columns:auto auto minmax(210px,1fr);
    align-items:center!important;
    justify-content:stretch!important;
    gap:8px!important;
}
.order-detail-button,.order-label-link{
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0 11px!important;
    border:1px solid #d7e3eb!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#1d5f88!important;
    font-size:9px!important;
    font-weight:850!important;
    white-space:nowrap!important;
    transition:.16s ease!important;
}
.order-detail-button:hover,.order-label-link:hover{background:#f4f9fc!important;border-color:#b9d2e2!important;transform:translateY(-1px)}
.order-label-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}

.status-form-modern{margin:0;min-width:0}
.status-change-box{
    min-width:0;
    padding:7px 8px 6px;
    border:1px solid #dbe7ee;
    border-radius:10px;
    background:#f8fbfd;
}
.status-change-box>label{
    display:block;
    margin:0 0 5px;
    color:#728b9d;
    font-size:7px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.status-change-row{
    min-width:0;
    display:grid;
    grid-template-columns:8px minmax(100px,1fr) auto;
    align-items:center;
    gap:7px;
}
.status-select-dot{width:8px;height:8px;border-radius:50%;background:#9aaab5;box-shadow:0 0 0 3px rgba(154,170,181,.12)}
.status-select-dot.pending{background:#c48939}.status-select-dot.paid{background:#21845b}.status-select-dot.preparing{background:#7358bf}.status-select-dot.shipped{background:#2179a8}.status-select-dot.cancelled,.status-select-dot.refunded{background:#a05b68}
.status-change-row select{
    min-width:0;
    width:100%;
    height:32px;
    border:0;
    outline:0;
    background:transparent;
    color:#174766;
    font-size:9px;
    font-weight:800;
    cursor:pointer;
}
.status-save-button{
    position:relative;
    min-width:78px;
    height:31px;
    border:0;
    border-radius:8px;
    background:#0871ad;
    color:#fff;
    padding:0 10px;
    font-size:8px;
    font-weight:900;
    cursor:pointer;
    transition:.16s ease;
}
.status-save-button:hover{background:#075f93;transform:translateY(-1px)}
.status-save-button:disabled{cursor:wait;opacity:.75;transform:none}
.status-spinner{display:none;width:11px;height:11px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:orderSpin .65s linear infinite}
.status-save-button.is-loading [data-status-button-label]{display:none}
.status-save-button.is-loading .status-spinner{display:inline-block}
.status-change-feedback{display:block;margin-top:4px;color:#8a9ba8;font-size:7px;white-space:normal}
@keyframes orderSpin{to{transform:rotate(360deg)}}

.order-status-toast{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:99999;
    display:flex;
    align-items:center;
    gap:10px;
    max-width:min(420px,calc(100vw - 32px));
    padding:12px 15px;
    border:1px solid #cfe5d8;
    border-radius:12px;
    background:#fff;
    color:#245f45;
    box-shadow:0 18px 50px rgba(7,61,105,.16);
    opacity:0;
    transform:translateY(12px);
    pointer-events:none;
    transition:.2s ease;
    font-size:10px;
    font-weight:800;
}
.order-status-toast.show{opacity:1;transform:translateY(0)}
.order-status-toast strong{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e4f5eb;color:#21845b}
.order-status-toast.error{border-color:#f0cdcd;color:#8f3f45}.order-status-toast.error strong{background:#fae8e8;color:#a94c53}
.order-status-toast.info{border-color:#d6e5ee;color:#38677f}.order-status-toast.info strong{background:#edf5fa;color:#25759d}

/* La secuencia deja claro qué significa cada etapa. */
.workflow-steps a:nth-child(1)::after{content:'Por revisar';font-size:7px;color:#8b9ba7}
.workflow-steps a:nth-child(2)::after{content:'Listo para preparar';font-size:7px;color:#8b9ba7}
.workflow-steps a:nth-child(3)::after{content:'Armando pedido';font-size:7px;color:#8b9ba7}
.workflow-steps a:nth-child(4)::after{content:'Ya despachado';font-size:7px;color:#8b9ba7}
.workflow-steps a{grid-template-columns:28px minmax(70px,1fr) auto!important;grid-template-rows:auto auto}
.workflow-steps a i{grid-row:1/3}
.workflow-steps a span{align-self:end}
.workflow-steps a b{grid-row:1/3;grid-column:3;align-self:center}
.workflow-steps a::after{grid-column:2;align-self:start}

@media(max-width:1500px){
    .order-actions-cell{grid-template-columns:auto auto;min-width:270px}
    .status-form-modern{grid-column:1/-1}
}
@media(max-width:900px){
    .orders-admin-table th:last-child{min-width:290px}
    .order-actions-cell{min-width:260px}
}

/* =========================================================
   FIX RESPONSIVE · LOGÍSTICA / PEDIDOS · 20/08/2026
   El layout responde al ancho útil del panel (descontando sidebar)
   ========================================================= */
.main{
    min-width:0;
    container-type:inline-size;
    container-name:admin-main;
}
.logistics-pro,
.logistics-pro > *,
.logistics-pro-hero,
.logistics-command-cards,
.logistics-control-panel,
.logistics-workflow,
.logistics-bulk-pro,
.logistics-orders-card{
    min-width:0;
    max-width:100%;
}
.logistics-pro{width:100%;overflow-x:hidden}
.logistics-pro-hero{overflow:hidden}
.logistics-pro-title{min-width:0;flex:1}
.logistics-pro-title p{max-width:100%}
.logistics-pro-actions{flex:0 0 auto;min-width:0;flex-wrap:wrap;justify-content:flex-end}
.logistics-command-cards{width:100%}
.command-card{min-width:0;overflow:hidden}
.command-card>div:nth-child(2){min-width:0}
.command-card small,.command-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.logistics-control-panel{overflow:hidden}
.logistics-filter-form{width:100%;min-width:0}
.logistics-filter-form>*{min-width:0}
.logistics-filter-form select,.logistics-filter-form input{min-width:0}
.logistics-search-field{min-width:0}
.logistics-search-field input{min-width:0}

.logistics-workflow{min-width:0;overflow:hidden}
.workflow-title{min-width:0;flex:0 0 180px}
.workflow-steps{min-width:0}
.workflow-steps a{min-width:0}
.workflow-steps span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.logistics-bulk-pro{max-width:100%;overflow:hidden}
.bulk-selection-count{min-width:0;flex:0 1 auto}
.bulk-selection-count>div{min-width:0}
.bulk-order-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end}
.bulk-order-actions form{min-width:0}

.logistics-orders-card{overflow:hidden}
.logistics-orders-card .orders-admin-table{
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
}
.logistics-orders-card .orders-admin-table table{min-width:1120px;width:100%}

/* El breakpoint se calcula sobre el ancho REAL del contenido, no el viewport. */
@container admin-main (max-width:1550px){
    .logistics-command-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
    .logistics-filter-form{grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(130px,1fr))}
    .logistics-search-field{grid-column:span 2}
    .date-filter{display:grid!important}
    .filter-submit,.filter-reset{min-width:0}
    .logistics-workflow{gap:12px}
    .workflow-title{flex-basis:155px}
}

@container admin-main (max-width:1180px){
    .logistics-pro-hero{padding:20px 21px;gap:14px}
    .logistics-pro-title h1{font-size:24px}
    .logistics-command-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
    .logistics-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}
    .logistics-search-field{grid-column:1/-1}
    .logistics-workflow{align-items:stretch;flex-direction:column}
    .workflow-title{flex:0 0 auto;display:flex;align-items:end;justify-content:space-between;gap:12px}
    .workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
    .logistics-bulk-pro{position:static}
    .bulk-order-bar{align-items:stretch;flex-direction:column}
    .bulk-order-actions{justify-content:flex-start}
}

@container admin-main (max-width:820px){
    .logistics-pro-hero{align-items:flex-start;flex-direction:column}
    .logistics-pro-actions{width:100%;justify-content:stretch}
    .logistics-pro-actions .logistics-action{flex:1}
    .logistics-filter-form{grid-template-columns:1fr}
    .logistics-search-field{grid-column:auto}
    .logistics-command-cards{grid-template-columns:1fr 1fr}
    .workflow-steps{grid-template-columns:1fr 1fr}
    .bulk-order-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
    .bulk-order-actions form{width:100%}
    .bulk-order-actions form:last-child{grid-column:1/-1}
    .bulk-order-actions button,.bulk-order-actions select{flex:1;min-width:0}
}

@container admin-main (max-width:560px){
    .logistics-pro{gap:10px}
    .logistics-pro-hero{padding:16px;border-radius:13px}
    .logistics-pro-title h1{font-size:21px}
    .logistics-pro-actions{flex-direction:column}
    .logistics-command-cards{grid-template-columns:1fr}
    .command-card{min-height:82px}
    .workflow-steps{grid-template-columns:1fr}
    .workflow-title{display:block}
    .bulk-order-actions{grid-template-columns:1fr}
    .bulk-order-actions form:last-child{grid-column:auto}
    .logistics-orders-head{padding:14px;flex-direction:column}
}

/* Fallback para navegadores sin container queries */
@supports not (container-type:inline-size){
    @media(max-width:1800px){
        .logistics-command-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
        .logistics-filter-form{grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(130px,1fr))}
        .logistics-search-field{grid-column:span 2}
    }
    @media(max-width:1350px){
        .logistics-command-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
        .logistics-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}
        .logistics-search-field{grid-column:1/-1}
        .logistics-workflow{align-items:stretch;flex-direction:column}
    }
}


/* Productos: acciones al lado izquierdo y fijas durante scroll horizontal */
.products-modern-table .product-select-col{
    position:sticky;
    left:0;
    z-index:7;
    background:#fff;
}
.products-modern-table thead .product-select-col{
    z-index:10;
    background:#f5f8fa;
}
.products-modern-table .product-actions-col{
    position:sticky;
    left:38px;
    z-index:6;
    min-width:126px!important;
    width:126px!important;
    text-align:left!important;
    background:#fff;
    box-shadow:7px 0 12px -12px rgba(8,45,84,.55);
}
.products-modern-table thead .product-actions-col{
    z-index:9;
    background:#f5f8fa;
}
.products-modern-table tbody tr:hover .product-select-col,
.products-modern-table tbody tr:hover .product-actions-col{
    background:#fbfdff;
}
.products-modern-table .product-quick-actions{
    justify-content:flex-start!important;
}
@media(max-width:700px){
    .products-modern-table .product-actions-col{
        min-width:112px!important;
        width:112px!important;
    }
}