:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#21172a;background:#f7f5fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:#f7f5fa}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{width:248px;flex:0 0 248px;background:#fff;border-right:1px solid #ece6f2;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.brandmark,.login-logo{display:grid;place-items:center;background:var(--primary,#542080);color:white;font-weight:900;border-radius:14px;width:43px;height:43px;font-size:23px}.brand strong{display:block;font-size:16px}.brand small,.userbox small{display:block;color:#8d8296;font-size:11px;margin-top:3px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:10px;color:#65596f;font-size:14px}.sidebar nav a:hover,.sidebar nav a:focus{background:#f3ebfa;color:var(--primary,#542080)}.userbox{margin-top:auto;border-top:1px solid #eee7f3;padding:18px 5px 0;display:flex;align-items:center;gap:9px;font-size:12px}.avatar{width:33px;height:33px;display:grid;place-items:center;background:#f1e6fa;border-radius:50%;color:var(--primary);font-weight:700}.logout{margin-left:auto;color:#8c7d96}.main{flex:1;min-width:0;padding:25px clamp(16px,3vw,40px) 50px;max-width:1700px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.topbar small,.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#94889f}.topbar h1{font-size:25px;letter-spacing:-.04em;margin:5px 0 0}.brand-pill{background:#fff;border:1px solid #ece6f2;border-radius:99px;padding:9px 14px;font-size:12px;font-weight:700}.hero{background:linear-gradient(115deg,var(--primary,#542080),#7d3ab1);border-radius:20px;color:#fff;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 10px 28px #54208018}.hero .eyebrow{color:#e2c9f6}.hero h2{font-size:clamp(22px,3vw,32px);letter-spacing:-.04em;margin:10px 0}.hero p{margin:0;color:#eee0f8;font-size:14px}.btn{border:0;border-radius:10px;padding:11px 15px;font:inherit;font-size:13px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn.primary{background:var(--primary,#542080);color:white}.btn.secondary{background:#efe4f8;color:var(--primary,#542080)}.btn.white{background:white;color:var(--primary,#542080)}.btn.ghost{background:#f5f0f9;color:#6d527c}.btn.small{padding:7px 10px;font-size:11px}.btn.full{width:100%;margin-top:6px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.metric{background:#fff;border:1px solid #eee7f3;border-radius:15px;padding:20px;min-width:0}.metric span{display:block;color:#7f7289;font-size:12px}.metric strong{display:block;font-size:clamp(20px,2vw,28px);letter-spacing:-.04em;margin:12px 0 7px;overflow-wrap:anywhere}.metric small{font-size:11px;color:#a096a9}.panel{background:#fff;border:1px solid #eee7f3;border-radius:16px;margin:18px 0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;gap:10px}.panel h3,.panel-head h3{font-size:16px;margin:0;letter-spacing:-.02em}.panel-head p,.muted{color:#91859a;font-size:12px;margin:6px 0 0}.text-link{color:var(--primary);font-weight:750;font-size:12px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:left;background:#faf8fc;color:#93879d;font-size:10px;letter-spacing:.04em;text-transform:uppercase;font-weight:800;padding:12px 16px;border-top:1px solid #f0eaf4;border-bottom:1px solid #f0eaf4}td{padding:13px 16px;border-bottom:1px solid #f3eef6;color:#493e52}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fdfbfe}td b{font-weight:700}.subcell{display:block;color:#9d92a6;font-size:10px;margin-top:4px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.status{display:inline-block;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:800}.status.ok{background:#e9f7ee;color:#267747}.status.pending{background:#fff3dd;color:#9c6a0d}.empty{text-align:center;color:#a297ac;padding:30px}.footnote{font-size:11px;line-height:1.6;color:#95899d;margin:15px 2px}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:18px;align-items:start}.content-grid .panel{min-width:0}.form-panel{padding:22px}.form-panel h3{margin-bottom:16px}.form-panel form{display:grid;gap:13px}.form-panel label,.login-card label{display:grid;gap:6px;font-size:11px;color:#756780;font-weight:750}.form-panel input,.form-panel select,.form-panel textarea,.login-card input,.inline-payment input,.inline-payment select{width:100%;min-width:0;border:1px solid #e6dfea;border-radius:9px;background:#fff;padding:10px 11px;font:inherit;font-size:12px;color:#33263b;outline:none}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus,.login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #54208012}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.check{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important}.check input{width:auto}.wide-form{padding:22px}.wide-form .panel-head{padding:0 0 18px}.sale-line{display:grid;grid-template-columns:minmax(180px,2fr) minmax(75px,.55fr) minmax(110px,.8fr) 36px;gap:10px;align-items:end;padding:13px 0;border-bottom:1px solid #f0eaf4}.sale-line label{min-width:0}.inline-payment{display:flex;gap:5px;align-items:center}.inline-payment input{width:88px}.inline-payment select{width:92px}.alert{padding:12px 15px;border-radius:10px;margin:12px 0;font-size:12px}.alert.error{background:#fff0f0;color:#9c3030;border:1px solid #f6d5d5}.alert.success{background:#eaf8ef;color:#276a40;border:1px solid #d3efdc}.positive{color:#23864d;font-weight:700}.negative{color:#b54343;font-weight:700}.loginbody{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at top,#eee2f7,#f8f6fa 55%)}.login-card{width:min(100%,400px);background:#fff;padding:34px;border:1px solid #eee6f4;border-radius:20px;box-shadow:0 20px 80px #54208012;display:grid;gap:17px}.login-logo{width:52px;height:52px;font-size:28px}.login-card h1{font-size:28px;margin:0;letter-spacing:-.04em}.login-card p{margin:0}.login-card .eyebrow{margin-top:8px}.login-card .muted:last-child{text-align:center;font-size:10px}.login-card label{font-size:12px}.login-card input{padding:12px}.login-card .alert{margin:0}.login-card button{padding:13px}.login-card .muted{margin-top:-10px}.login-card .eyebrow{color:var(--primary,#542080)}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.sidebar{width:210px;flex-basis:210px}.inline-payment{min-width:320px}}@media(max-width:700px){.shell{display:block}.sidebar{width:100%;height:auto;position:relative;padding:10px 12px;border-right:0;border-bottom:1px solid #ece6f2}.brand{padding:0 3px 10px}.brandmark{width:35px;height:35px}.sidebar nav{display:flex;overflow:auto;gap:3px}.sidebar nav a{padding:9px 10px;white-space:nowrap;font-size:12px}.sidebar nav a span{display:inline}.userbox{display:none}.main{padding:18px 12px 32px}.topbar{margin-bottom:18px}.topbar h1{font-size:22px}.brand-pill{font-size:10px;padding:7px 9px}.hero{padding:22px 19px;align-items:flex-start;flex-direction:column;border-radius:15px}.hero .btn{width:100%}.metric-grid{gap:9px;margin:13px 0}.metric{padding:14px;border-radius:12px}.metric strong{font-size:21px}.metric span{font-size:11px}.panel{border-radius:12px}.panel-head{padding:16px}.form-panel,.wide-form{padding:16px}.form-row{grid-template-columns:1fr 1fr}.sale-line{grid-template-columns:minmax(0,1fr) 70px 100px 32px;gap:6px}.sale-line label{font-size:10px}.sale-line input,.sale-line select{padding:9px 6px;font-size:11px}.table-wrap table{min-width:600px}.inline-payment{min-width:300px}.login-card{padding:25px}}

/* Dashboard insights */
.dashboard-insights{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}
.dashboard-insights .panel{min-width:0}
@media(max-width:900px){.dashboard-insights{grid-template-columns:1fr}}

/* Fase 6: robust responsive detail layouts */
.panel, .metric-grid, .content-grid, .table-wrap { min-width: 0; }
.content-grid > .panel, .content-grid > section { min-width: 0; }
.table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.table-wrap table { width: 100%; }
.panel p { overflow-wrap: anywhere; }
.metric strong { overflow-wrap: anywhere; }
@media (min-width: 901px) {
  .content-grid { grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); }
  .content-grid > * { min-width: 0; }
}
@media (max-width: 900px) {
  .content-grid { grid-template-columns: minmax(0, 1fr); }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .metric-grid { grid-template-columns: minmax(0, 1fr); }
}


/* Sendanza ERP — refinamiento visual de superadministración y detalle de venta */
.sidebar nav a.active{background:color-mix(in srgb,var(--primary,#204692) 11%,white);color:var(--primary,#204692);font-weight:800}
.sidebar nav a{transition:background .18s ease,color .18s ease,transform .18s ease}
.sidebar nav a:hover{transform:translateX(2px)}
.nav-icon{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:7px;background:#f5f1fa;font-size:13px}
.return-superadmin{padding:8px 6px 2px;border-top:1px solid #eee7f3;margin-top:10px}
.btn{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;border:1px solid transparent}
.btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px #30204414;filter:saturate(1.05)}
.btn:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--primary,#204692) 35%,white);outline-offset:2px}
.btn.secondary{background:#f1e8fb;color:var(--primary,#204692);border-color:#eadcf7}
.btn.primary{box-shadow:0 3px 8px color-mix(in srgb,var(--primary,#204692) 16%,transparent)}
.brand-actions-cell{min-width:190px;max-width:240px;white-space:normal!important}
.brand-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
.brand-actions form{margin:0!important;display:inline-flex!important;max-width:100%}
.brand-actions .btn{min-height:32px;padding:7px 10px;font-size:11px}
.brand-edit{position:relative;display:inline-block}
.brand-edit summary{list-style:none}
.brand-edit summary::-webkit-details-marker{display:none}
.brand-edit[open] summary{background:#e8d8f8}
.brand-edit form{position:absolute;z-index:30;top:calc(100% + 8px);right:0;width:min(330px,80vw);max-height:70vh;overflow:auto;background:white;border:1px solid #e9dff0;border-radius:14px;box-shadow:0 18px 48px #26133324;display:grid!important;gap:12px;padding:16px!important}
.brand-edit form label{font-size:11px}
.brand-edit form input{min-width:0}
.brand-actions-cell .brand-action-form button{white-space:nowrap}
.sale-detail{display:grid;gap:18px;min-width:0}
.sale-overview{margin:0;padding:0;overflow:visible}
.sale-overview>.panel-head{padding:22px 24px 16px;align-items:center;border-bottom:1px solid #f0eaf5}
.sale-overview>.panel-head h3{font-size:19px;margin-top:5px}
.sale-overview>.panel-head p{line-height:1.5;max-width:600px}
.sale-overview>.panel-head .btn{flex-shrink:0}
.sale-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 20px 20px}
.sale-metrics .metric{border-radius:14px;padding:18px;box-shadow:0 3px 12px #29123b05}
.sale-metrics .metric strong{font-size:clamp(19px,1.65vw,26px);line-height:1.2;margin:11px 0 8px;overflow-wrap:anywhere}
.sale-metrics .metric small{display:block;line-height:1.45;overflow-wrap:anywhere}
.sale-main-grid,.sale-related-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin:0 20px 20px;align-items:stretch}
.sale-main-grid .panel,.sale-related-grid .panel{margin:0;min-width:0;border-radius:14px;overflow:hidden}
.sale-info{padding:22px 24px}
.sale-info h3,.sale-products h3,.sale-related-grid h3{font-size:15px;margin:0;padding:18px 20px;border-bottom:1px solid #f0eaf5}
.sale-info p{margin:0;display:grid;grid-template-columns:minmax(135px,190px) minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid #f6f1f8;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.sale-info p:last-child{border-bottom:0}
.sale-info p b{color:#6e6078}
.sale-products .table-wrap,.sale-related-grid .table-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.sale-products table,.sale-related-grid table{min-width:720px;white-space:normal}
.sale-products td,.sale-related-grid td{line-height:1.5;overflow-wrap:anywhere;vertical-align:top}
.sale-products td:first-child{min-width:180px}
.sale-products .footnote{padding:0 20px 16px;margin:8px 0 0}
.sale-related-grid{grid-template-columns:minmax(0,1fr)}
.sale-detail .empty{padding:24px;white-space:normal}
@media(min-width:1200px){.sale-main-grid{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)}.sale-related-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:1100px){.sale-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-actions-cell{min-width:190px}}
@media(max-width:700px){.sale-overview>.panel-head{align-items:flex-start;flex-direction:column;padding:18px}.sale-overview>.panel-head .btn{width:100%}.sale-metrics{margin:12px;gap:9px}.sale-metrics .metric{padding:14px}.sale-main-grid,.sale-related-grid{margin:0 12px 12px}.sale-info{padding:16px}.sale-info p{grid-template-columns:1fr;gap:3px;padding:10px 0}.sale-products h3,.sale-related-grid h3{padding:16px}.brand-edit form{position:fixed;top:15vh;left:5vw;right:5vw;width:90vw;max-height:70vh}}
@media(max-width:420px){.sale-metrics{grid-template-columns:1fr}.brand-actions{align-items:stretch}.brand-actions>*{max-width:100%}}


/* V3: corrección estructural para acciones de marcas y detalle de venta */
.brand-actions-cell{width:300px;min-width:300px;max-width:none;vertical-align:middle}
.brand-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
.brand-actions form,.brand-actions details{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0!important;align-items:center}
.brand-actions .btn,.brand-actions summary{min-height:34px;line-height:1.2;padding:8px 11px;white-space:nowrap}
.brand-actions-cell .brand-edit form{display:grid!important;position:absolute!important;flex-direction:column!important;width:min(330px,80vw)!important;max-width:90vw!important;z-index:50}
.brand-actions-cell .brand-edit{position:relative;z-index:2}
.brand-actions-cell .brand-edit[open]{z-index:50}
.brand-actions-cell .brand-edit summary{list-style:none}
.brand-actions-cell .brand-edit summary::-webkit-details-marker{display:none}
.brand-actions-cell .brand-action-form{display:inline-flex!important;width:auto!important;flex:0 0 auto!important}
.brand-actions-cell .brand-action-form button{width:auto!important}
.sale-info p{display:grid!important;grid-template-columns:minmax(145px,190px) minmax(0,1fr)!important;align-items:start;gap:12px!important;line-height:1.55!important}
.sale-info p>b{display:block;min-width:0;color:#6e6078}
.sale-info p>span{display:block;min-width:0;overflow-wrap:anywhere;word-break:normal;white-space:normal}
.sale-info{min-width:0;overflow-wrap:anywhere}
.sale-main-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:start}
.sale-products,.sale-related-grid>.panel{min-width:0;max-width:100%}
.sale-products .table-wrap,.sale-related-grid .table-wrap{max-width:100%;overflow-x:auto}
.sale-products table,.sale-related-grid table{min-width:760px;table-layout:auto}
.sale-detail .panel{box-sizing:border-box}
@media(max-width:1199px){.sale-main-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:700px){.brand-actions-cell{width:270px;min-width:270px}.brand-actions{gap:7px!important}.sale-info p{grid-template-columns:minmax(0,1fr)!important;gap:3px!important}.sale-main-grid,.sale-related-grid{grid-template-columns:minmax(0,1fr)!important}}

/* V4: ayudas para precio automático/manual en ventas */
.price-source{display:block;margin-top:4px;min-height:1.2em;font-size:.72rem;color:var(--muted,#81768e);font-weight:400}
.sale-line .price-manual-flag{display:none}

/* V5: indicadores separados de rentabilidad en el detalle de venta */
.sale-profit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}
.sale-profit-grid .metric{min-width:0;overflow-wrap:anywhere}
.sale-profit-grid .metric strong{font-size:clamp(1.05rem,1.5vw,1.5rem);line-height:1.25;overflow-wrap:anywhere}
.sale-profit-grid .metric small{line-height:1.45}
@media(max-width:1050px){.sale-profit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sale-profit-grid{grid-template-columns:minmax(0,1fr)}}


/* V6: detalle de compra responsive y modal de edición de marca */
.purchase-detail{display:grid;gap:18px;min-width:0}
.purchase-overview{margin:0;overflow:visible}
.purchase-overview>.panel-head{align-items:center;gap:14px;flex-wrap:wrap}
.purchase-overview>.panel-head>div{min-width:0;flex:1}
.purchase-overview>.panel-head .btn{flex-shrink:0}
.purchase-detail .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 18px 20px}
.purchase-detail .metric{min-width:0;overflow-wrap:anywhere}
.purchase-detail .metric strong{font-size:clamp(19px,1.7vw,27px);line-height:1.2;overflow-wrap:anywhere}
.purchase-detail .metric small{display:block;line-height:1.5;overflow-wrap:anywhere}
.purchase-main-grid,.purchase-related-grid{grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.purchase-detail .panel{min-width:0;max-width:100%}
.purchase-info{padding:20px 22px}
.purchase-info h3,.purchase-items>h3,.purchase-related-grid h3{padding:18px 20px;margin:0;border-bottom:1px solid #f0eaf5}
.purchase-info p{display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr);gap:12px;margin:0;padding:11px 20px;border-bottom:1px solid #f6f1f8;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.purchase-info p:last-child{border-bottom:0}
.purchase-info p b{color:#6e6078}
.purchase-info p span{min-width:0;overflow-wrap:anywhere;white-space:normal}
.purchase-items .table-wrap,.purchase-related-grid .table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.purchase-items table,.purchase-related-grid table{min-width:720px;white-space:normal}
.purchase-items td,.purchase-related-grid td{line-height:1.5;vertical-align:top;overflow-wrap:anywhere}
.purchase-items td:first-child,.purchase-items td:nth-child(2){min-width:145px}
.purchase-related-grid .form-panel{padding:20px}
.brand-actions-cell .brand-edit form{position:fixed!important;z-index:10000!important;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;width:min(420px,calc(100vw - 32px))!important;max-height:80vh!important;overflow:auto!important;box-shadow:0 24px 80px #1a102b55!important}
.brand-actions-cell .brand-edit[open]{z-index:10001!important}
.brand-actions-cell .brand-edit[open] summary{position:relative;z-index:10002}
@media(min-width:1200px){.purchase-main-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.purchase-related-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}}
@media(max-width:1050px){.purchase-detail .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.purchase-detail .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px;gap:9px}.purchase-detail .metric{padding:14px}.purchase-info{padding:0}.purchase-info p{grid-template-columns:minmax(0,1fr);gap:3px;padding:10px 16px}.purchase-info h3,.purchase-items>h3,.purchase-related-grid h3{padding:16px}.purchase-overview>.panel-head{align-items:flex-start;flex-direction:column}.purchase-overview>.panel-head .btn{width:100%}}
@media(max-width:420px){.purchase-detail .metric-grid{grid-template-columns:minmax(0,1fr)}}


/* V7: ventas separadas, validación visual y detalle de compra */
.sales-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:22px 24px;background:#fff;border:1px solid #eee4f5;border-radius:18px;box-shadow:0 5px 18px rgba(45,25,70,.035)}
.sales-toolbar h2{margin:0 0 5px;font-size:20px}.sales-toolbar p{margin:0;color:#8b7a98;font-size:13px}.sales-toolbar .btn{flex-shrink:0}
.purchase-info p{display:grid;grid-template-columns:minmax(135px,190px) minmax(0,1fr);gap:14px;align-items:start;margin:0;padding:12px 20px;border-bottom:1px solid #f1ebf5;line-height:1.55;overflow-wrap:anywhere}
.purchase-info p b{display:block;color:#776884;font-size:12px;font-weight:650}.purchase-info p span{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;color:#30253b;font-size:13px}
.purchase-info p:last-child{border-bottom:0}
#sale-form button[name="save_sale"]{min-width:220px}
@media(max-width:680px){.sales-toolbar{align-items:stretch;flex-direction:column}.sales-toolbar .btn{width:100%;text-align:center}.purchase-info p{grid-template-columns:minmax(0,1fr);gap:3px;padding:10px 16px}}


/* V8: constructor de kits y diálogos coherentes con la interfaz Sendanza */
.sendanza-dialog-backdrop{position:fixed;inset:0;z-index:99999;background:rgba(20,24,40,.56);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:sendanzaFadeIn .16s ease-out}
.sendanza-dialog{width:min(560px,100%);max-height:min(82vh,720px);overflow:auto;background:var(--panel,#fff);color:var(--text,#171b2c);border:1px solid var(--border,#ece4f6);border-radius:20px;padding:26px;box-shadow:0 24px 80px rgba(20,16,45,.28);animation:sendanzaDialogIn .18s ease-out}
.sendanza-dialog-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#234b9b,#7b35ad);color:#fff;font-weight:800;margin-bottom:14px}
.sendanza-dialog h3{font-size:1.2rem;margin:0 0 12px;letter-spacing:-.02em}
.sendanza-dialog-message{font-size:.94rem;line-height:1.65;color:var(--muted,#62647a);overflow-wrap:anywhere}
.sendanza-dialog-message span{white-space:pre-wrap}
.sendanza-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap}
.sendanza-dialog-actions .btn{min-width:125px}
.kit-builder{margin:18px 0;padding:16px;border:1px solid var(--border,#e8def4);border-radius:14px;background:var(--surface,#faf8fd)}
.kit-builder h4{margin:0 0 7px;font-size:1rem}
.kit-builder[hidden]{display:none!important}
.kit-component-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,.7fr) 38px;gap:8px;align-items:center;margin:10px 0}
.kit-component-row select,.kit-component-row input{min-width:0;width:100%}
@keyframes sendanzaFadeIn{from{opacity:0}to{opacity:1}}
@keyframes sendanzaDialogIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:560px){.sendanza-dialog{padding:20px;border-radius:16px}.sendanza-dialog-actions{flex-direction:column-reverse}.sendanza-dialog-actions .btn{width:100%}.kit-component-row{grid-template-columns:minmax(0,1fr) 90px 34px;gap:5px}}

/* V9: filtros por fecha, selector de columnas y resultados con estado inequívoco */
.sales-filter-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:0 20px 16px}
.sales-filter-form label{display:grid;gap:5px;color:#756780;font-size:11px;font-weight:750}
.sales-filter-form input{border:1px solid #e6dfea;border-radius:9px;padding:9px 10px;font:inherit;color:#33263b;background:#fff}
.column-picker{display:flex;align-items:center;gap:10px 15px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid #f0eaf4;border-bottom:1px solid #f0eaf4;background:#fdfbff;font-size:11px;color:#6d6079}
.column-picker strong{font-size:11px;color:#3b2d49}
.column-picker label{display:inline-flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap}
.column-picker input{accent-color:var(--primary,#542080)}
#sales-table [hidden]{display:none!important}
.sendanza-dialog-mark.is-success{background:#17834c;color:#fff;font-size:24px;border-radius:50%}
.sendanza-dialog-mark.is-error{background:#b8323b;color:#fff;font-size:24px;border-radius:50%}
@media(max-width:680px){.sales-filter-form{align-items:stretch;padding:0 14px 14px}.sales-filter-form label{flex:1;min-width:130px}.sales-filter-form .btn{flex:1}.column-picker{padding:12px 14px;gap:9px 12px}}

/* V10 Fix 4: filtros más consistentes con el sistema visual */
.sales-filter-form,.dashboard-range{margin:0 0 20px;padding:16px 18px;gap:12px 14px;border:1px solid #e9e0f1;border-radius:14px;background:linear-gradient(135deg,#fff 0%,#fbf8ff 100%);box-shadow:0 4px 14px rgba(45,25,70,.035)}
.sales-filter-form label{min-width:150px;gap:7px;color:#655471;font-size:12px}
.sales-filter-form input{min-height:40px;border-radius:10px;border-color:#ded2e9;padding:9px 12px;box-shadow:inset 0 1px 2px rgba(36,20,55,.025)}
.sales-filter-form input:focus{outline:2px solid rgba(35,75,155,.16);border-color:var(--primary,#234b9b)}
.sales-filter-form .btn{min-height:40px}
.sales-range-metrics{margin:0 0 18px}
@media(max-width:680px){.sales-filter-form,.dashboard-range{padding:14px;border-radius:12px}.sales-filter-form label{min-width:0;width:100%}}