:root{--bg:#eef3f5;--panel:#fff;--panel2:#f7fafb;--ink:#10202b;--muted:#6e7f88;--line:#d8e1e5;--orange:#ff7600;--orange2:#ff983b;--nav:#101b28;--nav2:#172638;--green:#13a675;--red:#d94a5b;--yellow:#d89a11;--blue:#2b75d8;--shadow:0 18px 50px rgba(18,38,50,.08);--radius:16px}
html[data-theme="dark"]{--bg:#07111b;--panel:#0f1b28;--panel2:#132333;--ink:#edf5f8;--muted:#96a9b6;--line:#263a4b;--nav:#060d15;--nav2:#0d1824;--shadow:0 18px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.eyebrow.orange{color:var(--orange)}.btn{border:0;border-radius:10px;padding:11px 14px;font-weight:900;letter-spacing:.02em}.btn.primary{background:var(--orange);color:#fff;box-shadow:0 8px 22px rgba(255,118,0,.22)}.btn.primary:hover{background:#e96d00}.btn.secondary{background:var(--panel2);color:var(--ink);border:1px solid var(--line)}.btn.danger{background:#ffe8ec;color:#b6293b}.btn.small{padding:8px 10px;font-size:11px}.btn.big{padding:15px 18px;width:100%}.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;width:42px;height:42px;font-size:18px}.text-btn{border:0;background:none;font-weight:800;color:var(--muted)}.text-btn.danger{color:var(--red)}.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:11px;color:var(--muted);font-weight:800}.pill.ok{color:var(--green);border-color:#9edfc8}.pill.warn{color:#a86d00;border-color:#e5c477}.pill.bad{color:var(--red);border-color:#efb0b8}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
/* login */.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#18344e 0,transparent 38%),#07111b}.login-card{width:min(980px,100%);min-height:590px;display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 35px 100px #0009}.login-brand{background:linear-gradient(145deg,#0d1a27,#142b40);color:#fff;padding:56px;position:relative}.login-logo{height:52px;max-width:240px;object-fit:contain;object-position:left}.login-brand h1{font-size:68px;line-height:.92;margin:60px 0 22px;letter-spacing:-.05em}.login-brand h1 em{font-style:normal;color:var(--orange)}.login-brand p{max-width:520px;color:#b7c6d2;font-size:17px;line-height:1.6}.version-chip{position:absolute;left:56px;bottom:42px;color:#ffb979;font-size:12px;font-weight:900}.login-form{padding:56px 46px;display:flex;flex-direction:column;justify-content:center;gap:20px;color:#10202b}.login-form h2{font-size:34px;margin:6px 0}.login-form p{color:#70808a;margin:0}.login-form label{font-size:11px;font-weight:900;letter-spacing:.06em;color:#6f7e87;display:flex;flex-direction:column;gap:8px}.login-form input{height:48px;border:1px solid #ccd7dc;border-radius:10px;padding:0 13px;background:#f8fafb}.login-form small{color:#829099}.form-msg{min-height:20px;font-size:13px;color:#c73449;font-weight:700}
/* app shell */.app-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{background:var(--nav);color:#dce6ec;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid #26384b}.brand-box{padding:22px 18px;border-bottom:1px solid #26384b;display:flex;align-items:center;gap:12px}.brand-box img{width:74px;max-height:42px;object-fit:contain}.brand-box b{display:block;color:#fff;font-size:14px}.brand-box span{display:block;color:#8fa4b5;font-size:10px;margin-top:3px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{padding:14px 10px;display:flex;flex-direction:column;gap:4px;overflow:auto}.nav button{border:0;background:transparent;color:#aebdca;text-align:left;padding:11px 12px;border-radius:9px;font-size:13px;font-weight:750;display:flex;gap:9px;align-items:center}.nav button:hover{background:#1b2b3c;color:#fff}.nav button.on{background:#ff7600;color:#fff}.nav-sep{height:1px;background:#26384b;margin:8px 4px}.user-box{margin-top:auto;border-top:1px solid #26384b;padding:16px}.user-box b{display:block;color:#fff;font-size:13px}.user-box span{font-size:10px;color:#8799aa;text-transform:uppercase}.user-box button{margin-top:10px;width:100%;border:1px solid #34495c;background:#132333;color:#c8d5de;padding:8px;border-radius:8px}.main-wrap{min-width:0}.top-header{height:76px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20}.top-business h2{margin:2px 0 0;font-size:20px}.top-actions{display:flex;align-items:center;gap:10px}.clock{font-variant-numeric:tabular-nums;font-weight:900;font-size:19px}.mobile-header{display:none}.content{padding:22px 24px 50px}.view{display:none}.view.active{display:block}.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.view-head h1{margin:4px 0 3px;font-size:32px;letter-spacing:-.035em}.view-head p{margin:0;color:var(--muted);font-size:13px}.status-row{display:flex;gap:8px;flex-wrap:wrap}
/* POS */.pos-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;align-items:start}.catalog-panel{padding:14px;min-height:650px}.pos-tools{display:flex;gap:12px;align-items:center;margin-bottom:13px;position:sticky;top:88px;background:var(--panel);padding-bottom:10px;z-index:4}.search-box{display:flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:0 11px;min-width:210px}.search-box input{border:0;background:transparent;color:var(--ink);outline:none;height:40px;width:100%}.categories{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.categories button{border:1px solid var(--line);background:var(--panel2);color:var(--muted);padding:8px 10px;border-radius:999px;white-space:nowrap;font-size:10px;font-weight:900}.categories button.on{background:var(--nav);color:#fff;border-color:var(--nav)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product{border:1px solid var(--line);background:var(--panel);border-radius:13px;overflow:hidden;position:relative;transition:.15s}.product:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(20,40,50,.11)}.product-img{height:125px;background:#dde6ea center/cover no-repeat}.product-body{padding:10px}.product h3{font-size:12px;line-height:1.15;margin:0 0 5px;min-height:28px}.product p{font-size:10px;line-height:1.35;color:var(--muted);margin:0 0 9px;min-height:28px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-price{font-weight:950;font-size:14px}.add-product{width:32px;height:32px;border:0;border-radius:9px;background:var(--orange);color:#fff;font-size:20px}.tag{position:absolute;top:8px;left:8px;background:#101b28;color:#fff;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:900}.ticket{padding:15px;position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto}.ticket-top{display:flex;justify-content:space-between;align-items:flex-start}.ticket-top h3{margin:2px 0 12px;font-size:22px}.channel-box{border:1px solid var(--line);background:var(--panel2);border-radius:12px;padding:10px;margin-bottom:12px}.channel-box>span{font-size:9px;font-weight:900;color:var(--muted);letter-spacing:.08em}.channel{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;padding:8px 9px;font-size:10px;font-weight:900}.channel.main{width:100%;margin:6px 0}.channel.main small{display:block;font-weight:600;color:var(--muted);font-size:8px}.channel.on{border-color:#ff9a47;background:#fff0e2;color:#b95500}.other-channels{display:grid;grid-template-columns:1fr 1fr;gap:6px}.customer-mini{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:3px 0 11px;margin-bottom:8px}.customer-mini small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.cart{display:flex;flex-direction:column;gap:8px;min-height:100px}.empty-cart{padding:28px 12px;text-align:center;color:var(--muted);font-size:12px}.cart-item{border-bottom:1px solid var(--line);padding:7px 0;display:grid;grid-template-columns:1fr auto;gap:8px}.cart-item h4{font-size:11px;margin:0}.cart-item small{display:block;color:var(--muted);margin-top:3px;font-size:9px}.qty{display:flex;align-items:center;gap:5px;margin-top:5px}.qty button{border:1px solid var(--line);background:var(--panel2);color:var(--ink);width:25px;height:25px;border-radius:6px;font-weight:900}.qty b{min-width:20px;text-align:center}.cart-line-price{font-size:11px;font-weight:900;white-space:nowrap}.kitchen-note{display:block;margin:12px 0}.kitchen-note span{font-size:9px;font-weight:900;color:var(--muted)}.kitchen-note textarea{width:100%;min-height:66px;margin-top:5px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:9px;padding:9px;resize:vertical}.ticket-total{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--ink);padding:12px 0}.ticket-total strong{font-size:24px}
/* generic cards/tables */.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stat-card{padding:16px}.stat-card span{font-size:10px;color:var(--muted);font-weight:900}.stat-card strong{display:block;font-size:27px;margin-top:5px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section-card{padding:16px}.section-card h3{margin:0 0 12px;font-size:15px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:10px 11px;border-bottom:1px solid var(--line);text-align:left;font-size:11px}th{font-size:9px;color:var(--muted);letter-spacing:.08em;background:var(--panel2);position:sticky;top:0}tr:last-child td{border-bottom:0}.money{font-weight:900}.status{font-weight:900;font-size:9px;padding:5px 7px;border-radius:999px;display:inline-block}.status.prep{background:#fff0d7;color:#a76500}.status.ready{background:#dff3ff;color:#176b95}.status.done{background:#ddf7eb;color:#0c7a54}.status.cancel{background:#ffe2e6;color:#b92d40}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:9px;padding:9px 10px;min-height:39px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .full{grid-column:1/-1}.form-grid label{font-size:9px;color:var(--muted);font-weight:900;display:flex;flex-direction:column;gap:5px}.form-grid textarea{min-height:80px}.empty{padding:25px;text-align:center;color:var(--muted)}.action-row{display:flex;gap:6px;flex-wrap:wrap}.mini{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:7px;padding:6px 8px;font-size:9px;font-weight:900}.mini.orange{background:#fff0e1;border-color:#ffc28e;color:#b85a00}.mini.red{background:#ffe8eb;border-color:#ffc3cb;color:#b42d40}.list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.list-row:last-child{border-bottom:0}.bar{height:8px;background:var(--panel2);border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--orange);border-radius:999px}.cash-open{border:1px dashed #d9a760;background:#fff8ed;padding:14px;border-radius:12px}.cash-open strong{font-size:22px}.kitchen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kitchen-card{padding:15px;border-top:5px solid #e6a72d}.kitchen-card.ready{border-top-color:#2f95d1}.kitchen-card h3{font-size:22px;margin:0}.kitchen-card .meta{color:var(--muted);font-size:10px;margin:3px 0 10px}.kitchen-card ul{padding-left:18px;font-size:12px;line-height:1.6}.kitchen-card .note{background:var(--panel2);border-radius:9px;padding:9px;font-size:10px;margin:8px 0}.report-bars{display:flex;flex-direction:column;gap:10px}.report-line{display:grid;grid-template-columns:120px 1fr 100px;gap:10px;align-items:center;font-size:10px}.report-line b:last-child{text-align:right}
/* modal */.modal{position:fixed;inset:0;background:rgba(0,8,15,.72);display:grid;place-items:center;padding:18px;z-index:100}.modal-card{width:min(620px,96vw);max-height:92vh;overflow:auto;background:var(--panel);border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 100px #0008;padding:20px;position:relative}.modal-card.medium{width:min(760px,96vw)}.modal-card.wide{width:min(1040px,96vw)}.modal-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:9px;font-size:22px;z-index:3}.modal-card h2{margin:5px 42px 15px 0}.option-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.option{border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:10px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.option input{width:auto}.checkout-total{text-align:center;padding:20px 0}.checkout-total span{display:block;color:var(--muted);font-size:11px}.checkout-total strong{font-size:42px}.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-grid button{padding:13px 8px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:10px;font-weight:900;font-size:11px}.payment-grid button.on{background:#fff0e1;border-color:#ffab61;color:#b65b05}.receipt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;max-width:360px;margin:auto;background:#fff;color:#111;padding:20px}.receipt h2,.receipt p{text-align:center}.receipt table{min-width:0;font-size:11px}.receipt td{padding:4px 0;border:0}.receipt .tot{font-size:18px;font-weight:900;border-top:1px dashed #333;margin-top:10px;padding-top:8px}.toast-wrap{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:200}.toast{background:#102132;color:#fff;border-left:5px solid var(--green);padding:12px 14px;border-radius:10px;box-shadow:0 12px 30px #0004;min-width:240px;font-size:12px}.toast.err{border-left-color:var(--red)}
@media(max-width:1250px){.product-grid{grid-template-columns:repeat(3,1fr)}.pos-grid{grid-template-columns:minmax(0,1fr) 340px}.kitchen-grid{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-250px;width:235px;z-index:80;transition:.2s}.sidebar.open{left:0;box-shadow:20px 0 50px #0007}.top-header{display:none}.mobile-header{display:flex;height:62px;position:sticky;top:0;z-index:40;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;padding:0 12px}.mobile-header div{min-width:0;text-align:center}.mobile-header b,.mobile-header span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-header b{font-size:13px}.mobile-header span{font-size:9px;color:var(--muted)}.content{padding:14px}.pos-grid{grid-template-columns:1fr}.ticket{position:static;max-height:none}.pos-tools{top:74px}.product-grid{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:1fr 1fr}.split-grid{grid-template-columns:1fr}.login-card{grid-template-columns:1fr}.login-brand{display:none}.login-form{min-height:560px}.kitchen-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.content{padding:10px}.view-head{align-items:flex-start;flex-direction:column}.view-head h1{font-size:26px}.catalog-panel{padding:8px}.pos-tools{display:block}.search-box{margin-bottom:8px}.product-grid{grid-template-columns:repeat(2,1fr);gap:7px}.product-img{height:105px}.product h3{font-size:11px}.ticket{padding:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.stat-card strong{font-size:20px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.kitchen-grid{grid-template-columns:1fr}.option-list,.payment-grid{grid-template-columns:1fr}.report-line{grid-template-columns:90px 1fr 75px}.login-form{padding:28px}.modal{padding:8px}.modal-card{padding:15px}.toolbar{flex-direction:column}.toolbar>*{width:100%}}
@media print{body *{visibility:hidden!important}.printable,.printable *{visibility:visible!important}.printable{position:absolute!important;left:0!important;top:0!important;width:80mm!important;margin:0!important}.modal{background:#fff!important}.modal-card{box-shadow:none!important;border:0!important;max-height:none!important;overflow:visible!important}.modal-close,.no-print{display:none!important}}


/* === FiSS Pedido Básico 1.0.1 · cierre visual final === */
.made-by{display:block;font-size:9px;font-weight:950;letter-spacing:.11em;color:var(--muted);margin-bottom:3px}.made-by b{color:var(--orange)}
.mobile-made-by{display:block;font-size:7px;font-weight:950;letter-spacing:.08em;color:var(--orange);line-height:1;margin-bottom:2px}
.nav button span,.user-box button{text-transform:uppercase;letter-spacing:.02em}
.product-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.product{border-radius:10px;cursor:pointer;user-select:none}.product:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(20,40,50,.10)}
.product-img{height:88px}.product-body{padding:7px}.product h3{font-size:10px;min-height:23px;margin-bottom:3px}.product p{font-size:8px;min-height:22px;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-size:12px}.product-bottom{min-height:22px}.add-product{display:none!important}
.empty-cart{padding:25px 10px}.empty-cart b{display:block;color:var(--ink);margin-bottom:4px}
.photo-uploader{border:1px dashed var(--line);background:var(--panel2);border-radius:12px;padding:12px}.photo-preview{width:150px;height:95px;border-radius:10px;background:#dfe6ea center/cover no-repeat;border:1px solid var(--line);margin-bottom:9px}.photo-uploader input[type=file]{width:100%}
.receipt.preview-receipt{max-width:80mm;border:1px dashed #bbb;border-radius:0;padding:7mm 5mm;box-shadow:0 10px 30px #0001}.receipt .receipt-title{font-size:12px;font-weight:950;letter-spacing:.08em;border-top:2px solid #111;border-bottom:2px solid #111;padding:6px 0;margin:9px 0}.receipt .receipt-order{font-size:18px;font-weight:950}.receipt .receipt-meta{font-size:10px;line-height:1.45}.receipt .receipt-note{border:1px solid #111;padding:6px;text-align:left;font-size:10px}.receipt .receipt-brand{margin-top:12px;padding-top:7px;border-top:1px dashed #333;font-size:9px}
@media(max-width:1600px){.product-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1420px){.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1220px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:980px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-img{height:92px}}
@media(max-width:700px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.product-img{height:105px}.product h3{font-size:11px}.product p{font-size:9px}.product-price{font-size:13px}}
@media print{
  @page{size:80mm auto;margin:4mm}
  body *{visibility:hidden!important}.printable,.printable *{visibility:visible!important}.printable{position:absolute!important;left:0!important;top:0!important;width:72mm!important;max-width:72mm!important;margin:0!important;padding:0!important;box-shadow:none!important;border:0!important;background:#fff!important;color:#000!important}.no-print{display:none!important}
}

/* =========================================================
   FiSS Pedido Básico 1.0.1 FINAL — referencia Work
   Demo de referencia: fiss-pedidos-demo
   ========================================================= */
.top-brand-area{display:flex;align-items:center;gap:12px;min-width:0}.top-business-logo{width:64px;height:46px;object-fit:contain;border-radius:8px;background:var(--panel2);padding:4px;border:1px solid var(--line)}.top-business-logo.hidden{display:none}.made-by{display:block;color:var(--muted);font-size:8px;font-weight:950;letter-spacing:.12em;margin-bottom:2px}.made-by b{color:var(--orange)}
.pos-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:center;margin-bottom:10px}.quick-sale-btn{height:42px;padding:0 14px;border-radius:10px;background:var(--nav);border:1px solid var(--nav);color:#fff;font-size:10px;font-weight:950}.quick-sale-btn.quick-active{background:var(--orange);border-color:var(--orange)}
.catalog-panel>.categories{margin-bottom:12px}.catalog-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:2px 1px 10px}.catalog-head h3{font-size:15px;margin:0 0 3px;letter-spacing:-.02em}.catalog-head p{font-size:9px;color:var(--muted);margin:0}.catalog-head>b{font-size:8px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--muted);white-space:nowrap}.quick-banner{display:flex;align-items:center;gap:10px;background:#fff2db;border:1px solid #f0c069;color:#5f4a20;border-radius:9px;padding:8px 10px;margin-bottom:10px}.quick-banner b{font-size:8px}.quick-banner span{font-size:8px}.quick-banner.hidden{display:none}
.product-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.product.product-photo{border-radius:11px;background:#111;min-width:0;cursor:pointer;overflow:hidden}.product.product-photo:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(16,24,18,.18);border-color:#f8a477}.product.product-photo.pressed{transform:scale(.96)}.product-photo .product-img{height:104px;position:relative;background-color:#222;background-size:cover;background-position:center}.product-photo .product-img:after{content:"";position:absolute;inset:34% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}.product-photo h3{position:absolute;z-index:2;left:7px;right:7px;top:7px;margin:0;color:#fff;font-size:9px;line-height:1.1;text-shadow:0 2px 5px #000;background:rgba(0,0,0,.58);border-radius:5px;padding:5px;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-photo .product-price{position:absolute;z-index:2;left:8px;bottom:7px;color:#fff;font-size:12px;font-weight:950;text-shadow:0 1px 4px #000}.product-photo .tag{z-index:3;top:auto;left:auto;right:6px;bottom:6px;font-size:5.5px;padding:3px 4px;background:var(--orange);max-width:55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-photo .tap-check{position:absolute;z-index:4;right:6px;top:6px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#cbf34d;color:#172000;font-style:normal;font-size:12px;font-weight:950;opacity:0;transform:scale(.45);transition:.18s}.product-photo.pressed .tap-check{opacity:1;transform:scale(1)}
.receipt-logo{display:block;max-width:150px;max-height:58px;object-fit:contain;margin:0 auto 8px}.settings-work-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;max-width:1000px}.identity-card{text-align:center}.business-logo-preview{height:170px;border:2px dashed var(--line);border-radius:12px;background:var(--panel2);display:grid;place-items:center;margin:12px 0;padding:16px;color:var(--muted)}.business-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.logo-upload-btn{display:block;background:var(--orange);color:#fff;border-radius:9px;padding:11px 13px;font-size:10px;font-weight:950;cursor:pointer}.logo-upload-btn input{display:none}.identity-card .help{display:block;color:var(--muted);font-size:9px;line-height:1.45;margin-top:10px}.settings-sign{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.settings-sign b{font-size:12px}.settings-sign span{font-size:11px;color:var(--orange);font-weight:800}.settings-sign small{font-size:9px;color:var(--muted);margin-top:5px}
@media(max-width:1700px){.product-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1500px){.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1320px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.product-photo .product-img{height:112px}}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-work-grid{grid-template-columns:1fr}}
@media(max-width:980px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.top-business-logo{display:none!important}}
@media(max-width:720px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-tools{grid-template-columns:1fr}.catalog-head{align-items:flex-start;flex-direction:column}.catalog-head>b{white-space:normal}}
@media(max-width:520px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-photo .product-img{height:104px}}

/* =========================================================
   FiSS Pedido Básico 1.0.1.20 · MASTER APROBADO
   Referencia visual: Work / fiss-pedidos-demo
   ========================================================= */
:root{--orange:#e56700;--orange2:#ff7610;--work-black:#101718;--work-paper:#eef1ed;--work-white:#fff;--work-line:#d7dcda;--work-muted:#737d7a;--work-green:#66e6a7;--brand:#e56700;--brand-support:#000000}
html,body{background:var(--work-paper);color:#151a1b;font-family:Arial,"Segoe UI",sans-serif}
.work-shell{display:grid;grid-template-columns:298px minmax(0,1fr);min-height:100vh;background:var(--work-paper)}
.work-sidebar{position:fixed;inset:0 auto 0 0;width:298px;background:linear-gradient(160deg,#141b1d,#0a0e0f 74%);color:#fff;display:flex;flex-direction:column;z-index:60;border-right:1px solid #2c3435;overflow:hidden}
.client-logo-slot{height:64px;margin:22px 20px 13px;border-radius:14px;background:#fff;color:#111;display:grid;place-items:center;overflow:hidden;border:1px solid #dfe3e1;font-size:11px}.client-logo-slot img{width:100%;height:100%;object-fit:contain;padding:5px}.client-logo-slot span{font-size:11px;color:#111}
.side-group-title{padding:13px 19px 7px;font-size:10px;letter-spacing:.25em;color:#8e9997;text-transform:uppercase}.side-group-title.inner{padding:23px 14px 7px 10px}
.work-nav{padding:0 10px;display:flex;flex-direction:column;gap:5px;overflow:auto;scrollbar-width:thin}.work-nav button{border:0;background:transparent;color:#f1f4f2;text-align:left;padding:14px 14px;border-radius:11px;font-size:16px;font-weight:900;display:flex;align-items:center;gap:7px;letter-spacing:-.01em}.work-nav button:hover{background:#1f2829}.work-nav button.on{background:var(--brand);box-shadow:0 10px 22px rgba(229,103,0,.24)}.work-nav .cash-close-link{border:1px solid var(--brand);background:#2d1d18}.work-nav .cash-close-link.on{background:#2d1d18;color:#fff}.work-nav button span{line-height:1.05}.side-bottom{margin-top:auto;padding:9px 10px 15px;background:linear-gradient(transparent,#0b1011 26%)}
.side-cash{display:flex;align-items:center;gap:12px;border:1px solid #1a9f5a;background:#103c2a;border-radius:16px;padding:14px 16px;color:#75f0b2}.side-cash i{width:38px;height:38px;border-radius:50%;background:#63e8a4}.side-cash span{flex:1}.side-cash b,.side-cash small{display:block}.side-cash b{font-size:13px}.side-cash small{font-size:9px;margin-top:2px;color:#9edebe}.side-cash em{font-style:normal;background:#62e6a2;color:#123c2a;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900}.side-cash.closed{border-color:#6f3c3c;background:#2c1c1d;color:#ffb2b6}.side-cash.closed i{background:#d45f67}.side-cash.closed em{background:#623235;color:#ffd8db}
.side-user{display:flex;align-items:center;gap:8px;padding:12px 6px 0}.side-user span{flex:1;min-width:0}.side-user b,.side-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user b{font-size:11px}.side-user small{font-size:9px;color:#828d8b}.side-user button{border:1px solid #313a3b;background:#171f20;color:#cdd4d2;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:900}
.work-main{grid-column:2;min-width:0}.work-header{height:110px;background:#fff;border-bottom:1px solid var(--work-line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:45}.work-heading>small{display:block;font-size:9px;font-weight:800;color:#68726f;letter-spacing:.24em;margin-bottom:13px}.work-heading>div{display:flex;align-items:baseline;gap:16px}.work-heading h1{margin:0;font-size:27px;font-weight:500;letter-spacing:-.02em}.work-heading span{font-size:12px;color:#78817f}.header-tools{display:flex;align-items:center;gap:16px}.cash-status-badge{display:flex;align-items:center;gap:10px;border:1px solid #f0b3b7;background:#fff0f1;color:#ad2831;border-radius:15px;padding:13px 17px;font-size:13px;font-weight:950;letter-spacing:.08em;white-space:nowrap}.cash-status-badge i{width:10px;height:10px;border-radius:50%;background:currentColor}.cash-status-badge.is-open{color:#0a8150;background:#eaf8f0;border-color:#9fdcbb}.creator-badge{display:flex;align-items:center;gap:10px;border-right:1px solid #dfe3e0;padding-right:16px}.creator-badge img{width:96px;height:43px;object-fit:contain;background:#101718;border-radius:6px;padding:3px}.creator-badge span{font-size:9px;font-weight:900;color:#515b59;line-height:1.25}.work-clock{font-size:19px;white-space:nowrap}.theme-toggle{width:48px;height:48px;border:0;border-radius:14px;background:#11191a;color:#fff;font-size:20px}.install-mini{border:1px solid #d5dad7;background:#fff;border-radius:10px;padding:9px;font-size:9px;font-weight:900}.mobile-menu{display:none}
.work-content{padding:0}.view{display:none}.view.active{display:block}.work-body{display:grid;grid-template-columns:minmax(0,1fr) 515px;min-height:calc(100vh - 110px)}
.catalog{padding:27px 18px 38px;min-width:0;overflow:hidden;background:#eef1ed}.search{display:flex;gap:14px;align-items:stretch}.search>div{height:54px;display:flex;align-items:center;gap:9px;flex:1;background:#fff;border:1px solid var(--work-line);border-radius:14px;padding:0 14px;font-size:22px}.search input{border:0;outline:0;flex:1;min-width:0;font-size:14px;background:transparent;color:#303735}.search kbd{font-size:9px;background:#edf0ed;padding:7px;border-radius:6px}.search>button{min-width:154px;border:0;border-radius:13px;background:#101718;color:#fff;font-size:11px;font-weight:950;padding:0 20px}.search>button.quick-active{background:var(--brand)}
.cats{display:flex;gap:8px;padding:20px 0 15px;overflow-x:auto;scrollbar-width:thin}.cats button{white-space:nowrap;border:1px solid #ced4d0;background:#fff;color:#303735;border-radius:10px;padding:12px 15px;font-size:10px;font-weight:950}.cats button.on,.cats button.sel{background:var(--brand);border-color:var(--brand);color:#fff}.catalog-scroll-line{height:10px;border-top:1px solid #bfc6c2;position:relative;margin-bottom:6px}.catalog-scroll-line:before{content:"";position:absolute;left:0;top:-5px;height:5px;width:75%;background:#868e8b;border-radius:999px}.catalog-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:0 0 20px}.catalog-title h2{font-size:24px;font-weight:500;margin:0 0 7px}.catalog-title p{font-size:12px;color:#6f7976;margin:0}.catalog-title>b{background:#e1e5e1;border-radius:999px;padding:7px 10px;font-size:9px;color:#717a77;white-space:nowrap}.quick-banner{display:flex;gap:10px;align-items:center;padding:9px 12px;background:#fff2dc;border:1px solid #e9c078;border-radius:10px;margin:-8px 0 14px;font-size:9px}
.product-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.product.product-photo{border:0;background:#111;border-radius:14px;overflow:hidden;cursor:pointer;min-width:0;box-shadow:none;transition:.16s}.product.product-photo:hover{transform:translateY(-3px);box-shadow:0 9px 22px rgba(17,24,20,.17)}.product-photo .product-img{height:134px;position:relative;background:#252b2b center/cover no-repeat}.product-photo .product-img:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.76))}.product-photo h3{position:absolute;z-index:3;left:8px;right:8px;top:8px;margin:0;color:#fff;font-size:10px;font-weight:950;text-align:center;background:rgba(0,0,0,.67);padding:5px 7px;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-photo .product-price{position:absolute;z-index:3;left:9px;bottom:8px;color:#fff;background:var(--brand);border-radius:8px;padding:4px 8px;font-size:16px;font-weight:950}.product-photo .tag{display:none}.product-photo .tap-check{position:absolute;z-index:4;right:7px;bottom:7px;width:25px;height:25px;border-radius:50%;background:#d4ff62;color:#172000;display:grid;place-items:center;font-style:normal;font-weight:950;opacity:0;transform:scale(.5);transition:.15s}.product-photo.pressed .tap-check{opacity:1;transform:scale(1)}
.order{background:#fff;border-left:1px solid var(--work-line);display:flex;flex-direction:column;min-height:calc(100vh - 110px);position:sticky;top:110px;height:calc(100vh - 110px);overflow:auto}.oh{display:flex;justify-content:space-between;align-items:center;padding:29px 25px 12px}.oh small{font-size:12px;font-weight:950;letter-spacing:.14em;color:#65706d}.oh h2{font-size:38px;font-weight:500;margin:9px 0 0}.oh button{border:0;background:#f0f1ef;color:#6f7775;border-radius:10px;padding:13px 15px;font-size:10px;font-weight:900}.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:11px 25px 18px}.channels button{height:54px;border:1px solid #d4d9d6;background:#f7f8f6;border-radius:11px;font-size:9px;font-weight:950}.channels button.on,.channels button.active{background:#101718;color:#fff;border-color:#101718}.customer{display:flex;align-items:center;gap:12px;margin:0 25px 12px;padding:16px;background:#f0f2ef;border-radius:12px}.customer>b{width:48px;height:48px;border-radius:11px;background:#fff;display:grid;place-items:center}.customer span{flex:1;min-width:0}.customer strong,.customer small{display:block}.customer strong{font-size:14px}.customer small{font-size:11px;color:#66716d;margin-top:4px;line-height:1.35}.customer button{border:0;background:none;color:#d84b00;font-size:9px;font-weight:950;white-space:nowrap}.lines{border-top:1px solid #e6e8e6;min-height:250px;padding:8px 25px}.cart-item{display:grid;grid-template-columns:55px minmax(0,1fr) auto auto;gap:12px;align-items:center;border-bottom:1px solid #e2e5e2;padding:14px 0}.cart-item>.cart-thumb{width:55px;height:55px;border-radius:10px;background:#ddd center/cover no-repeat}.cart-item h4{font-size:14px;margin:0}.cart-item small{display:block;font-size:10px;color:#6f7875;margin-top:4px}.qty{display:flex;align-items:center;border:1px solid #d7dcda;border-radius:10px;overflow:hidden;margin:0}.qty button{border:0;background:#f3f5f2;width:38px;height:42px;font-size:18px}.qty b{min-width:38px;text-align:center;font-size:14px}.qty .danger{display:none}.cart-line-price{font-size:13px;font-weight:950;min-width:70px;text-align:right}.empty-cart{height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7f8986;font-size:11px;text-transform:uppercase}.empty-cart b{font-size:14px;margin-bottom:8px;color:#78827f}.note.kitchen-note-button{margin:12px 25px 15px;padding:16px 18px;border:1px dashed #cbd1cd;background:#fff;border-radius:10px;text-align:left;color:#65706d;font-size:11px;font-weight:900}.kitchen-note{margin:0 25px 13px}.kitchen-note span{font-size:10px;font-weight:900}.kitchen-note textarea{width:100%;min-height:72px;border:1px solid #d1d7d3;border-radius:10px;margin-top:6px;padding:10px;resize:vertical}.totals{margin:0 25px;border-top:1px solid #e5e7e5;padding-top:7px}.totals p{display:flex;justify-content:space-between;align-items:center;margin:13px 0;font-size:14px}.totals button{border:0;background:#fff0e8;color:#d64d06;border-radius:8px;padding:9px 11px;font-size:9px}.totals .grand{border-top:1px solid #e5e7e5;padding-top:18px;margin-top:15px}.grand span{font-size:17px;font-weight:950}.grand strong{font-size:32px}.charge{margin:3px 25px 0;height:78px;border:0;border-radius:14px;background:var(--brand);color:#fff;display:flex;align-items:center;padding:0 21px}.charge:disabled{opacity:.45;filter:grayscale(.7)}.charge span{font-size:17px;font-weight:950}.charge b{font-size:23px;margin-left:auto}.charge i{font-size:25px;margin-left:16px}.order footer{display:flex;justify-content:space-between;padding:15px 25px 18px;color:#6e7774;font-size:10px;margin-top:auto}
/* módulos administrativos estilo Work */
.work-content>.view:not(#view-pos){padding:28px 38px 60px;min-height:calc(100vh - 110px);background:#e9ede9}.work-content>.view:not(#view-pos)>.view-head{background:#101718;color:#fff;border-radius:24px 24px 0 0;margin:-28px -38px 22px;padding:31px 38px;align-items:center}.work-content>.view:not(#view-pos)>.view-head .eyebrow{color:var(--orange2)}.work-content>.view:not(#view-pos)>.view-head h1{font-size:28px;font-weight:500;text-transform:uppercase}.work-content>.view:not(#view-pos)>.view-head p{color:#b8c0bd}.panel,.table-wrap,.section-card{box-shadow:none}.panel{border-color:#d5dad7}.section-card{border-radius:16px}.stat-grid{gap:14px}.stat-card{border-radius:17px}.stat-card:first-child{background:#11191a;color:#fff}.table-wrap{background:#fff;border-radius:15px}table th{background:#eef1ed;font-size:9px}table td{font-size:11px}.btn.primary{background:var(--brand)}
/* Producto y precios aprobado */
.product-admin-work{background:#fff;border:1px solid #d8ddda;border-radius:20px;padding:20px;margin-bottom:24px}.product-editor-grid{display:grid;grid-template-columns:265px minmax(0,1fr);gap:20px}.product-editor-preview{height:310px;border-radius:13px;background:#272d2d center/cover no-repeat;position:relative;overflow:hidden}.product-editor-preview span{position:absolute;left:12px;top:12px;background:#101718;color:#fff;border-radius:7px;padding:8px 10px;font-size:9px;font-weight:950}.product-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.product-editor-fields .full{grid-column:1/-1}.product-editor-fields input,.product-editor-fields select{height:49px;border:1px solid #d2d8d4;border-radius:10px;padding:0 14px;background:#fff}.product-photo-drop{grid-column:1/-1;border:2px dashed var(--brand);background:#fff3e9;border-radius:10px;padding:14px 18px;cursor:pointer;font-size:10px;font-weight:950}.product-photo-drop input{display:none}.product-editor-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:12px}.product-editor-actions button{min-width:210px;height:58px;border:0;border-radius:10px;font-weight:900}.product-editor-actions .save{background:var(--brand);color:#fff}.extras-work{background:#fff;border:1px solid #d8ddda;border-radius:20px;padding:27px}.extras-work .mini-title{color:var(--brand);font-size:10px;font-weight:950;letter-spacing:.18em}.extras-work h2{font-weight:500}.modifier-new{display:grid;grid-template-columns:180px 1fr 160px 165px;gap:12px;background:#f0f3ef;border-radius:16px;padding:16px;align-items:center}.modifier-new input{height:62px;border:1px solid #ccd3ce;border-radius:12px;padding:0 16px;font-size:19px;font-weight:900}.modifier-new button{height:62px;border:0;border-radius:13px;background:var(--brand);color:#fff;font-weight:950}.modifier-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.modifier-row{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;border:1px solid #d7dcda;border-radius:13px;padding:13px 16px}.modifier-row small{display:block;color:#79827f;font-size:8px;margin-top:4px}.modifier-row strong{font-size:17px}.modifier-row button{border:0;border-radius:9px;padding:12px 17px;font-size:8px;font-weight:950}.modifier-row .edit{background:#e9eeea}.modifier-row .delete{background:#fff0ec;color:#c33}.save-all{width:100%;height:60px;margin-top:18px;border:0;border-radius:11px;background:var(--brand);color:#fff;font-weight:950}
/* Marca y apariencia */
.brand-editor-work{background:#fff;border-radius:19px;border:1px solid #d9deda;padding:31px;display:grid;grid-template-columns:390px minmax(0,1fr);gap:30px}.brand-preview-work{text-align:center}.brand-preview-box{height:238px;border:2px dashed #ccd3ce;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:#f8faf8}.brand-preview-box img{max-width:100%;max-height:100%;object-fit:contain;padding:18px}.brand-preview-work h3{font-size:20px}.brand-preview-work small{color:#7a8480;font-size:9px}.brand-controls-work h2{font-weight:500;font-size:28px;margin:7px 0}.brand-controls-work p{font-size:10px;color:#717b77}.brand-controls-work .upload-logo{display:inline-block;background:var(--brand);color:#fff;border-radius:9px;padding:13px 16px;font-size:10px;font-weight:950;cursor:pointer}.brand-controls-work .upload-logo input{display:none}.brand-controls-work label.field{display:block;margin-top:18px}.brand-controls-work label.field span{display:block;font-size:9px;font-weight:950;margin-bottom:8px}.brand-controls-work label.field input{width:100%;height:53px;border:1px solid #d2d8d4;border-radius:10px;padding:0 14px}.brand-colors-work{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.brand-colors-work label{display:grid;grid-template-columns:1fr auto;gap:8px;background:#f1f4f1;border:1px solid #d3d9d5;border-radius:12px;padding:14px}.brand-colors-work input{grid-column:1;width:60px;height:38px;border:0;background:none}.theme-picks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.theme-picks button{height:55px;border:1px solid #d1d7d3;border-radius:10px;background:#f2f4f2;font-weight:950}.theme-picks button.selected{background:#11191a;color:#fff}.brand-save{width:100%;height:60px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-weight:950;margin-top:17px}
/* Modal de personalización aprobado */
.modal{background:rgba(16,24,25,.78);backdrop-filter:blur(5px)}.modal-card{border-radius:24px;padding:0;overflow:auto;max-width:825px;background:#fff;border:1px solid #283031}.modal-card.wide{max-width:1220px}.modal-card.medium{max-width:760px}.modal-close{top:27px;right:27px;width:46px;height:46px;border-radius:14px;background:#2c3435;color:#fff;z-index:5}.custom-work-head{background:#101718;color:#fff;padding:36px 31px 30px}.custom-work-head .eyebrow{color:var(--orange2)}.custom-work-head h2{font-size:30px;font-weight:500;margin:16px 0 10px}.custom-work-head p{font-size:12px;color:#c6cdca;margin:0}.custom-work-body{padding:23px 31px 20px}.custom-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-tabs button{height:56px;border:1px solid #d2d8d4;border-radius:12px;background:#f5f6f4;font-weight:950}.custom-tabs button.on{background:var(--brand);color:#fff;border-color:var(--brand)}.custom-work-body h3{font-size:14px;font-weight:500;letter-spacing:.08em;margin:28px 0 13px}.custom-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-option{border:1px solid #d3d8d5;background:#f6f7f5;border-radius:13px;padding:13px;display:flex;align-items:center;gap:12px;cursor:pointer}.custom-option input{display:none}.custom-option i{width:36px;height:36px;border-radius:11px;background:#e5e9e5;display:grid;place-items:center;font-style:normal;font-size:20px;font-weight:950}.custom-option span{flex:1}.custom-option b,.custom-option small{display:block}.custom-option b{font-size:14px}.custom-option small{font-size:9px;color:#858d89;margin-top:4px;font-weight:900}.custom-option.selected{border:2px solid #141a1b}.custom-note label{font-size:9px;font-weight:950}.custom-note textarea{width:100%;min-height:70px;border:1px solid #d1d7d3;border-radius:12px;padding:13px;margin-top:8px}.custom-footer{display:grid;grid-template-columns:1fr 1fr 250px;gap:0;background:#f0f3ef;border-top:1px solid #e1e5e2;align-items:center;padding:18px 31px}.custom-footer>div{border-right:1px solid #d0d6d2;padding-right:20px}.custom-footer>div:nth-child(2){padding-left:20px}.custom-footer span{display:block;font-size:9px;color:#7e8784}.custom-footer b{font-size:25px}.custom-footer button{height:58px;border:0;border-radius:13px;background:var(--brand);color:#fff;font-weight:950;font-size:13px}
/* dark */
html[data-theme="dark"]{--work-paper:#171d1e;--work-white:#202728;--work-line:#3a4442}html[data-theme="dark"] .work-header,html[data-theme="dark"] .order,html[data-theme="dark"] .search>div,html[data-theme="dark"] .cats button,html[data-theme="dark"] .work-content>.view:not(#view-pos),html[data-theme="dark"] .product-admin-work,html[data-theme="dark"] .extras-work,html[data-theme="dark"] .brand-editor-work{background:#202728;color:#f4f7f5}html[data-theme="dark"] .catalog{background:#171d1e;color:#f4f7f5}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#1b2223!important;color:#fff!important;border-color:#4a5552!important}html[data-theme="dark"] .customer,html[data-theme="dark"] .channels button,html[data-theme="dark"] .modifier-new{background:#293132;color:#f5f7f6;border-color:#46514e}html[data-theme="dark"] .cats button{color:#f4f7f5}html[data-theme="dark"] .cats button.on{background:var(--brand)}
@media(max-width:1750px){.product-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.work-body{grid-template-columns:minmax(0,1fr) 480px}}
@media(max-width:1550px){.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.work-body{grid-template-columns:minmax(0,1fr) 440px}}
@media(max-width:1360px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.work-shell{grid-template-columns:260px 1fr}.work-sidebar{width:260px}.work-nav button{font-size:14px}.work-body{grid-template-columns:minmax(0,1fr) 400px}.creator-badge span{display:none}.creator-badge img{width:78px}}
@media(max-width:1080px){.work-shell{display:block}.work-sidebar{transform:translateX(-100%);transition:.2s}.work-sidebar.open{transform:none}.work-main{grid-column:auto}.mobile-menu{display:block;border:0;background:#11191a;color:#fff;border-radius:10px;width:42px;height:42px;margin-right:12px}.work-header{padding:0 14px}.work-body{display:block}.order{position:static;height:auto;min-height:0;border-left:0}.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.brand-editor-work{grid-template-columns:1fr}.product-editor-grid{grid-template-columns:210px 1fr}.header-tools .creator-badge{display:none}}
@media(max-width:760px){.work-header{height:86px}.work-heading>small{display:none}.work-heading>div{display:block}.work-heading h1{font-size:18px}.work-heading span{font-size:8px}.cash-status-badge{display:none}.work-clock{font-size:14px}.theme-toggle{width:40px;height:40px}.work-body{min-height:calc(100vh - 86px)}.catalog{padding:15px 10px}.search{display:grid;grid-template-columns:1fr}.search>button{height:44px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.product-photo .product-img{height:110px}.catalog-title{align-items:flex-start;flex-direction:column}.order{top:86px}.product-editor-grid{grid-template-columns:1fr}.product-editor-preview{height:210px}.product-editor-fields{grid-template-columns:1fr}.product-editor-fields .full{grid-column:auto}.modifier-new{grid-template-columns:1fr}.modifier-grid{grid-template-columns:1fr}.custom-options{grid-template-columns:1fr}.custom-footer{grid-template-columns:1fr 1fr}.custom-footer button{grid-column:1/-1;margin-top:14px}.work-content>.view:not(#view-pos){padding:18px 10px}.work-content>.view:not(#view-pos)>.view-head{margin:-18px -10px 18px;padding:24px 18px}}
@media(max-width:480px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channels{grid-template-columns:repeat(2,1fr)}.customer{align-items:flex-start;flex-wrap:wrap}.customer button{width:100%;text-align:left}.cart-item{grid-template-columns:48px 1fr}.cart-item .qty,.cart-line-price{grid-column:2}.product-photo .product-img{height:120px}.brand-colors-work,.theme-picks{grid-template-columns:1fr}.custom-tabs{grid-template-columns:1fr}.custom-footer{grid-template-columns:1fr}.custom-footer>div{border:0;padding:5px 0!important}.header-tools{gap:8px}.work-clock{display:none}}

/* ===== 1.0.1 FINAL · PANTALLAS APROBADAS ===== */
.categories-work{max-width:1280px;margin:26px auto;padding:26px;border-radius:20px;background:#fff}
.categories-work-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.categories-work-title small{font-size:10px}.categories-work-title h2{font-size:24px;font-weight:500;margin:8px 0}.categories-work-title p{font-size:10px;color:#727d79;margin:0}.categories-work-title>b{background:#fff0e6;color:#d65e00;border-radius:12px;padding:12px 15px;font-size:10px}
.category-new{display:grid;grid-template-columns:1fr 195px;gap:12px;margin-bottom:22px}.category-new input{height:54px;border:1px solid #d3d9d5;border-radius:11px;padding:0 15px;font-weight:800}.category-new button{border:0;border-radius:11px;background:var(--brand);color:#fff;font-weight:950}
.category-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.category-card{display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:12px;border:1px solid #d8ddda;border-radius:13px;padding:12px 13px;background:#f9faf9}.category-card.hidden-cat{opacity:.58}.cat-number{width:38px;height:38px;border-radius:10px;background:#101718;color:#fff;display:grid;place-items:center;font-size:10px}.category-card>strong{font-size:14px}.cat-visible{border-radius:999px;padding:8px 10px;font-size:8px;font-weight:950}.cat-visible.yes{background:#e5f8ef;color:#00844f}.cat-visible.no{background:#f3f0ed;color:#7d736d}.cat-actions{display:flex;gap:6px}.cat-actions button{border:0;border-radius:9px;background:#e9eeea;padding:9px 10px;font-size:8px;font-weight:950}.cat-actions button.hide{background:#fff0df;color:#9d5700}.cat-actions button:disabled{opacity:.35}

.users-work{max-width:1180px;margin:26px auto;padding:26px;border-radius:20px;background:#fff}.users-work-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.users-work-head small{font-size:10px}.users-work-head h2{font-size:24px;font-weight:500;margin:8px 0}.users-work-head p{font-size:10px;color:#6e7975}.users-work-head>b{background:#e4f7ed;color:#008551;padding:12px 15px;border-radius:12px;font-size:10px}
.protected-users{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.protected-users article{position:relative;border:1px solid #d6dcd8;border-radius:13px;padding:14px 16px;background:#fafbfa}.protected-users strong,.protected-users small{display:block}.protected-users strong{font-size:12px}.protected-users small{font-size:8px;color:#75807c;margin-top:6px}.protected-users em{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#12191a;color:#fff;border-radius:8px;padding:8px 10px;font-style:normal;font-size:8px;font-weight:950}
.user-new{display:grid;grid-template-columns:1fr 250px 190px;gap:12px;margin-bottom:20px}.user-new input,.user-new select{height:54px;border:1px solid #d1d7d3;border-radius:11px;padding:0 14px;background:#fff;font-weight:800}.user-new button{border:0;border-radius:11px;background:var(--brand);color:#fff;font-weight:950}
.user-card-list{display:grid;gap:11px}.user-card{display:grid;grid-template-columns:46px 1fr auto minmax(260px,auto);gap:12px;align-items:center;border:1px solid #d7dcd9;border-radius:13px;padding:12px 14px;background:#fafbfa}.user-card.owner{border-color:#ff7e3c;background:#fff7f2}.user-card>i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#11191a;color:#fff;font-style:normal;font-weight:950}.user-card.owner>i{background:linear-gradient(135deg,#ff5d21,#ff8a00)}.user-card span strong,.user-card span small{display:block}.user-card span strong{font-size:13px}.user-card span small{font-size:8px;color:#75807c;margin-top:4px}.user-active{background:#e6f8ef;color:#008350;border-radius:999px;padding:8px 10px;font-size:8px}.user-actions{display:flex;gap:7px;justify-content:flex-end;align-items:center}.user-actions button,.user-actions em{border:0;border-radius:9px;padding:9px 11px;background:#e9eeea;font-size:8px;font-weight:950;font-style:normal}.user-actions .danger{background:#ffe9e8;color:#c22}.user-actions em{background:#f5eee5;color:#8d5a19}

.settings-approved{max-width:1180px;margin:26px auto;display:grid;gap:20px}.settings-approved>.section-card{padding:26px;border-radius:20px}.settings-approved h2{font-size:22px;font-weight:500;margin:8px 0}.settings-approved p{font-size:10px;color:#68736f}.reset-box{display:grid;grid-template-columns:1fr 1fr 230px;gap:12px;align-items:end;background:#f2f5f2;border:1px solid #d5dbd7;border-radius:15px;padding:18px;margin-top:18px}.reset-box label{font-size:9px;font-weight:950}.reset-box input{display:block;width:100%;height:52px;margin-top:7px;border:1px solid #ccd3ce;border-radius:10px;padding:0 13px;background:#fff}.reset-box button{height:52px;border:0;border-radius:11px;background:#d43b17;color:#fff;font-weight:950}.reset-box small{grid-column:1/-1;color:#a24a37;font-size:8px}.settings-theme{display:flex;gap:12px;margin:18px 0}.settings-theme button{min-width:182px;height:60px;border:1px solid #d1d7d3;border-radius:12px;background:#f3f5f3;font-weight:950;font-size:16px}.settings-theme button.selected{background:#11191a;color:#fff}

html[data-theme="dark"] .categories-work,html[data-theme="dark"] .users-work,html[data-theme="dark"] .settings-approved>.section-card{background:#202728;color:#f4f7f5}html[data-theme="dark"] .category-card,html[data-theme="dark"] .protected-users article,html[data-theme="dark"] .user-card{background:#252d2e;border-color:#3a4442}html[data-theme="dark"] .category-new input,html[data-theme="dark"] .user-new input,html[data-theme="dark"] .user-new select,html[data-theme="dark"] .reset-box{background:#1b2223;color:#fff;border-color:#46514e}

@media(max-width:900px){.category-card-grid,.protected-users{grid-template-columns:1fr}.user-new{grid-template-columns:1fr}.user-card{grid-template-columns:44px 1fr}.user-active,.user-actions{grid-column:2}.reset-box{grid-template-columns:1fr}.reset-box small{grid-column:1}.category-new{grid-template-columns:1fr}.category-new button{height:52px}}


/* ===== PARCHE VISUAL APROBADO V2 · 2026-08-22 ===== */
.creator-badge{color:inherit;text-decoration:none;cursor:pointer;transition:.16s}
.creator-badge:hover{opacity:.86;transform:translateY(-1px)}
.creator-badge span{letter-spacing:.06em}
.client-logo-slot{height:54px;margin:20px 18px 14px;border-radius:14px;padding:4px 10px;background:#fff}
.client-logo-slot img{width:auto!important;height:auto!important;max-width:86%;max-height:42px;object-fit:contain!important;padding:0!important;display:block;margin:auto}

#checkoutModal .modal-card{max-width:780px!important;border-radius:26px;background:#fff;overflow:auto;padding:0!important;border:1px solid #303738;max-height:94vh}
#checkoutModal .modal-close{top:30px;right:30px;width:48px;height:48px;border-radius:13px;background:#2b3334;color:#fff;border:1px solid #3a4344;font-size:25px}
.checkout-work-head{background:#101718;color:#fff;padding:38px 32px 31px;min-height:164px}
.checkout-work-head>span{display:block;color:var(--brand);font-size:12px;font-weight:950;letter-spacing:.14em;margin-bottom:16px}
.checkout-work-head h2{font-size:29px;font-weight:500;margin:0 65px 10px 0;letter-spacing:-.02em}
.checkout-work-head p{font-size:11px;color:#d7ddda;margin:0}
.checkout-work-total{display:flex;align-items:center;justify-content:space-between;background:#fff1e7;padding:28px 32px}
.checkout-work-total b{font-size:12px;font-weight:950}.checkout-work-total strong{font-size:38px;color:#dd4c00}
.checkout-work-body{padding:27px 32px 24px;background:#fff;color:#111}
.checkout-label,.checkout-question{display:block;font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:13px}
.checkout-question{font-weight:950;margin-top:28px;letter-spacing:0}
.checkout-payments{gap:10px}
.checkout-payments button{height:78px;border-radius:13px;background:#f3f5f2;color:#111;border:1px solid #d0d6d2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:10px}
.checkout-payments button i{font-style:normal;font-size:18px;font-weight:500}.checkout-payments button span{font-size:10px;font-weight:950}
.checkout-payments button.on{background:#fff2e9;border:2px solid var(--brand);color:var(--brand)}
.checkout-money-input{height:72px;border:2px solid #cdd4d0;border-radius:15px;display:flex;align-items:center;background:#fff;padding:0 18px}
.checkout-money-input b{font-size:34px;margin-right:12px}.checkout-money-input input{border:0!important;background:transparent!important;outline:0;width:100%;height:100%;text-align:right;font-size:38px;font-weight:950;color:#111!important;padding:0!important}
.quick-cash-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.quick-cash-row button{height:44px;border:1px solid #d3d8d5;border-radius:10px;background:#f7f8f6;color:#111;font-size:10px;font-weight:950}
.change-panel{display:flex;align-items:center;justify-content:space-between;background:#eafbc4;border:1px solid #b9df6c;border-radius:14px;padding:23px 20px;margin-top:17px}
.change-panel b{font-size:11px}.change-panel strong{font-size:28px;color:#3e5900}
.checkout-confirm{width:100%;height:72px;margin-top:24px;border:0;border-radius:14px;background:var(--brand);color:#fff;font-size:16px;font-weight:950;display:flex;align-items:center;justify-content:center;position:relative}
.checkout-confirm span{position:absolute;right:22px;font-size:26px;font-weight:400}.checkout-confirm:disabled{background:#aeb5b2;color:#fff;cursor:not-allowed}

#orderModal .modal-card{max-width:780px!important;padding:0!important;overflow:hidden;border-radius:27px;background:#fff;border:1px solid #2a3233}
#orderModal .modal-close{display:none}
.sale-success{background:#fff}.sale-success-head{background:#101718;color:#fff;text-align:center;padding:31px 28px 29px}
.sale-check{width:60px;height:60px;border-radius:50%;background:#050606;color:#4e7400;display:grid;place-items:center;margin:0 auto 16px;font-size:34px;font-weight:300}
.sale-success-head small{display:block;color:#060707;font-size:10px;font-weight:950;letter-spacing:.18em;margin-bottom:17px}.sale-success-head h2{font-size:35px;font-weight:500;margin:0!important;color:#fff}.sale-success-head p{font-size:11px;color:#d7dcda;margin:12px 0 0}
.sale-success-body{padding:22px 31px 18px}.sale-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sale-summary-grid>div{background:#f1f3f0;border-radius:13px;padding:18px 15px;min-height:84px}.sale-summary-grid span{display:block;font-size:9px;margin-bottom:9px}.sale-summary-grid strong{font-size:21px}.sale-summary-grid .change{background:#eafbc4}.sale-summary-grid .change strong{color:#4c6905}
.sale-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px}.sale-action{height:82px;border-radius:13px;padding:0 16px;display:flex;align-items:center;gap:13px;text-align:left}.sale-action i{font-style:normal;font-size:27px}.sale-action span{display:flex;flex-direction:column}.sale-action b{font-size:10px}.sale-action small{font-size:8px;margin-top:4px}.sale-action.light{background:#fff;color:#111;border:1px solid #d1d7d3}.sale-action.dark{background:#101718;color:#fff;border:1px solid #101718}
.sale-new-order{width:100%;height:65px;margin-top:15px;border:0;border-radius:13px;background:var(--brand);color:#fff;font-size:14px;font-weight:950}.sale-foot{text-align:center;color:#8a9290;font-size:8px;margin-top:11px}

@media(max-width:700px){
 #checkoutModal .modal-card,#orderModal .modal-card{width:96vw!important;border-radius:18px}
 .checkout-work-head{padding:30px 20px 24px}.checkout-work-total,.checkout-work-body{padding-left:20px;padding-right:20px}
 .checkout-payments{grid-template-columns:1fr}.quick-cash-row{grid-template-columns:1fr 1fr}.sale-summary-grid,.sale-actions{grid-template-columns:1fr}.sale-success-body{padding:18px}
}

/* ===== PARCHE V3 · RESPONSIVE + LOGO + COBRO APROBADO ===== */
:root{--side-w:clamp(220px,15.9vw,298px);--order-w:clamp(360px,27vw,515px)}
.work-shell{grid-template-columns:var(--side-w) minmax(0,1fr)!important}
.work-sidebar{width:var(--side-w)!important}
.work-main{grid-column:2!important}
.work-body{grid-template-columns:minmax(0,1fr) var(--order-w)!important}

/* Menú proporcional a cada monitor */
.work-nav{padding:0 clamp(6px,.65vw,10px)!important;gap:clamp(2px,.35vh,5px)!important}
.work-nav button{font-size:clamp(12px,.86vw,16px)!important;padding:clamp(9px,1.15vh,14px) clamp(9px,.75vw,14px)!important;border-radius:10px!important}
.side-group-title{padding-left:clamp(12px,1vw,19px)!important;font-size:clamp(8px,.55vw,10px)!important}
.side-group-title.inner{padding-top:clamp(13px,2vh,23px)!important}
.side-bottom{padding:7px clamp(7px,.65vw,10px) 10px!important}
.side-cash{padding:clamp(9px,1vh,14px) clamp(10px,.9vw,16px)!important;border-radius:13px!important}
.side-user{padding-top:8px!important}

/* Logo del cliente: siempre completo, centrado y sin recortes */
.client-logo-slot{height:clamp(64px,7.3vh,82px)!important;margin:clamp(12px,2vh,22px) clamp(10px,1vw,20px) 10px!important;padding:6px 10px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important}
.client-logo-slot img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;padding:0!important;margin:0!important}
.client-logo-slot span{font-size:10px!important;color:#111!important}

/* Cabecera ajustable */
.work-header{height:clamp(86px,8.6vh,110px)!important;padding:0 clamp(12px,1.25vw,24px)!important}
.header-tools{gap:clamp(7px,.85vw,16px)!important}
.creator-badge{gap:8px!important;padding-right:clamp(8px,.8vw,16px)!important;white-space:nowrap}
.creator-badge img{width:clamp(72px,5vw,96px)!important;height:clamp(34px,3vw,43px)!important}
.creator-badge span{font-size:clamp(7px,.48vw,9px)!important}
.work-clock{font-size:clamp(15px,1vw,19px)!important}
.cash-status-badge{padding:10px clamp(10px,.9vw,17px)!important;font-size:clamp(10px,.68vw,13px)!important}

/* Venta: proporciones fluidas */
.catalog{padding:clamp(14px,1.5vw,27px) clamp(10px,1vw,18px) 30px!important}
.search>div{height:clamp(46px,4.2vw,54px)!important}
.search>button{min-width:clamp(120px,8vw,154px)!important}
.order{top:clamp(86px,8.6vh,110px)!important;height:calc(100vh - clamp(86px,8.6vh,110px))!important;min-height:calc(100vh - clamp(86px,8.6vh,110px))!important}
.product-photo .product-img{height:clamp(108px,7vw,134px)!important}
.product-photo .product-price{font-size:clamp(13px,.85vw,16px)!important}
.product-photo h3{font-size:clamp(8px,.55vw,10px)!important}

/* COBRO: fuerza el diseño aprobado aunque existan reglas antiguas */
#checkoutModal{padding:18px!important;align-items:center!important;justify-items:center!important}
#checkoutModal .modal-card.medium{width:min(790px,calc(100vw - 36px))!important;max-width:790px!important;max-height:94vh!important;padding:0!important;border-radius:27px!important;overflow:auto!important;background:#fff!important;color:#111!important;border:1px solid #283031!important}
#checkoutModal .modal-close{position:absolute!important;top:29px!important;right:29px!important;width:48px!important;height:48px!important;border-radius:13px!important;background:#2b3334!important;color:#fff!important;border:1px solid #3a4344!important;font-size:25px!important;z-index:10!important}
.checkout-work-head{display:block!important;background:#101718!important;color:#fff!important;padding:38px 32px 31px!important;min-height:164px!important}
.checkout-work-head>span{display:block!important;color:var(--brand)!important;font-size:12px!important;font-weight:950!important;letter-spacing:.14em!important;margin-bottom:16px!important}
.checkout-work-head h2{display:block!important;color:#fff!important;font-size:29px!important;font-weight:500!important;margin:0 65px 10px 0!important;letter-spacing:-.02em!important}
.checkout-work-head p{display:block!important;color:#d7ddda!important;font-size:11px!important;margin:0!important}
.checkout-work-total{display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fff1e7!important;padding:28px 32px!important}
.checkout-work-total b{font-size:12px!important}.checkout-work-total strong{font-size:38px!important;color:#dd4c00!important}
.checkout-work-body{display:block!important;padding:27px 32px 24px!important;background:#fff!important;color:#111!important}
.checkout-label{display:block!important;font-size:12px!important;font-weight:500!important;letter-spacing:.05em!important;margin-bottom:13px!important}
.checkout-payments{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.checkout-payments button{height:78px!important;border-radius:13px!important;background:#f3f5f2!important;color:#111!important;border:1px solid #d0d6d2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0!important;font-size:10px!important}
.checkout-payments button i{font-style:normal!important;font-size:18px!important}.checkout-payments button span{font-size:10px!important;font-weight:950!important}
.checkout-payments button.on{background:#fff2e9!important;border:2px solid var(--brand)!important;color:var(--brand)!important}
.checkout-question{display:block!important;font-size:12px!important;font-weight:950!important;margin:28px 0 13px!important}
.checkout-money-input{height:72px!important;border:2px solid #cdd4d0!important;border-radius:15px!important;display:flex!important;align-items:center!important;background:#fff!important;padding:0 18px!important}
.checkout-money-input b{font-size:34px!important;margin-right:12px!important}.checkout-money-input input{display:block!important;border:0!important;background:transparent!important;outline:0!important;width:100%!important;height:100%!important;text-align:right!important;font-size:38px!important;font-weight:950!important;color:#111!important;padding:0!important}
.quick-cash-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}.quick-cash-row button{height:44px!important;border:1px solid #d3d8d5!important;border-radius:10px!important;background:#f7f8f6!important;color:#111!important;font-size:10px!important;font-weight:950!important}
.change-panel{display:flex!important;align-items:center!important;justify-content:space-between!important;background:#eafbc4!important;border:1px solid #b9df6c!important;border-radius:14px!important;padding:23px 20px!important;margin-top:17px!important}.change-panel b{font-size:11px!important}.change-panel strong{font-size:28px!important;color:#3e5900!important}
.checkout-confirm{display:flex!important;width:100%!important;height:72px!important;margin-top:24px!important;border:0!important;border-radius:14px!important;background:var(--brand)!important;color:#fff!important;font-size:16px!important;font-weight:950!important;align-items:center!important;justify-content:center!important;position:relative!important}.checkout-confirm span{position:absolute!important;right:22px!important;font-size:26px!important}.checkout-confirm:disabled{background:#aeb5b2!important;color:#fff!important}

/* Personalizar producto: pestañas exactas */
.custom-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.custom-tabs button{height:56px!important;border:1px solid #d2d8d4!important;border-radius:12px!important;background:#f5f6f4!important;color:#161a1b!important;font-weight:950!important}.custom-tabs button.on{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}

/* Venta registrada */
#orderModal .modal-card.wide{width:min(780px,calc(100vw - 36px))!important;max-width:780px!important;border-radius:27px!important;padding:0!important;overflow:hidden!important;background:#fff!important}
.sale-success-head{background:#101718!important;color:#fff!important}.sale-success-head h2{color:#fff!important}.sale-success-body{background:#fff!important;color:#111!important}

/* Breakpoints revisados para monitores/notebooks/tablet */
@media (max-width:1500px) and (min-width:1181px){
 :root{--side-w:clamp(220px,15.4vw,245px);--order-w:clamp(365px,27vw,420px)}
 .product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 .creator-badge span{display:block!important}
}
@media (max-width:1180px) and (min-width:921px){
 :root{--side-w:220px;--order-w:360px}
 .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .creator-badge span{display:none!important}
 .cash-status-badge{display:none!important}
}
@media (max-width:920px){
 .work-shell{display:block!important}.work-sidebar{width:min(285px,88vw)!important;transform:translateX(-100%);transition:.2s}.work-sidebar.open{transform:none}.work-main{grid-column:auto!important}.mobile-menu{display:block!important}.work-body{display:block!important}.order{position:static!important;height:auto!important;min-height:0!important;border-left:0!important}.header-tools .creator-badge{display:none!important}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:700px){
 #checkoutModal{padding:7px!important;align-items:start!important}
 #checkoutModal .modal-card.medium{width:calc(100vw - 14px)!important;max-height:calc(100vh - 14px)!important;border-radius:18px!important}
 .checkout-work-head{padding:28px 20px 22px!important;min-height:142px!important}.checkout-work-head h2{font-size:23px!important}.checkout-work-total,.checkout-work-body{padding-left:20px!important;padding-right:20px!important}.checkout-work-total strong{font-size:31px!important}.checkout-payments{grid-template-columns:1fr!important}.checkout-payments button{height:56px!important;flex-direction:row!important}.checkout-money-input input{font-size:32px!important}.quick-cash-row{grid-template-columns:1fr 1fr!important}.checkout-confirm{height:62px!important;font-size:13px!important}
 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:480px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.custom-tabs{grid-template-columns:1fr!important}}

/* ===== V4 · AJUSTE AL DEMO APROBADO · 2026-08-22 ===== */
:root{
  --demo-side-w:clamp(245px,18.7vw,285px);
  --demo-order-w:clamp(365px,28vw,500px);
  --demo-header-h:clamp(76px,8.7vh,92px);
}

/* Estructura: debe entrar completa en el ancho del monitor como el demo */
.work-shell{
  grid-template-columns:var(--demo-side-w) minmax(0,1fr)!important;
  width:100%!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
}
.work-sidebar{width:var(--demo-side-w)!important;overflow:hidden!important}
.work-main{grid-column:2!important;min-width:0!important;width:auto!important;max-width:calc(100vw - var(--demo-side-w))!important;overflow:hidden!important}
.work-header{height:var(--demo-header-h)!important;min-height:var(--demo-header-h)!important;padding:0 clamp(14px,1.15vw,22px)!important;gap:12px!important;overflow:hidden!important}
.work-body{grid-template-columns:minmax(0,1fr) var(--demo-order-w)!important;min-width:0!important;width:100%!important;max-width:100%!important}
.catalog{min-width:0!important;overflow:hidden!important;padding:clamp(14px,1.25vw,22px) clamp(10px,.9vw,16px) 26px!important}
.order{width:var(--demo-order-w)!important;min-width:0!important;max-width:var(--demo-order-w)!important;top:var(--demo-header-h)!important;height:calc(100vh - var(--demo-header-h))!important;min-height:calc(100vh - var(--demo-header-h))!important}

/* Logo del cliente: completo, centrado, sin recorte y sin ocupar media pantalla */
.client-logo-slot{
  height:clamp(42px,5.6vh,54px)!important;
  min-height:42px!important;
  margin:clamp(10px,1.45vh,16px) clamp(12px,1vw,18px) 8px!important;
  padding:4px 8px!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.client-logo-slot img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
  padding:0!important;
}
.client-logo-slot span{font-size:10px!important;color:#111!important;line-height:1!important}

/* Menú lateral compacto como el demo, adaptado a altura de pantalla */
.side-group-title{padding:9px 16px 5px!important;font-size:9px!important;letter-spacing:.24em!important}
.side-group-title.inner{padding:15px 16px 5px!important}
.work-nav{padding:0 8px!important;gap:3px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important}
.work-nav button{
  min-height:40px!important;
  padding:9px 11px!important;
  border-radius:10px!important;
  font-size:clamp(13px,.92vw,16px)!important;
  line-height:1.04!important;
  gap:7px!important;
}
.work-nav button span{line-height:1.05!important}
.side-bottom{padding:6px 8px 9px!important}
.side-cash{padding:9px 11px!important;border-radius:13px!important;gap:8px!important}
.side-cash i{width:30px!important;height:30px!important}.side-cash b{font-size:11px!important}.side-cash small{font-size:8px!important}.side-cash em{font-size:8px!important;padding:4px 7px!important}
.side-user{padding:7px 4px 0!important}.side-user b{font-size:10px!important}.side-user small{font-size:8px!important}.side-user button{padding:6px 8px!important}

/* Cabecera FiSS exactamente contenida: logo oficial completo + texto, sin deformar */
.work-heading{min-width:0!important;flex:1 1 auto!important}.work-heading>small{margin-bottom:8px!important}.work-heading>div{gap:12px!important;min-width:0!important}.work-heading h1{font-size:clamp(22px,1.75vw,29px)!important;white-space:nowrap!important}.work-heading span{font-size:clamp(9px,.76vw,12px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.header-tools{flex:0 0 auto!important;gap:clamp(8px,.7vw,13px)!important;min-width:0!important}
.creator-badge{display:flex!important;align-items:center!important;gap:8px!important;padding-right:12px!important;min-width:0!important;text-decoration:none!important}
.creator-badge img{
  display:block!important;
  width:auto!important;
  height:clamp(34px,4.4vh,42px)!important;
  max-width:110px!important;
  object-fit:contain!important;
  border-radius:5px!important;
  padding:0!important;
  background:transparent!important;
}
.creator-badge span{display:block!important;font-size:clamp(7px,.48vw,9px)!important;line-height:1.14!important;letter-spacing:.055em!important;color:#46504e!important}
.work-clock{font-size:clamp(15px,1.12vw,20px)!important}.theme-toggle{width:44px!important;height:44px!important;border-radius:12px!important}.cash-status-badge{padding:10px 14px!important;font-size:clamp(10px,.72vw,13px)!important;border-radius:14px!important}

/* Nueva venta: densidad y proporciones del demo */
.search{gap:10px!important}.search>div{height:50px!important;border-radius:13px!important}.search>button{min-width:145px!important;border-radius:12px!important}.cats.categories{margin-top:12px!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important}.cats.categories button{height:43px!important;border-radius:10px!important;padding:0 16px!important;font-size:9px!important}
.catalog-head{margin:10px 1px 10px!important}.catalog-head h2{font-size:clamp(20px,1.5vw,25px)!important;font-weight:500!important}.catalog-head p{font-size:10px!important}
.product-grid{gap:10px!important;align-content:start!important}
.product-photo{border-radius:12px!important}.product-photo .product-img{height:clamp(108px,8.3vw,134px)!important}.product-photo h3{font-size:clamp(8px,.63vw,10px)!important}.product-photo .product-price{font-size:clamp(13px,.95vw,17px)!important}

/* Panel de pedido: replica del demo */
.oh{padding:22px 20px 9px!important}.oh small{font-size:11px!important}.oh h2{font-size:clamp(34px,2.8vw,42px)!important;margin-top:7px!important}.oh button{padding:11px 13px!important}
.channels{gap:7px!important;padding:9px 20px 14px!important}.channels button{height:49px!important;border-radius:10px!important;font-size:9px!important}
.customer{margin:0 20px 10px!important;padding:13px!important;gap:10px!important}.customer>b{width:45px!important;height:45px!important}.customer strong{font-size:13px!important}.customer small{font-size:10px!important}.customer button{font-size:8px!important}
.lines{padding:8px 20px!important;flex:1 1 auto!important;min-height:120px!important;overflow:auto!important}.cart-item{grid-template-columns:52px minmax(0,1fr) auto auto!important;gap:10px!important;padding:12px 0!important}.cart-item>.cart-thumb{width:52px!important;height:52px!important}.cart-item h4{font-size:12px!important}.cart-item small{font-size:9px!important}.qty button{width:35px!important;height:39px!important}.qty b{min-width:34px!important}.cart-line-price{font-size:12px!important;min-width:62px!important}
.note.kitchen-note-button{margin:10px 20px 12px!important;padding:14px 16px!important;font-size:10px!important}.kitchen-note{margin:0 20px 11px!important}.totals{margin:0 20px!important}.totals p{margin:11px 0!important;font-size:13px!important}.totals .grand{padding-top:14px!important;margin-top:12px!important}.grand span{font-size:16px!important}.grand strong{font-size:31px!important}.charge{margin:3px 20px 0!important;height:66px!important;border-radius:13px!important;padding:0 18px!important}.charge span{font-size:16px!important}.charge b{font-size:22px!important}.order footer{padding:11px 20px 12px!important;font-size:9px!important;margin-top:0!important}

/* COBRO: versión aprobada, sin reglas heredadas que lo desarmen */
#checkoutModal{display:grid!important;place-items:center!important;padding:14px!important}
#checkoutModal.hidden{display:none!important}
#checkoutModal .modal-card.medium{position:relative!important;width:min(760px,calc(100vw - 28px))!important;max-width:760px!important;max-height:calc(100vh - 28px)!important;margin:0!important;padding:0!important;border-radius:26px!important;overflow:auto!important;background:#fff!important;color:#111!important;border:1px solid #283031!important;box-shadow:0 28px 70px rgba(0,0,0,.38)!important}
#checkoutModal .modal-close{display:block!important;position:absolute!important;top:25px!important;right:25px!important;width:46px!important;height:46px!important;border-radius:13px!important;background:#2b3334!important;color:#fff!important;border:1px solid #3a4344!important;font-size:24px!important;line-height:1!important;z-index:20!important}
.checkout-work-head{background:#101718!important;color:#fff!important;padding:34px 30px 27px!important;min-height:148px!important}.checkout-work-head>span{color:var(--brand)!important;font-size:11px!important;font-weight:950!important;letter-spacing:.14em!important;margin-bottom:13px!important}.checkout-work-head h2{color:#fff!important;font-size:28px!important;font-weight:500!important;margin:0 62px 9px 0!important}.checkout-work-head p{color:#d7ddda!important;font-size:10px!important;margin:0!important}
.checkout-work-total{background:#fff0e7!important;padding:24px 30px!important}.checkout-work-total b{font-size:11px!important}.checkout-work-total strong{font-size:38px!important;color:#df4c00!important}
.checkout-work-body{padding:23px 30px 25px!important;background:#fff!important}.checkout-label{font-size:11px!important;margin-bottom:11px!important}.checkout-payments{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.checkout-payments button{height:70px!important;border-radius:12px!important;background:#f3f5f2!important;border:1px solid #d0d6d2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important}.checkout-payments button.on{background:#fff2e9!important;border:2px solid var(--brand)!important;color:var(--brand)!important}.checkout-question{font-size:11px!important;margin:24px 0 11px!important}.checkout-money-input{height:66px!important;border:2px solid #cdd4d0!important;border-radius:14px!important;padding:0 17px!important}.checkout-money-input b{font-size:31px!important}.checkout-money-input input{font-size:35px!important}.quick-cash-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-top:9px!important}.quick-cash-row button{height:39px!important;border-radius:9px!important}.change-panel{padding:19px 18px!important;margin-top:14px!important}.change-panel strong{font-size:27px!important}.checkout-confirm{height:65px!important;margin-top:19px!important;border-radius:13px!important;font-size:15px!important}

/* Personalización aprobada */
#productModal .modal-card,#customizeModal .modal-card{max-width:min(760px,calc(100vw - 28px))!important}
.custom-tabs{grid-template-columns:1fr 1fr!important;gap:10px!important}.custom-tabs button{height:50px!important;border-radius:11px!important}

/* Breakpoints exactos para que NO haya scroll horizontal */
@media (min-width:1800px){.product-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}}
@media (min-width:1600px) and (max-width:1799px){.product-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}}
@media (min-width:1400px) and (max-width:1599px){.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media (min-width:1181px) and (max-width:1399px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media (min-width:921px) and (max-width:1180px){
  :root{--demo-side-w:220px;--demo-order-w:350px;--demo-header-h:78px}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .creator-badge span{display:none!important}.cash-status-badge{display:none!important}
}
@media (max-height:820px) and (min-width:921px){
  :root{--demo-header-h:76px}
  .client-logo-slot{height:42px!important;margin-top:9px!important;margin-bottom:6px!important}
  .side-group-title{padding-top:6px!important;padding-bottom:3px!important}.side-group-title.inner{padding-top:10px!important}
  .work-nav{gap:1px!important}.work-nav button{min-height:35px!important;padding:7px 10px!important;font-size:13px!important}
  .side-bottom{padding-top:4px!important}.side-cash{padding:7px 9px!important}.side-user{padding-top:5px!important}
  .work-heading>small{margin-bottom:5px!important}.work-heading h1{font-size:24px!important}
  .creator-badge img{height:36px!important}.theme-toggle{width:40px!important;height:40px!important}.cash-status-badge{padding:8px 11px!important}
  .catalog{padding-top:12px!important}.search>div{height:46px!important}.cats.categories{margin-top:9px!important}.cats.categories button{height:39px!important}.catalog-head{margin-top:7px!important}
  .oh{padding-top:17px!important}.oh h2{font-size:35px!important}.channels button{height:45px!important}.customer{padding:11px!important}.note.kitchen-note-button{padding:12px 14px!important}.charge{height:60px!important}.order footer{padding-top:8px!important;padding-bottom:8px!important}
}
@media (max-width:920px){
  .work-shell{display:block!important;overflow:visible!important}.work-sidebar{width:min(285px,88vw)!important;transform:translateX(-100%);transition:.2s}.work-sidebar.open{transform:none}.work-main{max-width:100vw!important;width:100%!important}.work-header{height:72px!important;min-height:72px!important}.work-body{display:block!important}.order{position:static!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;border-left:0!important}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.creator-badge{display:none!important}
}
@media (max-width:700px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #checkoutModal{padding:7px!important;place-items:start center!important}.checkout-payments{grid-template-columns:1fr!important}.checkout-payments button{height:52px!important;flex-direction:row!important}.quick-cash-row{grid-template-columns:1fr 1fr!important}
}
@media (max-width:480px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.custom-tabs{grid-template-columns:1fr!important}}

/* ===== V5 · AJUSTES SEGÚN PANTALLAZOS APROBADOS ===== */
:root{--popup-max-w:720px;--popup-gap:12px}

/* Todas las ventanas emergentes: parejas, integradas y dentro de la pantalla */
.modal{padding:10px!important;align-items:center!important;justify-items:center!important;overflow:hidden!important}
.modal-card,.modal-card.medium,.modal-card.wide{
  width:min(var(--popup-max-w),calc(100vw - 20px))!important;
  max-width:var(--popup-max-w)!important;
  max-height:calc(100vh - 20px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border-radius:22px!important;
  scrollbar-width:thin!important;
}
#customModal .modal-card{width:min(680px,calc(100vw - 20px))!important;max-width:680px!important;padding:0!important;overflow:auto!important;background:#fff!important;color:#111!important}
#customerModal .modal-card,#orderModal .modal-card{max-height:calc(100vh - 20px)!important}
.modal-close{top:18px!important;right:18px!important;width:42px!important;height:42px!important;border-radius:11px!important}

/* Personalización: mismo diseño del demo y estado seleccionado evidente */
.custom-work-head{padding:24px 26px 20px!important;min-height:108px!important}
.custom-work-head h2{font-size:26px!important;margin:8px 50px 5px 0!important;line-height:1.02!important}
.custom-work-head p{font-size:10px!important}
.custom-work-body{padding:16px 24px 14px!important;max-height:calc(100vh - 265px)!important;overflow:auto!important}
.custom-tabs{position:sticky!important;top:-16px!important;background:#fff!important;z-index:3!important;padding:0 0 8px!important;margin-bottom:2px!important}
.custom-tabs button{height:46px!important;font-size:10px!important}
.custom-work-body h3{font-size:11px!important;margin:16px 0 10px!important}
.custom-options{gap:8px!important}
.custom-option{min-height:58px!important;padding:9px 10px!important;border-radius:11px!important;transition:.16s ease!important}
.custom-option i{width:32px!important;height:32px!important;border-radius:9px!important;font-size:17px!important}
.custom-option b{font-size:12px!important}.custom-option small{font-size:8px!important}
.custom-option.selected{background:#fff4eb!important;border:2px solid var(--brand)!important;box-shadow:0 0 0 1px rgba(229,103,0,.08)!important}
.custom-option.selected i{background:var(--brand)!important;color:#fff!important}
.custom-option.selected small{color:var(--brand)!important}
.custom-note textarea{min-height:54px!important;max-height:76px!important;resize:none!important}
.custom-footer{position:sticky!important;bottom:0!important;grid-template-columns:1fr 1fr 220px!important;padding:12px 24px!important;background:#f1f3ef!important;z-index:4!important}
.custom-footer b{font-size:20px!important}.custom-footer button{height:50px!important;font-size:11px!important}.custom-footer button strong{font-size:20px!important;margin-left:14px!important}

/* Cobro: todos los controles y botón final visibles sin bajar */
#checkoutModal .modal-card.medium{width:min(690px,calc(100vw - 20px))!important;max-width:690px!important;max-height:calc(100vh - 20px)!important;overflow:auto!important}
.checkout-work-head{padding:24px 26px 20px!important;min-height:112px!important}.checkout-work-head h2{font-size:25px!important;margin:5px 58px 7px 0!important}.checkout-work-head>span{font-size:9px!important;margin-bottom:7px!important}.checkout-work-head p{font-size:9px!important}
.checkout-work-total{padding:15px 26px!important}.checkout-work-total strong{font-size:32px!important}.checkout-work-total b{font-size:10px!important}
.checkout-work-body{padding:16px 26px 18px!important}.checkout-label,.checkout-question{font-size:10px!important}.checkout-question{margin:16px 0 8px!important}
.checkout-payments button{height:57px!important;border-radius:10px!important}.checkout-payments button i{font-size:16px!important}.checkout-payments button span{font-size:9px!important}
.checkout-money-input{height:53px!important;border-radius:11px!important}.checkout-money-input b{font-size:25px!important}.checkout-money-input input{font-size:29px!important}
.quick-cash-row{margin-top:7px!important}.quick-cash-row button{height:34px!important;font-size:9px!important}.change-panel{padding:13px 15px!important;margin-top:10px!important}.change-panel b{font-size:9px!important}.change-panel strong{font-size:22px!important}.checkout-confirm{height:54px!important;margin-top:12px!important;font-size:12px!important}

/* Panel PEDIDO ACTUAL: mantener composición del demo y que no se desborde */
.order{overflow:hidden!important;display:flex!important;flex-direction:column!important}
.oh{flex:0 0 auto!important}.channels,.customer,.note.kitchen-note-button,.kitchen-note,.totals,.charge,.order footer{flex:0 0 auto!important}
.lines{flex:1 1 auto!important;min-height:70px!important;max-height:none!important;overflow:auto!important}
.cart-item{align-items:center!important}.qty{flex-wrap:nowrap!important}.qty .text-btn{width:auto!important;height:auto!important;font-size:8px!important;padding:0 3px!important}

/* PEDIDOS: estructura aprobada lista + detalle, sin tabla gigante */
#view-orders{height:calc(100vh - var(--demo-header-h))!important;overflow:hidden!important;padding:14px 18px 16px!important}
.orders-demo-head{height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.orders-demo-head h1{font-size:27px;margin:2px 0 2px}.orders-demo-head p{margin:0;font-size:10px;color:var(--muted)}
.orders-demo-tools{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:10px;margin-bottom:9px}.orders-search{height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:flex;align-items:center;padding:0 12px;gap:8px}.orders-search input,.orders-demo-tools>input{width:100%;height:40px;border:0;background:transparent;outline:0;color:var(--ink);font-size:10px}.orders-demo-tools>input{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:0 10px}
.orders-filter-tabs{display:flex;gap:7px;margin-bottom:10px;overflow:auto;scrollbar-width:none}.orders-filter-tabs button{height:37px;white-space:nowrap;border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:0 11px;font-size:9px;font-weight:900;color:var(--ink)}.orders-filter-tabs button b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;border-radius:999px;background:#edf0ed;color:#68716e}.orders-filter-tabs button.on{background:var(--nav);border-color:var(--nav);color:#fff}.orders-filter-tabs button.on b{background:#fff;color:#111}
.orders-demo-layout{display:grid;grid-template-columns:minmax(300px,36%) minmax(0,1fr);gap:12px;height:calc(100% - 156px);min-height:0}.orders-today,.orders-detail{border:1px solid var(--line);border-radius:14px;background:var(--panel);min-height:0;overflow:hidden}.orders-today{display:flex;flex-direction:column}.orders-list-title{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--line);font-size:10px}.orders-list-title span{font-weight:900;color:var(--muted)}#ordersCards{overflow:auto;padding:8px;display:flex;flex-direction:column;gap:7px}
.order-demo-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'main total' 'qty status';gap:4px 8px;text-align:left;border:1px solid var(--line);background:var(--panel2);border-radius:11px;padding:10px;color:var(--ink)}.order-demo-card.selected{border:2px solid var(--brand);background:#fff5ed}.order-demo-card>div{grid-area:main}.order-demo-card>div b{display:block;font-size:13px}.order-demo-card>div small{font-size:8px;color:var(--muted)}.order-demo-card>span{grid-area:qty;font-size:8px;color:var(--muted);font-weight:900}.order-demo-card>strong{grid-area:total;font-size:13px}.order-demo-card>em{grid-area:status;justify-self:end;font-style:normal}.orders-empty{padding:30px 10px;text-align:center;color:var(--muted);font-size:9px;font-weight:900}
.orders-detail{display:flex;flex-direction:column;padding:16px}.orders-detail-empty{margin:auto;text-align:center;color:var(--muted);display:grid;gap:5px;font-size:10px}.order-detail-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.order-detail-head span{font-size:8px;color:var(--muted);font-weight:900}.order-detail-head h2{font-size:29px;margin:2px 0 0}.order-detail-channel{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.order-detail-channel b{font-size:11px}.order-detail-channel span{font-size:9px;color:var(--muted)}.order-detail-items{flex:1 1 auto;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.order-detail-items article{display:flex;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line)}.order-detail-items article:last-child{border-bottom:0}.order-detail-items b{font-size:11px}.order-detail-items small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.order-detail-items strong{font-size:11px}.order-kitchen-note{margin-top:9px;padding:10px;border:1px dashed #c5cbc7;border-radius:9px;background:#f8faf8}.order-kitchen-note b,.order-kitchen-note span{display:block}.order-kitchen-note b{font-size:8px}.order-kitchen-note span{font-size:9px;margin-top:4px}.order-detail-total{display:flex;justify-content:space-between;align-items:center;padding:11px 0}.order-detail-total span{font-size:11px;font-weight:900}.order-detail-total strong{font-size:25px}.order-detail-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:8px}.order-detail-actions button{height:46px;border-radius:10px;font-size:9px;font-weight:900}.order-detail-actions .secondary{border:1px solid var(--line);background:var(--panel2);color:var(--ink)}.order-detail-actions .primary{border:0;background:var(--brand);color:#fff}

/* Caja: abrir / abierta / cierre con diseño original y todo visible */
#view-cash{padding:15px 18px 24px!important;overflow:auto!important;max-height:calc(100vh - var(--demo-header-h))!important}
.cash-demo-card,.cash-open-demo,.cash-closing-demo{max-width:760px;margin:14px auto;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:18px}.cash-demo-card h2,.cash-open-demo h2,.cash-closing-demo h2{font-size:19px;margin:0 0 5px}.cash-demo-card>p,.cash-open-demo>p{font-size:9px;color:var(--muted);margin:0 0 14px}.cash-demo-card label{display:block;font-size:9px;font-weight:900;margin:9px 0}.cash-demo-card input,.cash-demo-card select{width:100%;height:42px;border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:0 11px}.cash-count-input{height:52px;display:flex;align-items:center;border:2px solid #cfd4d0;border-radius:10px;padding:0 13px;background:#fff}.cash-count-input span{font-size:22px;font-weight:900}.cash-count-input input{border:0;background:transparent;text-align:right;font-size:24px;font-weight:900}.cash-primary{width:100%;height:49px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-size:10px;font-weight:900;margin-top:10px}
.closing-warning{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid #efb16f;background:#fff4e6;border-radius:10px;margin-bottom:12px}.closing-warning b{font-size:10px;color:#9d4800}.closing-warning span{font-size:8px;color:#875427;text-align:right;max-width:390px}.cash-breakdown-demo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cash-breakdown-demo article{min-height:72px;border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:11px;display:flex;flex-direction:column;justify-content:center}.cash-breakdown-demo article.expected{background:#eff7e9;border-color:#bdd69f}.cash-breakdown-demo span{font-size:8px;color:var(--muted);font-weight:900}.cash-breakdown-demo b{font-size:18px;margin-top:5px}.counted-label-demo{display:block;font-size:9px;font-weight:900;margin:14px 0 7px}.counted-label-demo>div{height:51px;border:2px solid #cfd4d0;border-radius:10px;background:#fff;display:flex;align-items:center;padding:0 13px}.counted-label-demo span{font-size:22px;font-weight:900}.counted-label-demo input{flex:1;border:0;outline:0;background:transparent;text-align:right;font-size:24px;font-weight:900}.cash-difference-demo{height:30px;display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:9px;color:var(--muted)}.cash-difference-demo b{font-size:13px}.cash-difference-demo .neg{color:#bd351b}.cash-difference-demo .pos{color:#276b46}.cash-difference-demo .ok{color:#56615d}.close-cash-demo{width:100%;height:50px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-size:10px;font-weight:900}.close-cash-demo:disabled{background:#b8bebb}.cash-move-demo{display:grid;grid-template-columns:130px 130px minmax(0,1fr) 110px;gap:7px;margin-top:12px}.cash-move-demo h3{grid-column:1/-1;font-size:10px;margin:0 0 2px}.cash-move-demo select,.cash-move-demo input,.cash-move-demo button{height:38px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);padding:0 9px;font-size:9px}.cash-move-demo button{background:#151b1c;color:#fff;font-weight:900}.cash-result-demo p{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);margin:0}.cash-result-demo p span{font-size:9px}.cash-result-demo p b{font-size:13px}

/* Mejor ajuste en notebooks de poca altura */
@media (max-height:780px) and (min-width:921px){
  .custom-work-head{padding:19px 23px 15px!important;min-height:92px!important}.custom-work-head h2{font-size:22px!important}.custom-work-body{padding:12px 22px 10px!important;max-height:calc(100vh - 225px)!important}.custom-tabs button{height:40px!important}.custom-option{min-height:50px!important;padding:7px 9px!important}.custom-option i{width:29px!important;height:29px!important}.custom-note textarea{min-height:45px!important}.custom-footer{padding:9px 22px!important}.custom-footer button{height:44px!important}
  .checkout-work-head{padding:18px 23px 15px!important;min-height:92px!important}.checkout-work-total{padding:11px 23px!important}.checkout-work-body{padding:12px 23px 14px!important}.checkout-payments button{height:48px!important}.checkout-money-input{height:45px!important}.change-panel{padding:9px 13px!important}.checkout-confirm{height:47px!important}
  .cash-breakdown-demo article{min-height:60px}.cash-closing-demo{padding:14px}.counted-label-demo{margin-top:10px}.close-cash-demo{height:45px}
}
@media (max-width:920px){
  #view-orders{height:auto!important;overflow:visible!important;padding:12px 10px!important}.orders-demo-layout{grid-template-columns:1fr;height:auto}.orders-today{max-height:390px}.orders-detail{min-height:400px}.orders-demo-tools{grid-template-columns:1fr}.orders-filter-tabs{padding-bottom:2px}
  .cash-breakdown-demo{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-move-demo{grid-template-columns:1fr 1fr}.cash-move-demo h3{grid-column:1/-1}.cash-move-demo input:nth-of-type(2){grid-column:1/-1}
}
@media (max-width:620px){
  .modal{padding:5px!important}.modal-card,.modal-card.medium,.modal-card.wide{width:calc(100vw - 10px)!important;max-height:calc(100vh - 10px)!important;border-radius:16px!important}.modal-close{top:12px!important;right:12px!important;width:36px!important;height:36px!important}
  .custom-work-head{padding:19px 17px 14px!important}.custom-work-head h2{font-size:21px!important}.custom-work-body{padding:12px 15px 10px!important;max-height:calc(100vh - 220px)!important}.custom-options{grid-template-columns:1fr!important}.custom-footer{grid-template-columns:1fr 1fr!important;padding:9px 15px!important}.custom-footer button{grid-column:1/-1;margin-top:8px!important}
  .checkout-work-head{padding:19px 17px 14px!important}.checkout-work-total,.checkout-work-body{padding-left:17px!important;padding-right:17px!important}.checkout-payments{grid-template-columns:1fr!important}.quick-cash-row{grid-template-columns:1fr 1fr!important}
  .orders-demo-layout{display:block}.orders-today{margin-bottom:10px}.order-detail-actions{grid-template-columns:1fr}.cash-breakdown-demo{grid-template-columns:1fr 1fr}.closing-warning{display:block}.closing-warning span{display:block;text-align:left;margin-top:5px}.cash-move-demo{grid-template-columns:1fr}
}


/* ===== 1.0.1.80 · LOGO CLIENTE MÁS GRANDE, COMPLETO Y RESPONSIVE ===== */
.client-logo-slot{
  height:clamp(62px,7.2vh,78px)!important;
  min-height:62px!important;
  margin:clamp(10px,1.5vh,18px) clamp(10px,.9vw,16px) 10px!important;
  padding:5px 9px!important;
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid #e4e8e6!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.client-logo-slot img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:94%!important;
  max-height:68px!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:auto!important;
}
/* En monitores bajos no achicarlo al tamaño diminuto anterior */
@media (max-height:820px) and (min-width:921px){
  .client-logo-slot{
    height:58px!important;
    min-height:58px!important;
    margin-top:8px!important;
    margin-bottom:7px!important;
    padding:4px 8px!important;
  }
  .client-logo-slot img{max-height:50px!important;max-width:94%!important}
}
@media (min-height:900px) and (min-width:921px){
  .client-logo-slot{height:76px!important;min-height:76px!important}
  .client-logo-slot img{max-height:66px!important;max-width:94%!important}
}
@media (max-width:920px){
  .client-logo-slot{height:66px!important;min-height:66px!important;margin:12px 12px 9px!important}
  .client-logo-slot img{max-height:58px!important;max-width:94%!important}
}


/* ===== MASTER FINAL · 2026-08-22 · CAMBIOS APROBADOS ===== */
:root{--apple:#a8ef38;--apple-border:#67b700}
/* Header session */
.session-status{display:flex;align-items:center;gap:7px;border:1px solid #b7d8c2;background:#eef9f1;border-radius:11px;padding:7px 9px;color:#174d2c;min-width:126px}.session-status>i{width:9px;height:9px;border-radius:50%;background:#30b65c;box-shadow:0 0 0 4px #30b65c22}.session-status span{display:block}.session-status b,.session-status small{display:block;line-height:1.1}.session-status b{font-size:8px;letter-spacing:.05em}.session-status small{font-size:8px;color:#4b6855;margin-top:2px;max-width:85px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-status.warning{background:#fff2df;border-color:#e2aa62;color:#9b4d00}.session-status.warning>i{background:#e98a18;box-shadow:0 0 0 4px #e98a1822}.nav-count{margin-left:auto;display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--brand);color:#fff;font-size:9px!important;padding:0 5px}.nav-count.hidden{display:none!important}
/* Nueva venta: pedido actual compacto */
.order{padding:10px 12px 10px!important}.order-strip{margin:0!important;padding:11px 12px!important;background:#10191c!important;color:#fff!important;border-left:4px solid var(--brand)!important;border-radius:12px!important;box-shadow:0 5px 13px #0d171922!important;align-items:center!important}.order-strip small{font-size:9px!important;letter-spacing:.16em!important;color:#b8c5c1!important}.ticket-order-line{display:flex;align-items:baseline;gap:9px;margin-top:3px}.order-strip h2{font-size:24px!important;margin:0!important;line-height:1!important;color:#fff!important}.ticket-order-line span{font-size:8px;font-weight:900;color:#c6d0cd}.order-strip>button{background:#263135!important;color:#dfe6e3!important;border:0!important;border-radius:8px!important;padding:8px 9px!important;font-size:8px!important}.channel-title{font-size:8px;letter-spacing:.14em;font-weight:950;color:#69746f;margin:9px 1px 5px}.brand-channels{padding:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.brand-channel{height:49px!important;background:#fff!important;border:2px solid #d8dfda!important;border-radius:10px!important;padding:5px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.brand-channel img{display:block;max-width:94%;max-height:28px;object-fit:contain}.brand-channel.local-channel img{max-height:34px;max-width:90%}.brand-channel span{font-size:8px;font-weight:950;color:#243036}.brand-channel.on{border:2px solid var(--brand)!important;background:#fff6ef!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 12%,transparent)!important}.customer-action{margin:7px 0 7px!important;padding:8px 9px!important;border:1px solid #ef9b61!important;background:#fff7f1!important;border-radius:10px!important;display:grid!important;grid-template-columns:34px 1fr auto!important;align-items:center!important;gap:8px!important}.customer-action>b{width:32px!important;height:32px!important;border-radius:8px!important;background:var(--brand)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:18px!important}.customer-action strong{font-size:10px!important;color:#a84b0d!important}.customer-action small{font-size:8px!important;color:#68736e!important;margin-top:2px!important}.customer-action button{height:30px!important;border:0!important;border-radius:8px!important;background:#fff!important;color:#a84b0d!important;font-size:8px!important;font-weight:950!important;padding:0 8px!important}.lines{padding:2px 0!important;gap:6px!important;min-height:70px!important}.cart-item{position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:8px!important;padding:8px 8px!important;border:1px solid #d9dfdb!important;border-radius:11px!important;background:#fff!important;box-shadow:0 3px 8px #17231e0b!important}.cart-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#e3e8e5;border-radius:11px 0 0 11px}.cart-thumb{width:46px!important;height:46px!important;border-radius:8px!important;background:center/cover no-repeat!important}.cart-info{min-width:0}.cart-info h4{font-size:12px!important;line-height:1.15!important;margin:0!important}.cart-info>small{font-size:9px!important;margin-top:2px!important}.cart-mod{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cart-actions{display:flex;align-items:center;gap:5px;margin-top:6px}.cart-actions .qty{margin:0!important}.cart-actions .qty button{width:27px!important;height:27px!important;border-radius:7px!important}.cart-actions .qty b{min-width:24px!important;font-size:12px!important}.cart-edit,.cart-remove{height:27px;border:0;border-radius:7px;font-size:8px;font-weight:950}.cart-edit{background:#eef1ef;color:#26322e;padding:0 8px}.cart-remove{background:#fde9e4;color:#aa3d26;width:27px;font-size:15px}.cart-line-price{font-size:19px!important;font-weight:950!important;color:#10191c!important;align-self:center!important;min-width:72px!important;text-align:right!important;letter-spacing:-.02em}.note.kitchen-note-button{margin:7px 0!important;padding:10px 11px!important;font-size:9px!important}.kitchen-note{margin:0 0 7px!important}.totals{margin:0!important}.totals p{margin:6px 0!important}.totals .grand{margin-top:5px!important;padding-top:8px!important}.grand strong{font-size:30px!important}.charge{margin:7px 0 0!important;height:56px!important;border-radius:11px!important;padding:0 15px!important;box-shadow:0 7px 15px color-mix(in srgb,var(--brand) 20%,transparent)!important}.charge span{font-size:14px!important}.charge b{font-size:21px!important}.order footer{padding:7px 1px 2px!important;font-size:8px!important}
/* 8 columnas en el bloque central en escritorio; reduce de forma responsive */
@media (min-width:1280px){.product-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}.product-photo .product-img{height:clamp(92px,7vw,118px)!important}.product-photo h3{font-size:8px!important}.product-photo .product-price{font-size:13px!important}}
@media (min-width:1080px) and (max-width:1279px){.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
/* Cobro con divisiones más visibles y vuelto verde manzana */
.checkout-work-body{background:#f3f5f3!important}.checkout-payments{gap:9px!important}.checkout-payments button{border:2px solid #cbd4ce!important;background:#fff!important;min-height:86px!important;padding:9px!important}.checkout-payments button i{font-size:23px!important}.checkout-payments button span{display:block!important}.checkout-payments button span b{display:block;font-size:11px;font-weight:950}.checkout-payments button span small{display:block;font-size:8px;color:#59655f;margin-top:4px;line-height:1.2}.checkout-payments button.on{border:3px solid var(--brand)!important;background:#fff2e8!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent)!important}.checkout-cash-box{margin-top:13px!important;padding:12px!important;border:2px solid #cdd6d0!important;border-radius:13px!important;background:#fff!important}.checkout-question{margin:0 0 8px!important;color:#98430b!important}.checkout-money-input{background:#f9fbf9!important;border:2px solid #bac7bf!important}.quick-cash-row button{border:2px solid #d0d8d3!important;background:#f6f8f6!important;height:38px!important}.change-panel{background:var(--apple)!important;border:2px solid var(--apple-border)!important;color:#10220a!important;padding:12px 14px!important;box-shadow:0 4px 10px #67b70022!important}.change-panel b{font-size:11px!important;letter-spacing:.06em}.change-panel strong{font-size:31px!important;color:#12280b!important}.checkout-confirm{font-size:14px!important;font-weight:950!important}
/* Operación completada */
#orderModal .modal-card.wide{width:min(620px,calc(100vw - 24px))!important;max-width:620px!important}.final-success .sale-success-head{padding:19px 20px!important;border-left:6px solid var(--apple-border)!important}.final-success .sale-check{width:58px!important;height:58px!important;font-size:31px!important;background:var(--apple)!important;color:#16330d!important}.final-success .sale-success-head h2{font-size:26px!important}.final-success .sale-success-head p{font-size:12px!important}.flow-steps{display:grid;gap:7px;margin-bottom:11px}.flow-steps>div{display:flex;justify-content:space-between;align-items:center;border:2px solid #d7dfda;border-radius:9px;background:#fff;padding:9px 10px}.flow-steps span{font-size:10px;font-weight:950}.flow-steps b{font-size:9px;color:#087c49;border:1px solid #a4dab9;background:#e8f8ef;border-radius:999px;padding:5px 7px}.sale-summary-grid.compact{grid-template-columns:1fr 1fr!important;margin:10px 0!important}.sale-summary-grid.compact>div{min-height:64px!important}.final-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.final-actions .sale-action{min-height:64px!important}.final-actions .sale-action b{font-size:13px!important}.final-actions .sale-action small{font-size:9px!important}.sale-new-order{height:66px!important;font-size:16px!important;font-weight:950!important;margin-top:10px!important}
/* Sesión bloqueada */
.session-lock-modal{z-index:500!important;background:rgba(9,15,17,.92)!important}.session-lock-card{width:min(430px,calc(100vw - 20px))!important;text-align:center!important;padding:28px!important}.session-lock-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:#e9f8ee;color:#2ca858;font-size:19px}.session-lock-card h2{font-size:22px;margin:7px 0}.session-lock-card p{font-size:11px;color:var(--muted);line-height:1.45}.session-lock-card label{display:block;text-align:left;font-size:9px;font-weight:900;margin:15px 0 10px}.session-lock-card input{width:100%;height:52px;border:2px solid #ccd5cf;border-radius:10px;text-align:center;font-size:22px;letter-spacing:.12em;margin-top:5px}.session-lock-card small{display:block;font-size:8px;color:var(--muted);margin-top:10px}.session-lock-modal .modal-close{display:none!important}
/* Pedidos: cerrados, demorados, cierre formal */
.status.closed{background:#e9edef!important;color:#39454b!important;border-color:#cbd3d7!important}.order-demo-card.delayed{border-color:#ef8f47!important;box-shadow:inset 4px 0 #e76700!important}.order-detail-actions.expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important}.close-order-btn,.delete-order-btn{height:44px;border-radius:9px;font-size:9px;font-weight:950}.close-order-btn{border:2px solid #72b92e;background:#edf8df;color:#315d0f}.delete-order-btn{border:1px solid #e5a090;background:#fff0ec;color:#a43620}.closed-info{margin-top:8px;padding:8px;border-radius:8px;background:#eef1ef;font-size:8px;color:#5c6762;text-align:center}
/* Reportes V5 */
.reports-final{padding:16px 18px 28px}.reports-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.reports-head h1{font-size:27px;margin:3px 0}.reports-head p{font-size:9px;color:var(--muted)}.reports-head>div:last-child{display:flex;gap:7px}.report-top-grid{display:grid;grid-template-columns:minmax(250px,31%) 1fr;gap:12px;margin:12px 0}.report-day-hero,.report-calendar-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.report-day-hero{display:flex;flex-direction:column;justify-content:center}.report-day-hero>small{font-size:8px;color:var(--muted);font-weight:900}.report-day-hero h2{font-size:15px;margin:5px 0 10px}.report-day-hero>div{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:7px}.report-day-hero>div button,.calendar-head button{height:36px;border:1px solid var(--line);background:var(--panel2);border-radius:8px;font-size:18px}.report-day-hero>div strong{text-align:center;font-size:27px}.report-day-hero>button{margin-top:9px;height:32px;border:0;border-radius:8px;background:var(--nav);color:#fff;font-size:9px;font-weight:900}.calendar-head{display:grid;grid-template-columns:36px 155px 36px 1fr;gap:7px;align-items:center;margin-bottom:9px}.calendar-head input{height:36px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--ink);padding:0 8px}.calendar-head strong{text-align:right;font-size:11px}.report-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-dow{text-align:center;font-size:8px;color:var(--muted);padding:3px}.cal-empty{min-height:42px}.cal-day{min-height:46px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:7px;padding:4px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.cal-day span{font-size:10px;font-weight:900}.cal-day small{font-size:7px;color:#4d5b55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-day.has-sales{border-color:#a9c996;background:#f3faef}.cal-day.selected{border:2px solid var(--brand);background:#fff3e9}.report-kpi-six{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.report-kpi-six article{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:11px}.report-kpi-six span{display:block;font-size:8px;color:var(--muted);font-weight:900}.report-kpi-six strong{display:block;font-size:17px;margin-top:5px}.report-mid-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.report-bar{display:grid;grid-template-columns:110px 1fr 90px;gap:8px;align-items:center;margin:9px 0}.report-bar span{font-size:9px;font-weight:900}.report-bar i{height:8px;border-radius:999px;background:#e8ece9;overflow:hidden}.report-bar i b{display:block;height:100%;background:var(--brand);border-radius:999px}.report-bar strong{text-align:right;font-size:10px}.channel-report-final{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.channel-report-final article{border:1px solid var(--line);border-radius:9px;background:var(--panel2);padding:9px}.channel-report-final span,.channel-report-final small{display:block;font-size:8px}.channel-report-final b{display:block;font-size:14px;margin:3px 0}.report-detail-final{margin-top:10px}
/* Configuración 6 bloques */
.settings-six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.settings-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px;min-width:0}.settings-card h2{font-size:16px;margin:5px 0 12px}.settings-card>label:not(.check-row){display:block;font-size:8px;font-weight:900;margin:8px 0}.settings-card input,.settings-card select,.settings-card textarea{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:8px;padding:0 9px;margin-top:4px}.settings-card input,.settings-card select{height:38px}.settings-card textarea{min-height:60px;padding-top:8px}.check-row{display:flex!important;align-items:center;gap:8px;font-size:9px;font-weight:900;margin:9px 0}.check-row input{width:17px!important;height:17px!important;margin:0!important}.setting-toggle{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:9px;margin:7px 0}.setting-toggle b,.setting-toggle small{display:block}.setting-toggle b{font-size:9px}.setting-toggle small{font-size:8px;color:var(--muted);margin-top:2px}.setting-toggle strong{font-size:9px;color:#2a7947}.test-print-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.test-print-row button,.pin-box button{height:38px;border:1px solid var(--line);border-radius:8px;background:#171e20;color:#fff;font-size:8px;font-weight:900}.folio-current{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--panel2)}.folio-current span{font-size:8px}.folio-current strong{font-size:21px}.settings-card p{font-size:8px;color:var(--muted);line-height:1.4}.settings-danger{width:100%;height:40px;border:1px solid #df8b78;border-radius:8px;background:#fff0ec;color:#9d351f;font-size:8px;font-weight:950}.active-session{border-color:#a8d4b7;background:#edf9f1}.pin-box{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.pin-box b,.pin-box small{display:block}.pin-box b{font-size:9px}.pin-box small{font-size:8px;color:var(--muted);margin-top:2px}.pin-box input{margin-top:6px}.pin-box button{width:100%;margin-top:6px;background:var(--brand);border:0}.settings-save-all{display:block;width:min(620px,100%);height:52px;margin:14px auto 0;border:0;border-radius:11px;background:var(--brand);color:#fff;font-size:12px;font-weight:950}
/* Responsive universal */
@media(max-width:1180px){.settings-six{grid-template-columns:repeat(2,minmax(0,1fr))}.report-kpi-six{grid-template-columns:repeat(3,1fr)}.session-status{display:none}}
@media(max-width:920px){.brand-channels{grid-template-columns:repeat(4,minmax(80px,1fr))!important}.report-top-grid,.report-mid-grid{grid-template-columns:1fr}.reports-final{padding:12px 10px}.report-kpi-six{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.brand-channels{grid-template-columns:repeat(2,1fr)!important}.cart-line-price{font-size:17px!important}.final-actions{grid-template-columns:1fr!important}.sale-summary-grid.compact{grid-template-columns:1fr!important}.settings-six{grid-template-columns:1fr}.report-kpi-six{grid-template-columns:repeat(2,1fr)}.calendar-head{grid-template-columns:34px 1fr 34px}.calendar-head strong{grid-column:1/-1;text-align:left}.report-bar{grid-template-columns:85px 1fr 70px}.reports-head{align-items:flex-start;flex-direction:column}.reports-head>div:last-child{width:100%}.reports-head>div:last-child button{flex:1}.order-detail-actions.expanded{grid-template-columns:1fr!important}}
@media(max-width:480px){.report-kpi-six{grid-template-columns:1fr 1fr}.channel-report-final{grid-template-columns:1fr}.cal-day{min-height:42px;padding:3px}.cal-day small{font-size:6px}.session-lock-card{padding:22px 16px!important}}

/* === FiSS Pedido Básico · cierre definitivo 2026-08-22 === */
.external-ref{display:block;margin:8px 0 2px;border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:8px}.external-ref span{display:block;font-size:8px;font-weight:950;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}.external-ref input{width:100%;height:38px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:0 9px;font-weight:800}.external-ref.hidden{display:none!important}
.discount-modal-work,.folios-modal{padding:4px 2px}.discount-modal-work>p,.folios-modal>p{color:var(--muted);font-size:11px;line-height:1.5}.discount-current{display:flex;align-items:center;justify-content:space-between;border:2px solid var(--line);background:var(--panel2);border-radius:12px;padding:12px 14px;margin:12px 0}.discount-current span{font-size:10px;font-weight:950}.discount-current strong{font-size:25px}.discount-modal-work>label,.folios-modal>label{display:block;font-size:9px;font-weight:950;margin:10px 0}.folios-modal input{width:100%;height:42px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:9px;padding:0 10px;margin-top:5px}
.today-kpis{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:10px}.today-kpis article,.payment-summary-three article{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:14px}.today-kpis span,.payment-summary-three span{display:block;font-size:9px;color:var(--muted);font-weight:950}.today-kpis strong{display:block;font-size:26px;margin-top:5px}.payment-summary-three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.payment-summary-three strong{display:block;font-size:21px;margin-top:4px}.payment-summary-three small{display:block;font-size:8px;color:var(--muted);margin:3px 0 8px}.payment-summary-three i{display:block;height:7px;background:var(--panel2);border-radius:999px;overflow:hidden}.payment-summary-three i b{display:block;height:100%;background:var(--brand);border-radius:999px}
.report-search-box{display:flex;align-items:center;gap:6px;min-width:280px;border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:0 9px}.report-search-box input{height:38px;width:100%;border:0;background:transparent;color:var(--ink);outline:0;font-size:10px;font-weight:800}.report-result-count{text-align:right;font-size:8px;font-weight:950;color:var(--muted);margin:7px 2px}.report-order-row{cursor:pointer}.report-order-row:hover td{background:color-mix(in srgb,var(--brand) 6%,var(--panel))}.report-order-modal h2{font-size:27px;margin:5px 0 10px}.report-order-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px}.report-order-meta>*{font-size:9px}.report-customer{display:grid;gap:3px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px;margin:10px 0}.report-customer b{font-size:8px;color:var(--muted)}.report-customer span{font-size:11px;font-weight:900}.report-customer small{font-size:9px;color:var(--muted)}.report-order-items article{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.report-order-items article b,.report-order-items article strong{font-size:11px}.report-order-items article small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.report-order-totals{padding-top:8px}.report-order-totals p{display:flex;justify-content:space-between;margin:5px 0;font-size:10px}.report-order-totals .grand{border-top:2px solid var(--ink);padding-top:8px;font-size:15px}.report-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.report-order-actions button{min-height:50px;border:0;border-radius:10px;background:#11191a;color:#fff;font-size:10px;font-weight:950}.report-order-actions button:last-child{background:var(--brand)}
.backup-box{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.backup-box b,.backup-box small{display:block}.backup-box b{font-size:9px}.backup-box small{font-size:8px;color:var(--muted);margin:3px 0 7px}.backup-box button{width:100%;height:40px;border:0;border-radius:8px;background:#11191a;color:#fff;font-size:8px;font-weight:950}
/* todos los pop-up respetan el alto útil y mantienen botones táctiles */
.modal{overflow:auto;overscroll-behavior:contain}.modal-card{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}.final-success .sale-success-body{padding:16px!important}.final-actions .sale-action,.sale-new-order{touch-action:manipulation}
/* El panel de pedido conserva totales accesibles aunque haya muchas líneas */
.order.ticket{display:flex!important;flex-direction:column!important;overflow:hidden!important}.order.ticket .cart{overflow:auto!important;min-height:90px;flex:1}.order.ticket .totals,.order.ticket .charge,.order.ticket>footer{flex:0 0 auto}
@media(max-width:1180px){.today-kpis{grid-template-columns:1fr 1fr 1fr}.payment-summary-three{grid-template-columns:1fr 1fr 1fr}.report-search-box{min-width:220px}}
@media(max-width:820px){.today-kpis{grid-template-columns:1fr}.payment-summary-three{grid-template-columns:1fr}.sales-detail-head{align-items:stretch!important;flex-direction:column!important}.report-search-box{min-width:0;width:100%}.report-order-actions{grid-template-columns:1fr}.modal{padding:8px}.modal-card{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:14px}.settings-card{padding:14px}.settings-card h2{font-size:17px}.settings-card>label:not(.check-row){font-size:9px}.settings-card input,.settings-card select{height:42px}.check-row{font-size:10px!important;line-height:1.35}.test-print-row{grid-template-columns:1fr}.test-print-row button{height:44px;font-size:9px}.final-actions{grid-template-columns:1fr!important}.final-actions .sale-action,.sale-new-order{min-height:62px!important}.final-actions .sale-action b{font-size:14px!important}.sale-new-order{font-size:16px!important}.checkout-payments{grid-template-columns:1fr!important}.checkout-payments button{min-height:68px!important}.quick-cash-row{grid-template-columns:1fr 1fr!important}}
@media(max-width:520px){.work-header{padding:0 8px!important}.work-heading h1{font-size:16px!important}.work-heading span{display:none}.theme-toggle{width:38px!important;height:38px!important}.catalog{padding:12px 8px!important}.order{padding:12px 9px!important}.product-photo h3{font-size:9px!important}.product-photo .product-price{font-size:15px!important}.report-kpi-six{grid-template-columns:1fr 1fr!important}.report-calendar-panel{padding:10px!important}.cal-day{min-height:40px!important}.settings-save-all{height:56px;font-size:13px}.flow-steps span{font-size:11px!important}.flow-steps b{font-size:9px!important}.final-success .sale-success-head h2{font-size:24px!important}}

/* ===== INTEGRADO DESDE fixed-r5-css ===== */
/* FIXED · FiSS Pedido Básico 1.0 · Revisión 5 */
:root{--r5-dark:#0b1218;--r5-dark2:#16222c;--r5-orange:#f27618;--r5-soft:#f5f6f4}
body{font-size:16px!important}
.top{background:#0d151c!important;border-bottom-color:#202d37!important;color:#fff!important}
.top .date,.top #dateLabel,.topTitle span,#pageSubtitle{color:#b8c2c9!important}
.top h1,#pageTitle{color:#fff!important}
.view-head h1{font-size:38px!important;letter-spacing:-.035em!important;line-height:1.05!important}
.view-head p{font-size:14px!important;line-height:1.4!important}
.nav button{font-size:13px!important;line-height:1.25!important}
.group{font-size:10.5px!important}
.btn,button{letter-spacing:.01em}
.panel h3,.section-card h3{font-size:20px!important}
.list-row{font-size:14px!important;min-height:46px!important}
.status{font-size:11px!important}

/* Resumen de Hoy */
.r5-kpis{display:grid;grid-template-columns:1.25fr .8fr .95fr 1fr 1fr 1fr;gap:12px;margin-bottom:15px}
.r5-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;min-height:118px;box-shadow:0 8px 22px rgba(16,24,30,.045)}
.r5-kpi span{display:block;font-size:11px;font-weight:950;letter-spacing:.055em;color:#69736f}
.r5-kpi strong{display:block;font-size:30px;line-height:1;margin-top:12px;font-weight:950;letter-spacing:-.045em}
.r5-kpi small{display:block;font-size:11px;margin-top:9px;color:#7c8681;font-weight:850}
.r5-kpi.main{background:linear-gradient(135deg,#111b24,#24323d);color:#fff;border-color:#111b24}.r5-kpi.main span,.r5-kpi.main small{color:#c4cdd3}
.r5-kpi.cash{background:#fff1e5;border-color:#ffd0ad}.r5-kpi.cash strong{color:#c9540b}
.r5-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:14px;margin-bottom:14px}
.r5-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 22px rgba(16,24,30,.045)}
.r5-panel.orange{border-top:4px solid var(--brand)}.r5-panel.dark{border-top:4px solid #4b5660}
.r5-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.r5-title h3{font-size:20px;margin:0}.r5-chip{padding:6px 9px;border-radius:999px;background:#1b2630;color:#fff;font-size:10px;font-weight:950}
.r5-payments{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.r5-pay{border:1px solid var(--line);border-radius:13px;padding:14px;min-height:128px}.r5-pay b{font-size:12px}.r5-pay strong{display:block;font-size:25px;margin-top:9px}.r5-pay small{display:block;font-size:11px;margin-top:7px;color:#737d78;font-weight:800}.r5-bar{height:7px;background:#e1e6e2;border-radius:999px;overflow:hidden;margin-top:12px}.r5-bar i{height:100%;display:block;background:var(--brand);border-radius:999px}
.r5-latest,.r5-channels{display:grid;gap:8px}.r5-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e0e5e1;border-radius:11px;padding:11px 12px;background:#fbfcfb}.r5-row b{font-size:14px}.r5-row small{display:block;font-size:10.5px;color:#7e8883;margin-top:3px;font-weight:800}.r5-row strong{font-size:17px}
.r5-cash-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.r5-cash-box{border-radius:12px;border:1px solid var(--line);padding:13px;background:#f7f8f7}.r5-cash-box span{display:block;font-size:10px;font-weight:950;color:#6c7672}.r5-cash-box b{display:block;font-size:18px;margin-top:7px}.r5-cash-box.expected{background:#18232c;color:#fff;border-color:#18232c}.r5-cash-box.expected span{color:#c5ced4}
.r5-order-states{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.r5-order-states article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.r5-order-states span{display:block;font-size:10px;font-weight:950;color:#6d7773}.r5-order-states b{display:block;font-size:25px;margin-top:7px}.r5-order-states .delay{background:#fff0e8;border-color:#f4c6af}.r5-order-states .delay b{color:#b94d18}

/* Popup Caja - misma familia visual del cobro */
.r5-cash-overlay{position:fixed;inset:0;z-index:25000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(3,8,13,.76);backdrop-filter:blur(4px)}.r5-cash-overlay.hidden{display:none}
.r5-cash-modal{width:min(900px,calc(100vw - 28px));max-height:calc(100dvh - 30px);overflow:auto;background:#f7f8f6;border-radius:22px;box-shadow:0 32px 100px rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.14)}
.r5-cash-head{position:sticky;top:0;z-index:2;background:linear-gradient(135deg,#0a1117,#18252f);color:#fff;border-bottom:5px solid var(--brand);padding:22px 24px;display:flex;justify-content:space-between;gap:20px}.r5-cash-head small{display:block;color:#ff9a4d;font-size:11px;font-weight:950;letter-spacing:.12em}.r5-cash-head h2{font-size:31px;margin:5px 0 6px;letter-spacing:-.03em}.r5-cash-head p{margin:0;color:#c7d0d6;font-size:13.5px;line-height:1.45}.r5-cash-x{width:44px;height:44px;border:1px solid #3a4650;border-radius:11px;background:#17212a;color:#fff;font-size:25px;cursor:pointer;flex:0 0 auto}
.r5-cash-body{padding:22px 24px 24px}.r5-cash-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.r5-field{display:block;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}.r5-field>span{display:block;font-size:11.5px;font-weight:950;color:#66716c;margin-bottom:7px}.r5-field input,.r5-field select{width:100%;height:50px;border:1px solid #d6ddd8;border-radius:10px;padding:0 12px;background:#f7f8f7;font-size:16px;font-weight:850}.r5-money{display:flex;align-items:center;border:2px solid #cfd7d2;border-radius:12px;background:#fff;padding:0 13px}.r5-money b{font-size:26px}.r5-money input{border:0!important;background:transparent!important;height:62px!important;font-size:31px!important;outline:0}
.r5-cash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.r5-cash-kpis article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.r5-cash-kpis span{display:block;font-size:10.5px;font-weight:950;color:#68726e}.r5-cash-kpis b{display:block;font-size:20px;margin-top:6px}.r5-cash-kpis .expected{background:#17232c;color:#fff;border-color:#17232c}.r5-cash-kpis .expected span{color:#c9d1d6}
.r5-cash-warning{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff0e9;border:1px solid #f0bea7;border-radius:12px;padding:13px 14px;margin-bottom:13px}.r5-cash-warning b{font-size:13.5px;color:#a64218}.r5-cash-warning span{display:block;font-size:11.5px;color:#745b50;margin-top:4px}.r5-cash-warning button{height:42px;border:0;border-radius:9px;background:#a64218;color:#fff;font-size:11px;font-weight:950;padding:0 13px;cursor:pointer}
.r5-cash-actions{display:flex;gap:10px;margin-top:16px}.r5-cash-actions button{flex:1;height:54px;border:0;border-radius:11px;font-size:13px;font-weight:950;cursor:pointer}.r5-cash-actions .light{background:#e8ece9;color:#172029}.r5-cash-actions .primary{background:var(--brand);color:#fff}.r5-cash-actions .dark{background:#111b23;color:#fff}.r5-cash-actions button:disabled{opacity:.45;cursor:not-allowed}
.r5-count{margin-top:14px}.r5-count>span{display:block;font-size:11.5px;font-weight:950;margin-bottom:7px}.r5-diff{display:flex;justify-content:space-between;align-items:center;border:2px solid #d9dfdb;border-radius:12px;padding:13px 14px;margin-top:10px;background:#fff}.r5-diff span{font-size:12px;font-weight:950}.r5-diff b{font-size:27px}.r5-success{text-align:center;padding:14px 4px}.r5-success .ok{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#eaf7dc;color:#4e7b22;font-size:30px;font-weight:950}.r5-success h3{font-size:25px;margin:0 0 7px}.r5-success p{font-size:14px;color:#5e6964}

/* Configuración General más legible y operativa */
.settings-six{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:start!important}
.settings-card{padding:22px!important;border-radius:17px!important;box-shadow:0 9px 25px rgba(15,25,30,.05)!important}.settings-card>.eyebrow{font-size:11.5px!important}.settings-card h2{font-size:22px!important;line-height:1.1!important;margin:7px 0 16px!important}.settings-card>label:not(.check-row){font-size:11.5px!important;margin:11px 0!important}.settings-card input,.settings-card select{height:47px!important;font-size:15px!important}.settings-card textarea{font-size:15px!important;min-height:84px!important}.check-row{font-size:13px!important;line-height:1.4!important;margin:12px 0!important}.check-row input{width:20px!important;height:20px!important}.setting-toggle{padding:13px 14px!important}.setting-toggle b{font-size:13px!important}.setting-toggle small{font-size:11.5px!important}.settings-card p{font-size:12px!important;line-height:1.55!important}.settings-danger,.test-print-row button,.pin-box button,.backup-box button{min-height:47px!important;font-size:12px!important}.settings-save-all{height:58px!important;font-size:14px!important}
.r5-reset-card{grid-column:1/-1;border:2px solid #e7ad98!important;background:linear-gradient(180deg,#fff,#fff8f5)!important}.r5-reset-info{display:grid;gap:5px;background:#fff;border:1px solid #ecd7cf;border-radius:11px;padding:13px 14px;margin-bottom:12px}.r5-reset-info b{font-size:13px;color:#9a3d20}.r5-reset-info span{font-size:12.5px;line-height:1.5;color:#5f6864}.r5-reset-warning{padding:11px 12px!important;border-radius:10px;background:#fff0eb;color:#8d3a24!important;border:1px solid #efc1b1}.r5-reset-btn{background:#9c3e20!important;color:#fff!important;border-color:#9c3e20!important}

/* Pedidos más cómodos */
.orders-demo-head h1{font-size:37px!important}.orders-demo-head p{font-size:13.5px!important}.orders-filter-tabs button{font-size:11px!important;min-height:43px!important}.orders-filter-tabs button b{font-size:12px!important}.orders-list-title{font-size:12px!important}.order-demo-card b{font-size:14px!important}.order-demo-card small{font-size:11px!important}.orders-detail h2,.orders-detail h3{font-size:21px!important}.orders-detail .btn{font-size:12px!important}

@media(max-width:1200px){.r5-kpis{grid-template-columns:repeat(3,1fr)}.r5-cash-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.settings-six,.r5-grid{grid-template-columns:1fr!important}.r5-payments,.r5-order-states{grid-template-columns:1fr 1fr}.r5-reset-card{grid-column:auto}.r5-cash-fields{grid-template-columns:1fr}}
@media(max-width:620px){.r5-kpis,.r5-payments,.r5-cash-strip,.r5-order-states,.r5-cash-kpis{grid-template-columns:1fr}.r5-cash-actions{flex-direction:column}.r5-cash-head,.r5-cash-body{padding-left:16px;padding-right:16px}}


/* ===== INTEGRADO DESDE fixed-r6-top-clientes-css ===== */
.fixed-preview-badge{display:none!important}
.work-header{height:96px!important;min-height:96px!important;padding:0 22px!important;background:linear-gradient(135deg,#0a1219 0%,#111d26 72%,#0c151c 100%)!important;border-bottom:1px solid #263642!important;box-shadow:0 8px 24px rgba(4,10,15,.14)!important;color:#fff!important;gap:18px!important}
.work-heading{min-width:0!important;flex:1 1 auto!important}.work-heading>small{color:#ff7a16!important;font-size:11px!important;line-height:1!important;letter-spacing:.16em!important;font-weight:950!important;margin:0 0 9px!important}.work-heading>div{display:flex!important;align-items:baseline!important;gap:14px!important;min-width:0!important}.work-heading h1,#pageTitle{color:#fff!important;font-size:28px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.035em!important;white-space:nowrap!important}.work-heading span,#pageSubtitle{color:#c7d0d6!important;font-size:11.5px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:.025em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.header-tools{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important}.session-status{min-height:48px!important;padding:8px 13px!important;border-radius:13px!important;border:1px solid #3f6658!important;background:#eef9f2!important;color:#183c2d!important;box-shadow:none!important}.session-status i{width:10px!important;height:10px!important;box-shadow:0 0 0 5px rgba(44,192,109,.12)!important}.session-status b{font-size:10px!important;letter-spacing:.05em!important}.session-status small{font-size:10px!important;color:#446457!important;margin-top:2px!important}.cash-status-badge{min-height:48px!important;padding:0 16px!important;border-radius:13px!important;font-size:13px!important;letter-spacing:.055em!important;box-shadow:none!important}.cash-status-badge.is-open{background:#e9f8ef!important;border-color:#8fd3ad!important;color:#087849!important}.cash-status-badge.is-closed{background:#fff0f1!important;border-color:#e7a7ac!important;color:#a92d37!important}.creator-badge{height:50px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:4px 11px 4px 7px!important;border:1px solid #293842!important;border-radius:12px!important;background:#0f191f!important;text-decoration:none!important}.creator-badge img{width:88px!important;height:40px!important;border-radius:8px!important;padding:2px!important;background:#0b1115!important;object-fit:contain!important}.creator-badge span{color:#d5dde1!important;font-size:9px!important;line-height:1.15!important;font-weight:900!important}.creator-badge span b,.creator-badge strong{color:#ff7a16!important}.work-clock{color:#fff!important;font-size:20px!important;font-weight:850!important;letter-spacing:-.025em!important}.theme-toggle{width:46px!important;height:46px!important;border-radius:12px!important;background:#18252d!important;border:1px solid #33434d!important;color:#fff!important}.mobile-menu{color:#fff!important;background:#18252d!important;border:1px solid #33434d!important}
#view-customers{background:#eef1ed!important;min-height:calc(100vh - 96px)!important;padding:24px!important}.r6-customers{max-width:1500px;margin:0 auto}.r6-customer-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(135deg,#0d171b,#17252b);color:#fff;border-radius:20px;padding:23px 25px;margin-bottom:14px;border:1px solid #24333a;box-shadow:0 12px 30px rgba(10,18,22,.10)}.r6-customer-hero .ey{display:block;color:#ff7a16;font-size:11px;font-weight:950;letter-spacing:.12em;margin-bottom:5px}.r6-customer-hero h2{font-size:34px;line-height:1;margin:0 0 7px;letter-spacing:-.04em}.r6-customer-hero p{margin:0;color:#cad3d5;font-size:13px;line-height:1.4}.r6-add-customer{height:48px;padding:0 18px;border:0;border-radius:12px;background:#ff7600;color:#fff;font-size:13px;font-weight:950;box-shadow:0 10px 24px rgba(255,118,0,.20);cursor:pointer;white-space:nowrap}.r6-add-customer:hover{filter:brightness(.97);transform:translateY(-1px)}.r6-customer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.r6-cstat{background:#fff;border:1px solid #d8dfda;border-radius:14px;padding:14px 15px;display:flex;align-items:center;gap:12px;min-height:76px}.r6-cstat i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff1e6;color:#c85a08;font-style:normal;font-size:18px;font-weight:950}.r6-cstat span{display:block;color:#77817d;font-size:10px;font-weight:950;letter-spacing:.06em}.r6-cstat b{display:block;color:#111b20;font-size:22px;margin-top:3px;letter-spacing:-.03em}.r6-customer-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px}.r6-customer-search{height:52px;background:#fff;border:1px solid #d7dfda;border-radius:13px;display:flex;align-items:center;gap:10px;padding:0 14px}.r6-customer-search em{font-style:normal;font-size:21px;color:#75807c}.r6-customer-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#182126;font-size:14px;font-weight:700}.r6-customer-search small{color:#8a9490;font-size:10px;font-weight:850}.r6-search-btn{height:52px;padding:0 19px;border:1px solid #263640;border-radius:13px;background:#17232b;color:#fff;font-size:12px;font-weight:950;cursor:pointer}.r6-customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.r6-customer-card{background:#fff;border:1px solid #d8dfda;border-radius:17px;padding:16px;box-shadow:0 8px 22px rgba(17,28,24,.035);display:flex;flex-direction:column;min-height:224px;transition:.15s}.r6-customer-card:hover{transform:translateY(-2px);border-color:#f3a76e;box-shadow:0 12px 28px rgba(17,28,24,.07)}.r6-customer-card-top{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid #e3e8e5}.r6-avatar{width:45px;height:45px;flex:0 0 45px;border-radius:13px;background:#15222a;color:#fff;display:grid;place-items:center;font-size:17px;font-weight:950;text-transform:uppercase;border-bottom:3px solid #ff7600}.r6-customer-card-top div{min-width:0;flex:1}.r6-customer-card-top h3{margin:0;color:#111a1f;font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r6-customer-card-top small{display:block;margin-top:4px;color:#78837e;font-size:10px;font-weight:850;letter-spacing:.035em}.r6-customer-info{display:grid;gap:9px;padding:12px 0;flex:1}.r6-info-row{display:grid;grid-template-columns:83px 1fr;gap:8px;align-items:start}.r6-info-row span{color:#87918d;font-size:9.5px;font-weight:950;letter-spacing:.055em}.r6-info-row b,.r6-info-row p{margin:0;color:#253039;font-size:12px;line-height:1.35;font-weight:800;word-break:break-word}.r6-info-row p{font-weight:650;color:#59645f}.r6-customer-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto}.r6-call{height:38px;border:1px solid #d6ddd9;border-radius:10px;background:#f7f9f7;color:#243038;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:10.5px;font-weight:950}.r6-edit{height:38px;padding:0 14px;border:1px solid #ffae73;border-radius:10px;background:#fff3ea;color:#b84f07;font-size:10.5px;font-weight:950;cursor:pointer}.r6-empty{background:#fff;border:1px dashed #c9d1cc;border-radius:16px;padding:36px;text-align:center;color:#737f7a;font-size:13px}.r6-customer-form .ey{color:#ff7600;font-size:11px;font-weight:950;letter-spacing:.1em}.r6-customer-form h2{font-size:29px;line-height:1.05;margin:6px 0 5px;letter-spacing:-.035em}.r6-customer-form>p{margin:0 0 15px;color:#6f7974;font-size:12px;line-height:1.45}.r6-customer-form .form-grid{gap:12px!important}.r6-customer-form label{font-size:10px!important;font-weight:950!important;letter-spacing:.055em!important;color:#66716d!important}.r6-customer-form input,.r6-customer-form textarea{font-size:14px!important;min-height:47px!important;border-radius:10px!important}.r6-customer-form textarea{min-height:92px!important;line-height:1.45!important}.r6-save-customer{width:100%;height:51px;border:0;border-radius:11px;background:#ff7600;color:#fff;font-size:12px;font-weight:950;cursor:pointer;margin-top:14px}
@media(max-width:1250px){.header-tools{gap:7px!important}.creator-badge span{display:none!important}.creator-badge{padding-right:7px!important}.r6-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.work-header{height:84px!important;min-height:84px!important;padding:0 12px!important}.work-heading h1,#pageTitle{font-size:22px!important}.work-heading span,#pageSubtitle{font-size:10px!important}.session-status{display:none!important}.creator-badge{display:none!important}.work-clock{font-size:17px!important}#view-customers{min-height:calc(100vh - 84px)!important;padding:14px!important}.r6-customer-hero h2{font-size:28px}.r6-customer-stats{grid-template-columns:1fr 1fr 1fr}}@media(max-width:680px){.work-heading span,#pageSubtitle{display:none!important}.cash-status-badge{padding:0 10px!important;font-size:10px!important}.work-clock{display:none!important}.r6-customer-hero{align-items:flex-start;flex-direction:column;padding:18px}.r6-add-customer{width:100%}.r6-customer-stats{grid-template-columns:1fr}.r6-customer-toolbar{grid-template-columns:1fr}.r6-search-btn{width:100%}.r6-customer-grid{grid-template-columns:1fr}.r6-customer-card{min-height:0}}


/* ===== INTEGRADO DESDE rev7-style ===== */
/* REVISION 7 · tipografía uniforme, negro base, módulos operativos */
:root{--r7-black:#0d1114;--r7-orange:#e76400;--r7-line:#d7ddd9;--r7-soft:#f3f5f3}
.work-content>.view:not(#view-pos){color:var(--r7-black)}
.work-content>.view:not(#view-pos) h1,.work-content>.view:not(#view-pos) h2,.work-content>.view:not(#view-pos) h3,.work-content>.view:not(#view-pos) b,.work-content>.view:not(#view-pos) strong{color:var(--r7-black)}
.view-head h1,.orders-demo-head h1{font-size:38px!important;font-weight:900!important;letter-spacing:-.035em!important}.view-head p,.orders-demo-head p{font-size:13px!important;font-weight:750!important;color:#5d6862!important}.eyebrow{font-size:11px!important;font-weight:950!important;letter-spacing:.11em!important}
.status{font-size:10px!important;padding:7px 10px!important;border:1px solid transparent!important;letter-spacing:.02em}.status.paid{background:#eee5ff!important;color:#6736a6!important;border-color:#d8c2f7!important}.status.prep{background:#fff0d2!important;color:#9a5900!important;border-color:#efc46d!important}.status.ready{background:#dff2ff!important;color:#095d8b!important;border-color:#91cbe9!important}.status.done{background:#dcf7e7!important;color:#0b7248!important;border-color:#88d1a7!important}.status.closed{background:#e9edef!important;color:#263138!important;border-color:#c5ced2!important}.status.cancel{background:#ffe1e4!important;color:#a82233!important;border-color:#e9a3ac!important}.status.neutral{background:#eee!important;color:#333!important}
.order-demo-card.delayed{border:2px solid #d43e2b!important;box-shadow:inset 5px 0 #d43e2b!important}.order-demo-card.delayed .status{box-shadow:0 0 0 2px rgba(212,62,43,.12)}
.order-photo-card{display:grid!important;gap:10px!important;padding:15px!important;text-align:left!important}.order-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.order-card-top b{font-size:19px!important}.order-card-top small{font-size:10.5px!important;color:#5f6a65}.order-card-photos{display:flex;align-items:center;gap:6px}.order-card-photos span{font-size:10px;font-weight:900;color:#59645f;margin-left:3px}.order-thumb{width:36px;height:36px;border-radius:9px;background-size:cover;background-position:center;border:1px solid #d5dbd7;display:grid;place-items:center;font-style:normal;font-weight:900}.order-thumb.no-photo{background:#111;color:#fff}.order-card-total{font-size:19px!important}
.photo-items article{grid-template-columns:58px 1fr auto!important;align-items:center!important;gap:12px!important;padding:12px 0!important}.order-item-photo{width:58px;height:58px;border-radius:12px;background-size:cover;background-position:center;border:1px solid #d5dbd7;display:grid;place-items:center;font-weight:900}.order-item-photo.no-photo{background:#111;color:#fff;font-size:20px}.order-item-copy b{font-size:14px!important}.order-item-copy small{font-size:10.5px!important;line-height:1.35!important}.order-detail-total span{font-size:12px!important}.order-detail-total strong{font-size:29px!important}.order-detail-actions.expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important}.order-detail-actions button{min-height:48px!important;font-size:10.5px!important;font-weight:950!important}.edit-order-btn{border:0;background:#111;color:#fff;border-radius:9px}.order-admin-actions .delete-order-btn{grid-column:1/-1;background:#fff1ed;color:#a63520;border:1px solid #e4a08f}
.order-edit-modal h2{font-size:30px!important;margin:6px 0}.order-edit-modal>p{font-size:12px;line-height:1.5;color:#59645f;font-weight:700}.order-edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:16px 0}.order-edit-grid label,.order-edit-security label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:950}.order-edit-grid .full{grid-column:1/-1}.order-edit-grid input,.order-edit-grid select,.order-edit-grid textarea,.order-edit-security input{height:46px;border:1px solid var(--r7-line);border-radius:9px;padding:0 11px;font-size:13px;background:#fff;color:#111}.order-edit-grid textarea{height:76px;padding:10px}.order-edit-products-head{display:flex;justify-content:space-between;gap:14px;align-items:end;border-top:2px solid #111;padding-top:14px}.order-edit-products-head b{font-size:14px}.order-edit-products-head small{display:block;font-size:10px;color:#68736e}.order-add-product{display:flex;gap:7px}.order-add-product select{height:42px;border:1px solid var(--r7-line);border-radius:8px}.order-add-product button{height:42px;background:#111;color:#fff;border:0;border-radius:8px;font-weight:900}.order-edit-items{display:grid;gap:8px;margin:12px 0}.order-edit-item{display:grid;grid-template-columns:52px minmax(120px,1.5fr) 74px 96px minmax(140px,1fr) auto;gap:8px;align-items:center;border:1px solid #d9dfdb;border-radius:12px;padding:9px;background:#f8faf8}.order-edit-photo{width:52px;height:52px;border-radius:10px;background-size:cover;background-position:center;display:grid;place-items:center;background-color:#111;color:#fff;font-weight:900}.order-edit-name b{font-size:12px}.order-edit-name small{display:block;font-size:9px;color:#6a756f}.order-edit-item label{font-size:8.5px;font-weight:950}.order-edit-item input{width:100%;height:38px;border:1px solid #cfd6d2;border-radius:7px;padding:0 8px}.order-edit-remove{height:38px;border:1px solid #e2a092;background:#fff0ed;color:#a33420;border-radius:8px;font-size:9px;font-weight:950}.order-edit-security{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;border-top:2px solid #111;padding-top:13px}.order-edit-save{margin-top:13px}
.customer-primary-btn,.user-new-main{height:48px;padding:0 18px;border:0;border-radius:10px;background:#111;color:#fff;font-size:11px;font-weight:950}.customer-toolbar-pro{display:flex;gap:10px;margin:14px 0}.customer-search-pro{flex:1;height:48px;display:flex;align-items:center;gap:8px;border:1px solid var(--r7-line);background:#fff;border-radius:10px;padding:0 12px}.customer-search-pro input{border:0;outline:0;flex:1;font-size:13px;background:transparent}.customer-toolbar-pro>button{min-width:110px;border:0;border-radius:10px;background:var(--r7-orange);color:#fff;font-weight:950}.customer-stats-pro,.users-stats-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.customer-stats-pro article,.users-stats-pro article{border:1px solid var(--r7-line);border-radius:12px;background:#fff;padding:14px}.customer-stats-pro span,.users-stats-pro span{font-size:9px;font-weight:950;color:#6b7670}.customer-stats-pro b,.users-stats-pro b{display:block;font-size:26px!important;margin-top:4px}.customer-card-grid{display:grid;gap:11px}.customer-card-pro{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;border:1px solid var(--r7-line);border-radius:14px;background:#fff;padding:14px}.customer-avatar-pro,.user-avatar-pro{width:58px;height:58px;border-radius:14px;background:#111;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:950}.customer-name-row{display:flex;align-items:center;gap:8px}.customer-name-row h3{font-size:17px!important;margin:0}.customer-name-row span{font-size:9px;background:#f0f2f0;border-radius:999px;padding:4px 7px;color:#68736e}.customer-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:8px}.customer-data-grid p{margin:0}.customer-data-grid .wide{grid-column:1/-1}.customer-data-grid b{display:block;font-size:8.5px!important;color:#6a756f!important}.customer-data-grid span{font-size:11.5px;font-weight:700;color:#111}.customer-card-actions,.user-actions-pro{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.customer-card-actions button,.user-actions-pro button{height:38px;border-radius:8px;border:1px solid #ccd4cf;background:#f5f7f5;color:#111;padding:0 11px;font-size:9px;font-weight:950}.customer-card-actions .black,.user-actions-pro .black{background:#111;color:#fff;border-color:#111}.customer-card-actions .danger,.user-actions-pro .danger{background:#fff0ed;color:#a33320;border-color:#e1a192}.customer-modal-pro h2,.user-modal-pro h2{font-size:29px!important;margin:6px 0}.customer-modal-pro>p,.user-modal-pro>p{font-size:12px;color:#62706a;font-weight:700}.customer-form-grid label,.user-form-grid label{font-size:10px!important}.customer-form-grid input,.customer-form-grid textarea,.user-form-grid input,.user-form-grid select{min-height:46px!important;font-size:13px!important}.customer-modal-actions{display:flex;gap:10px;margin-top:14px}.customer-modal-actions button{height:50px;border-radius:9px;font-weight:950;font-size:10px}.customer-save-modal{flex:1;background:#111;color:#fff;border:0}.customer-delete-modal{background:#fff0ed;color:#a33420;border:1px solid #e1a192}
.users-operational{padding:18px!important}.users-protected-note{display:flex;justify-content:space-between;gap:16px;padding:13px 14px;border-left:5px solid #111;background:#f3f5f3;border-radius:10px;margin-bottom:12px}.users-protected-note b{font-size:11px!important}.users-protected-note span{font-size:10px;color:#64706a}.user-card-list-pro{display:grid;gap:9px}.user-card-pro{display:grid;grid-template-columns:58px 1fr auto;gap:13px;align-items:center;border:1px solid var(--r7-line);border-radius:13px;padding:13px;background:#fff}.user-card-pro.owner{border-left:5px solid var(--r7-orange)}.user-info-pro h3{font-size:16px!important;margin:0 0 5px}.user-info-pro p{font-size:10.5px;color:#68736e;margin:6px 0 0}.role-chip,.state-chip,.protected-chip{display:inline-block;border-radius:999px;padding:5px 8px;font-size:8.5px;font-weight:950;margin-right:5px}.role-chip{background:#111;color:#fff}.state-chip.active{background:#ddf7e8;color:#087148}.state-chip.off{background:#eee;color:#555}.protected-chip{background:#fff0dc;color:#9d5b00}.permissions-pro{margin-top:14px;border-top:2px solid #111;padding-top:13px}.permissions-pro>div:first-child b{font-size:12px!important}.permissions-pro>div:first-child span{display:block;font-size:10px;color:#6a756f}.permissions-grid-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.permissions-grid-pro label{display:flex;align-items:center;gap:8px;border:1px solid #d6ddd8;border-radius:9px;padding:10px;font-size:10px;font-weight:900}.permissions-grid-pro input{width:18px;height:18px}.user-save-pro{width:100%;height:52px;margin-top:13px;border:0;border-radius:9px;background:#111;color:#fff;font-weight:950}
.brand-pro-layout{display:grid;grid-template-columns:380px 1fr;gap:18px}.brand-pro-preview,.brand-pro-controls{border:1px solid var(--r7-line);border-radius:16px;background:#fff;padding:20px}.brand-pro-preview>span,.brand-control-block small{font-size:9px;font-weight:950;color:#68736e;letter-spacing:.08em}.brand-main-logo{height:190px;border:2px dashed #cbd3ce;border-radius:14px;display:grid;place-items:center;margin:12px 0;background:#f7f9f7;overflow:hidden}.brand-main-logo img{max-width:100%;max-height:100%;object-fit:contain;padding:14px}.brand-pro-preview h2{font-size:24px!important;text-align:center}.meson-preview-pro{margin-top:18px;border-top:2px solid #111;padding-top:14px}.meson-preview-pro small{font-size:9px;font-weight:950}.meson-preview-pro>div{height:86px;border-radius:13px;background:#111;display:grid;place-items:center;margin:8px 0;overflow:hidden}.meson-preview-pro img{max-width:90%;max-height:76px;object-fit:contain}.meson-preview-pro b{color:#fff!important;font-size:18px!important}.meson-preview-pro p{font-size:10px;color:#67736d}.brand-control-block{display:flex;gap:12px;align-items:flex-start}.brand-control-block.second{margin-top:22px;border-top:1px solid #e0e5e1;padding-top:18px}.block-no{width:34px;height:34px;border-radius:9px;background:#111;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:950;flex:0 0 auto}.brand-control-block h2{font-size:22px!important;margin:3px 0 5px}.brand-control-block p{font-size:10.5px;color:#68736e;line-height:1.45;margin:0}.brand-upload-pro,.custom-meson-upload label{display:block;margin-top:13px;background:var(--r7-orange);color:#fff;border-radius:9px;padding:14px 15px;font-size:10px;font-weight:950;cursor:pointer;text-align:center}.brand-upload-pro input,.custom-meson-upload input[type=file]{display:none}.brand-field-pro{display:block;margin-top:13px}.brand-field-pro span{display:block;font-size:9px;font-weight:950;margin-bottom:6px}.brand-field-pro input{width:100%;height:48px;border:1px solid var(--r7-line);border-radius:9px;padding:0 11px;font-size:13px}.meson-logo-mode{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.meson-logo-mode label{border:2px solid #d4dbd6;border-radius:11px;padding:12px;cursor:pointer}.meson-logo-mode label.selected{border-color:#111;background:#f1f3f1}.meson-logo-mode input{margin-right:7px}.meson-logo-mode b{font-size:10.5px!important}.meson-logo-mode span{display:block;font-size:8.5px;color:#69746e;margin:5px 0 0 24px}.brand-colors-pro{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.brand-colors-pro label{display:grid;grid-template-columns:1fr auto;gap:6px;border:1px solid #d6ddd8;border-radius:10px;padding:11px}.brand-colors-pro span{font-size:9px;font-weight:950}.brand-colors-pro input{width:55px;height:34px;border:0;background:none}.brand-colors-pro b{font-size:10px!important}.brand-theme-pro button{font-size:10px!important}.brand-save-pro{width:100%;height:54px;margin-top:14px;border:0;border-radius:9px;background:#111;color:#fff;font-weight:950;font-size:11px}
html[data-theme="dark"] .work-content>.view:not(#view-pos){color:#f5f7f5}html[data-theme="dark"] .work-content>.view:not(#view-pos) h1,html[data-theme="dark"] .work-content>.view:not(#view-pos) h2,html[data-theme="dark"] .work-content>.view:not(#view-pos) h3,html[data-theme="dark"] .work-content>.view:not(#view-pos) b,html[data-theme="dark"] .work-content>.view:not(#view-pos) strong{color:#f5f7f5}html[data-theme="dark"] .customer-card-pro,html[data-theme="dark"] .customer-stats-pro article,html[data-theme="dark"] .users-stats-pro article,html[data-theme="dark"] .user-card-pro,html[data-theme="dark"] .users-operational,html[data-theme="dark"] .brand-pro-preview,html[data-theme="dark"] .brand-pro-controls{background:#202728;border-color:#3b4642}html[data-theme="dark"] .customer-data-grid span,html[data-theme="dark"] .order-item-copy b{color:#f5f7f5}html[data-theme="dark"] .customer-search-pro,html[data-theme="dark"] .order-edit-item{background:#1b2223;border-color:#46514e}
@media(max-width:980px){.brand-pro-layout{grid-template-columns:1fr}.customer-card-pro,.user-card-pro{grid-template-columns:54px 1fr}.customer-card-actions,.user-actions-pro{grid-column:1/-1;justify-content:flex-start}.order-edit-item{grid-template-columns:50px 1fr 72px 90px}.order-edit-item .wide{grid-column:2/5}.order-edit-remove{grid-column:2/5}.permissions-grid-pro{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.customer-stats-pro,.users-stats-pro{grid-template-columns:1fr 1fr}.customer-data-grid,.order-edit-grid,.order-edit-security,.brand-colors-pro,.meson-logo-mode{grid-template-columns:1fr}.customer-data-grid .wide,.order-edit-grid .full{grid-column:auto}.order-edit-products-head{align-items:stretch;flex-direction:column}.order-add-product{display:grid;grid-template-columns:1fr auto}.order-edit-item{grid-template-columns:46px 1fr 70px}.order-edit-item label:nth-of-type(2),.order-edit-item .wide,.order-edit-remove{grid-column:2/4}.permissions-grid-pro{grid-template-columns:1fr}.brand-pro-preview,.brand-pro-controls{padding:14px}}


/* ===== INTEGRADO DESDE r72-final-style ===== */
/* ==============================================================
   FIXED · FiSS Pedido Básico 1.0 · REVISIÓN 7.5.11
   VISTA COMPLETA · ESTILO FISS UNIFICADO
   ============================================================= */
:root{--r72-black:#101a20;--r72-black2:#17252b;--r72-orange:#ff7600;--r72-bg:#edf1ee;--r72-line:#d5ddd8;--r72-muted:#66736d}

/* ---------- PEDIDOS ---------- */
#view-orders{background:var(--r72-bg)!important;padding:22px!important;overflow:auto!important;height:auto!important;min-height:calc(100vh - var(--demo-header-h))!important}
#view-orders .orders-demo-head{min-height:120px!important;height:auto!important;margin:0 0 14px!important;padding:22px 24px!important;border-radius:20px!important;border:1px solid #26363d!important;background:linear-gradient(135deg,var(--r72-black),var(--r72-black2))!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;box-shadow:0 12px 30px rgba(10,18,22,.10)!important}
#view-orders .orders-demo-head .eyebrow{font-size:11px!important;color:#ff7a16!important;letter-spacing:.12em!important;font-weight:950!important}
#view-orders .orders-demo-head h1{font-size:39px!important;line-height:1!important;margin:6px 0 7px!important;color:#fff!important;letter-spacing:-.045em!important}
#view-orders .orders-demo-head p{font-size:13px!important;line-height:1.4!important;color:#cbd4d6!important;font-weight:650!important;margin:0!important}
#view-orders #refreshOrders{height:48px!important;padding:0 20px!important;border:0!important;border-radius:12px!important;background:var(--r72-orange)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;box-shadow:0 9px 24px rgba(255,118,0,.22)!important}
#view-orders .orders-demo-tools{display:grid!important;grid-template-columns:minmax(0,1fr) 210px!important;gap:10px!important;margin-bottom:12px!important}
#view-orders .orders-search,#view-orders .orders-demo-tools>input{height:54px!important;border:1px solid var(--r72-line)!important;border-radius:13px!important;background:#fff!important;color:#172126!important}
#view-orders .orders-search{display:flex!important;align-items:center!important;gap:10px!important;padding:0 15px!important;font-size:19px!important}
#view-orders .orders-search input{height:50px!important;font-size:14px!important;font-weight:750!important;color:#172126!important}
#view-orders .orders-demo-tools>input{padding:0 14px!important;font-size:13px!important;font-weight:800!important}
#view-orders .orders-filter-tabs{display:flex!important;gap:8px!important;overflow:auto!important;margin:0 0 13px!important;padding-bottom:2px!important}
#view-orders .orders-filter-tabs button{height:47px!important;min-height:47px!important;padding:0 14px!important;border:1px solid var(--r72-line)!important;border-radius:12px!important;background:#fff!important;color:#172126!important;font-size:11.5px!important;font-weight:950!important;white-space:nowrap!important}
#view-orders .orders-filter-tabs button b{display:inline-grid!important;place-items:center!important;min-width:25px!important;height:25px!important;margin-left:7px!important;border-radius:999px!important;background:#edf1ee!important;color:#53605a!important;font-size:11px!important}
#view-orders .orders-filter-tabs button.on{background:#111d26!important;border-color:#111d26!important;color:#fff!important}
#view-orders .orders-filter-tabs button.on b{background:#fff!important;color:#111d26!important}

#view-orders .orders-demo-layout{display:grid!important;grid-template-columns:minmax(400px,37%) minmax(0,1fr)!important;gap:14px!important;height:auto!important;min-height:620px!important;align-items:stretch!important}
#view-orders .orders-today,#view-orders .orders-detail{min-height:620px!important;border:1px solid var(--r72-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(17,28,24,.035)!important;overflow:hidden!important}
#view-orders .orders-today{display:flex!important;flex-direction:column!important}
#view-orders .orders-list-title{height:56px!important;min-height:56px!important;padding:0 16px!important;background:#111d26!important;color:#fff!important;border:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:12px!important;font-weight:950!important}
#view-orders .orders-list-title span{display:grid!important;place-items:center!important;min-width:28px!important;height:28px!important;border-radius:999px!important;background:var(--r72-orange)!important;color:#fff!important;font-size:12px!important}
#view-orders #ordersCards{flex:1!important;overflow:auto!important;padding:11px!important;display:flex!important;flex-direction:column!important;gap:10px!important}

#view-orders .r72-order-card{width:100%!important;min-height:132px!important;padding:15px!important;border:1px solid #d8dfda!important;border-left:5px solid #cbd4cf!important;border-radius:16px!important;background:#fff!important;color:#111a1f!important;display:flex!important;flex-direction:column!important;gap:13px!important;text-align:left!important;overflow:hidden!important;box-shadow:none!important}
#view-orders .r72-order-card:hover{background:#fffaf6!important;border-color:#efae7d!important}
#view-orders .r72-order-card.selected{border:2px solid var(--r72-orange)!important;border-left-width:6px!important;background:#fff8f2!important;box-shadow:0 8px 22px rgba(255,118,0,.08)!important}
#view-orders .r72-order-card.delayed{border-left-color:#d94330!important}
#view-orders .r72-order-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;min-width:0!important}
#view-orders .r72-order-card-head>div{min-width:0!important;display:grid!important;gap:5px!important}
#view-orders .r72-order-card-head b{font-size:20px!important;line-height:1!important;color:#111a1f!important;font-weight:950!important}
#view-orders .r72-order-card-head small{font-size:11px!important;line-height:1.35!important;color:#66736d!important;font-weight:750!important;white-space:normal!important}
#view-orders .r72-order-card-head .status{flex:0 0 auto!important;max-width:160px!important;padding:8px 11px!important;font-size:10.5px!important;line-height:1.15!important;text-align:center!important;white-space:normal!important}
#view-orders .r72-order-card-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-width:0!important}
#view-orders .r72-order-photos{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
#view-orders .r72-order-photos .order-thumb{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:10px!important;border:1px solid #cfd7d2!important;background-size:cover!important;background-position:center!important}
#view-orders .r72-order-photos span{font-size:11px!important;line-height:1.2!important;color:#53605a!important;font-weight:950!important}
#view-orders .r72-order-total{font-size:22px!important;line-height:1!important;color:#111a1f!important;font-weight:950!important;white-space:nowrap!important}

#view-orders .orders-detail{padding:19px 20px 20px!important;overflow:auto!important}
#view-orders .order-detail-head{padding-bottom:14px!important;border-bottom:1px solid #dce3df!important}
#view-orders .order-detail-head span{font-size:10px!important;color:#66736d!important}
#view-orders .order-detail-head h2{font-size:33px!important;line-height:1!important;margin-top:4px!important}
#view-orders .order-detail-head .status{padding:9px 13px!important;font-size:11px!important}
#view-orders .order-detail-channel{padding:12px 0!important;border-bottom:1px solid #dce3df!important}
#view-orders .order-detail-channel b{font-size:13px!important}.order-detail-channel span{font-size:10.5px!important}
#view-orders .order-detail-items.photo-items{max-height:310px!important;min-height:92px!important;overflow:auto!important;border-bottom:1px solid #dce3df!important}
#view-orders .order-detail-items.photo-items article{display:grid!important;grid-template-columns:66px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;min-height:86px!important;padding:10px 4px!important;border-bottom:1px solid #edf1ee!important}
#view-orders .order-detail-items.photo-items article:last-child{border-bottom:0!important}
#view-orders .order-detail-items.photo-items .order-item-photo{width:66px!important;height:66px!important;border-radius:12px!important;background-size:cover!important;background-position:center!important}
#view-orders .order-detail-items.photo-items .order-item-copy b{display:block!important;font-size:14px!important;line-height:1.25!important;color:#111a1f!important}
#view-orders .order-detail-items.photo-items .order-item-copy small{display:block!important;margin-top:4px!important;font-size:10.5px!important;line-height:1.35!important;color:#626f69!important}
#view-orders .order-detail-items.photo-items article>strong{font-size:14px!important;color:#111a1f!important;white-space:nowrap!important}
#view-orders .order-kitchen-note{padding:12px 14px!important;margin:12px 0 0!important;border-radius:12px!important;background:#f8faf8!important}
#view-orders .order-kitchen-note b{font-size:10px!important}.order-kitchen-note span{font-size:11px!important;line-height:1.45!important}
#view-orders .order-detail-total{padding:14px 0!important}.order-detail-total span{font-size:13px!important}.order-detail-total strong{font-size:31px!important}
#view-orders .order-detail-actions.expanded{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
#view-orders .order-detail-actions.expanded button{min-height:53px!important;height:auto!important;padding:10px 12px!important;border-radius:11px!important;font-size:11.5px!important;line-height:1.2!important;font-weight:950!important}
#view-orders .edit-order-btn{background:#111!important;color:#fff!important;border-color:#111!important}
#view-orders .delete-order-btn{grid-column:1/-1!important;background:#fff1ed!important;color:#a33322!important;border-color:#efb6aa!important}
#view-orders .close-order-btn{background:#ecf8dc!important;color:#2c6508!important;border-color:#85c93d!important}
#view-orders .closed-info{font-size:9.5px!important;padding:9px 0!important;color:#66736d!important}

.status.paid{background:#eee5ff!important;color:#6736a6!important;border:1px solid #d8c2f7!important}
.status.prep{background:#fff0d2!important;color:#9a5900!important;border:1px solid #efc46d!important}
.status.ready{background:#dff2ff!important;color:#095d8b!important;border:1px solid #91cbe9!important}
.status.done{background:#dcf7e7!important;color:#0b7248!important;border:1px solid #88d1a7!important}
.status.closed{background:#e9edef!important;color:#263138!important;border:1px solid #c5ced2!important}
.status.cancel{background:#ffe1e4!important;color:#a82233!important;border:1px solid #e9a3ac!important}

/* ---------- REPORTES DE VENTAS ---------- */
#view-reports{background:var(--r72-bg)!important;overflow:auto!important}
#view-reports .reports-final{padding:22px!important}
#view-reports .reports-head{min-height:120px!important;padding:22px 24px!important;margin-bottom:14px!important;border-radius:20px!important;border:1px solid #26363d!important;background:linear-gradient(135deg,var(--r72-black),var(--r72-black2))!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;box-shadow:0 12px 30px rgba(10,18,22,.10)!important}
#view-reports .reports-head .eyebrow{font-size:11px!important;color:#ff7a16!important;letter-spacing:.12em!important}
#view-reports .reports-head h1{font-size:36px!important;line-height:1!important;margin:6px 0 8px!important;color:#fff!important;letter-spacing:-.035em!important}
#view-reports .reports-head p{font-size:12px!important;color:#cbd4d6!important;line-height:1.4!important;margin:0!important}
#view-reports .reports-head>div:last-child{display:flex!important;gap:9px!important}
#view-reports .reports-head button{height:47px!important;padding:0 17px!important;border-radius:11px!important;font-size:11.5px!important;font-weight:950!important}
#view-reports .reports-head .primary{background:var(--r72-orange)!important;border-color:var(--r72-orange)!important;color:#fff!important}
#view-reports .report-top-grid{grid-template-columns:minmax(290px,31%) minmax(0,1fr)!important;gap:14px!important;margin:0 0 14px!important}
#view-reports .report-day-hero,#view-reports .report-calendar-panel{padding:18px!important;border-radius:17px!important;background:#fff!important;border:1px solid var(--r72-line)!important;box-shadow:0 7px 20px rgba(16,26,32,.03)!important}
#view-reports .report-day-hero>small{font-size:10px!important}.report-day-hero h2{font-size:19px!important;line-height:1.2!important;margin:7px 0 15px!important}
#view-reports .report-day-hero>div{grid-template-columns:45px 1fr 45px!important;gap:9px!important}.report-day-hero>div button{height:44px!important;font-size:22px!important}.report-day-hero>div strong{font-size:33px!important}
#view-reports .report-day-hero>button{height:42px!important;margin-top:12px!important;border-radius:10px!important;font-size:11px!important;background:#111d26!important}
#view-reports .calendar-head{grid-template-columns:43px 185px 43px 1fr!important;gap:8px!important;margin-bottom:11px!important}.calendar-head button,.calendar-head input{height:43px!important;font-size:14px!important}.calendar-head strong{font-size:13px!important}
#view-reports .report-calendar{gap:5px!important}.cal-dow{font-size:9.5px!important}.cal-day{min-height:59px!important;padding:6px!important;border-radius:9px!important}.cal-day span{font-size:12px!important}.cal-day small{font-size:8.5px!important}
#view-reports .report-kpi-six{gap:9px!important}.report-kpi-six article{padding:14px!important;border-radius:13px!important}.report-kpi-six span{font-size:9.5px!important}.report-kpi-six strong{font-size:21px!important;margin-top:6px!important}
#view-reports .report-mid-grid{gap:12px!important;margin-top:12px!important}.report-mid-grid .section-card{padding:18px!important;border-radius:16px!important}.report-mid-grid h3,.report-detail-final h3{font-size:22px!important;margin-bottom:14px!important}
#view-reports .report-bar{grid-template-columns:125px 1fr 105px!important;gap:10px!important;margin:12px 0!important}.report-bar span{font-size:11px!important}.report-bar i{height:10px!important}.report-bar strong{font-size:12px!important}
#view-reports .channel-report-final{gap:9px!important}.channel-report-final article{padding:12px!important;border-radius:11px!important}.channel-report-final span,.channel-report-final small{font-size:9.5px!important}.channel-report-final b{font-size:18px!important;margin:4px 0!important}
#view-reports .report-detail-final{margin-top:12px!important;padding:18px!important;border-radius:16px!important}.sales-detail-head p{font-size:11px!important}.report-search-box{height:48px!important;border-radius:11px!important}.report-search-box input{font-size:12px!important}
#view-reports .report-result-count{font-size:9.5px!important;margin:12px 0 6px!important}.report-detail-final table{font-size:11px!important}.report-detail-final th{font-size:9.5px!important;padding:10px 11px!important}.report-detail-final td{padding:12px 11px!important;line-height:1.35!important}.report-detail-final td small{font-size:10px!important}.report-detail-final .status{font-size:9.5px!important;padding:6px 9px!important}

/* ---------- CLIENTES: edición + eliminación completas ---------- */
#view-customers .r72-customer-actions{display:grid!important;grid-template-columns:1fr auto auto!important;gap:8px!important;align-items:center!important;margin-top:13px!important}
#view-customers .r72-delete-customer{height:40px!important;padding:0 12px!important;border:1px solid #e5afa4!important;border-radius:10px!important;background:#fff1ed!important;color:#a33322!important;font-size:10px!important;font-weight:950!important}
#view-customers .r72-edit-customer{height:40px!important;padding:0 14px!important;border:1px solid #111!important;border-radius:10px!important;background:#111!important;color:#fff!important;font-size:10px!important;font-weight:950!important}
.r72-customer-form h2{font-size:30px!important}.r72-customer-form p{font-size:12px!important}.r72-customer-form label{font-size:11px!important}.r72-customer-form input,.r72-customer-form textarea{font-size:14px!important}.r72-customer-form textarea{min-height:90px!important}.r72-customer-modal-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:15px!important}.r72-customer-modal-actions button{height:50px!important;border-radius:11px!important;font-size:11.5px!important;font-weight:950!important}.r72-customer-save{background:var(--r72-orange)!important;color:#fff!important;border:0!important}.r72-customer-delete{background:#fff1ed!important;color:#a33322!important;border:1px solid #e5afa4!important}

/* Destructivo = contraseña de administrador. Cerrar = acción operacional simple. */
@media(max-width:1050px){#view-orders .orders-demo-layout{grid-template-columns:360px minmax(0,1fr)!important}.report-kpi-six{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:820px){#view-orders{padding:12px!important}#view-orders .orders-demo-head,#view-reports .reports-head{border-radius:15px!important;padding:18px!important;align-items:flex-start!important;flex-direction:column!important}#view-orders .orders-demo-tools{grid-template-columns:1fr!important}#view-orders .orders-demo-layout{grid-template-columns:1fr!important;min-height:0!important}#view-orders .orders-today,#view-orders .orders-detail{min-height:420px!important}.report-top-grid,.report-mid-grid{grid-template-columns:1fr!important}.report-kpi-six{grid-template-columns:repeat(2,1fr)!important}.calendar-head{grid-template-columns:40px 1fr 40px!important}.calendar-head strong{grid-column:1/-1;text-align:left!important}}


/* ===== INTEGRADO DESDE fiss-r75-real-final-header-css ===== */
/* ============================================================
   FiSS Pedido Básico · REVISIÓN 7.5.11
   CABECERA DE SECCIÓN FiSS · REGLA ÚNICA Y DEFINITIVA
   Referencia: REPORTES DE VENTAS
   ============================================================ */

:root{
  --fiss-section-bg-1:#0b151c;
  --fiss-section-bg-2:#14232c;
  --fiss-section-white:#ffffff;
  --fiss-section-soft:#d8e0dc;
  --fiss-section-orange:#ff7900;
}

/* CABECERAS DE SECCIÓN REALES DE CADA VISTA */
#view-dashboard > .view-head,
#view-products > .view-head,
#view-categories > .view-head,
#view-users > .view-head,
#view-brand > .view-head,
#view-settings > .view-head,
#view-orders > .orders-demo-head,
#view-reports .reports-head,
#view-customers > .r6-customer-hero{
  background:linear-gradient(135deg,var(--fiss-section-bg-1),var(--fiss-section-bg-2))!important;
  background-color:var(--fiss-section-bg-1)!important;
  color:var(--fiss-section-white)!important;
  border:1px solid #24343d!important;
  border-radius:22px!important;
  box-shadow:0 14px 34px rgba(7,15,19,.12)!important;
  min-height:132px!important;
  padding:24px 30px!important;
  margin:0 0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
}

/* RÓTULO NARANJO */
#view-dashboard > .view-head .eyebrow,
#view-products > .view-head .eyebrow,
#view-categories > .view-head .eyebrow,
#view-users > .view-head .eyebrow,
#view-brand > .view-head .eyebrow,
#view-settings > .view-head .eyebrow,
#view-orders > .orders-demo-head .eyebrow,
#view-reports .reports-head .eyebrow,
#view-customers > .r6-customer-hero > div > span:first-child{
  color:var(--fiss-section-orange)!important;
  -webkit-text-fill-color:var(--fiss-section-orange)!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  margin:0 0 9px!important;
}

/* TÍTULO BLANCO SOBRE FONDO OSCURO */
#view-dashboard > .view-head h1,
#view-products > .view-head h1,
#view-categories > .view-head h1,
#view-users > .view-head h1,
#view-brand > .view-head h1,
#view-settings > .view-head h1,
#view-orders > .orders-demo-head h1,
#view-reports .reports-head h1,
#view-customers > .r6-customer-hero h1,
#view-customers > .r6-customer-hero h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
  font-size:46px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  margin:0 0 8px!important;
}

/* SUBTÍTULO CLARO */
#view-dashboard > .view-head p,
#view-products > .view-head p,
#view-categories > .view-head p,
#view-users > .view-head p,
#view-brand > .view-head p,
#view-settings > .view-head p,
#view-orders > .orders-demo-head p,
#view-reports .reports-head p,
#view-customers > .r6-customer-hero p{
  color:var(--fiss-section-soft)!important;
  -webkit-text-fill-color:var(--fiss-section-soft)!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  margin:0!important;
}

/* BOTONES DENTRO DE CABECERA */
#view-orders > .orders-demo-head > button,
#view-reports .reports-head .btn.secondary{
  background:#f7f9fa!important;
  color:#0b1115!important;
  -webkit-text-fill-color:#0b1115!important;
  border-color:#dbe2e5!important;
}
#view-reports .reports-head .btn.primary,
#view-customers > .r6-customer-hero > button{
  background:var(--fiss-section-orange)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:var(--fiss-section-orange)!important;
}

/* RESUMEN: tarjeta oscura con montos blancos */
#view-dashboard .r5-kpi.main{
  background:linear-gradient(135deg,#15242e,#22343f)!important;
  border-color:#1b2d37!important;
  color:#fff!important;
}
#view-dashboard .r5-kpi.main,
#view-dashboard .r5-kpi.main *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
#view-dashboard .r5-kpi.main span,
#view-dashboard .r5-kpi.main small{
  color:#d9e2e6!important;
  -webkit-text-fill-color:#d9e2e6!important;
}

/* CONTENIDO CLARO: conserva negro */
#view-products .product-admin-work,
#view-categories .category-work,
#view-customers .r6-customer-body,
#view-users .users-operational,
#view-settings .settings-six,
#view-reports .report-top-grid,
#view-reports #reportContent{
  color:#0b1115!important;
}

/* RESPONSIVE */
@media(max-width:900px){
  #view-dashboard > .view-head,
  #view-products > .view-head,
  #view-categories > .view-head,
  #view-users > .view-head,
  #view-brand > .view-head,
  #view-settings > .view-head,
  #view-orders > .orders-demo-head,
  #view-reports .reports-head,
  #view-customers > .r6-customer-hero{
    min-height:0!important;
    padding:20px 18px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    border-radius:18px!important;
  }
  #view-dashboard > .view-head h1,
  #view-products > .view-head h1,
  #view-categories > .view-head h1,
  #view-users > .view-head h1,
  #view-brand > .view-head h1,
  #view-settings > .view-head h1,
  #view-orders > .orders-demo-head h1,
  #view-reports .reports-head h1,
  #view-customers > .r6-customer-hero h1,
  #view-customers > .r6-customer-hero h2{
    font-size:34px!important;
  }
}


/* ===== INTEGRADO DESDE fiss-r751-customer-header-fix ===== */
/* Clientes usa .view-head en la versión operativa actual. */
#view-customers > .view-head{
  background:linear-gradient(135deg,#0b151c,#14232c)!important;
  background-color:#0b151c!important;
  color:#fff!important;
  border:1px solid #24343d!important;
  border-radius:22px!important;
  box-shadow:0 14px 34px rgba(7,15,19,.12)!important;
  min-height:132px!important;
  padding:24px 30px!important;
  margin:0 0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
}
#view-customers > .view-head .eyebrow{
  color:#ff7900!important;
  -webkit-text-fill-color:#ff7900!important;
  opacity:1!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  margin:0 0 9px!important;
}
#view-customers > .view-head h1{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
  font-size:46px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  margin:0 0 8px!important;
}
#view-customers > .view-head p{
  color:#d8e0dc!important;
  -webkit-text-fill-color:#d8e0dc!important;
  opacity:1!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  margin:0!important;
}
#view-customers > .view-head > button{
  background:#ff7900!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#ff7900!important;
}
@media(max-width:900px){
  #view-customers > .view-head{
    min-height:0!important;
    padding:20px 18px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    border-radius:18px!important;
  }
  #view-customers > .view-head h1{font-size:34px!important}
}


/* ===== INTEGRADO DESDE fiss-r752-orders-left-list-only ===== */
/* ============================================================
   REV. 7.5.2 · SOLO LISTA IZQUIERDA DE PEDIDOS
   - Sin fotos
   - Más compacta
   - Permite ver más pedidos del día
   - NO modifica el detalle derecho ni otras pestañas
   ============================================================ */

#view-orders #ordersCards{
  padding:9px!important;
  gap:7px!important;
}

#view-orders .order-demo-card.r752-order-row{
  width:100%!important;
  min-height:92px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto auto!important;
  grid-template-areas:
    "main total"
    "meta status"
    "products status"!important;
  gap:5px 12px!important;
  padding:12px 13px!important;
  border:1px solid #d7dfda!important;
  border-left:5px solid #ccd5d0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#0b1115!important;
  text-align:left!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

#view-orders .order-demo-card.r752-order-row:hover{
  background:#fbfcfb!important;
}

#view-orders .order-demo-card.r752-order-row.selected{
  border:2px solid #ff7900!important;
  border-left:6px solid #ff7900!important;
  background:#fffaf6!important;
}

#view-orders .order-demo-card.r752-order-row.delayed{
  border-left-color:#d7442f!important;
}

#view-orders .r752-main{
  grid-area:main!important;
  min-width:0!important;
}

#view-orders .r752-main b{
  display:block!important;
  font-size:18px!important;
  line-height:1!important;
  color:#0b1115!important;
  font-weight:950!important;
}

#view-orders .r752-total{
  grid-area:total!important;
  align-self:start!important;
  justify-self:end!important;
  font-size:18px!important;
  line-height:1!important;
  color:#0b1115!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

#view-orders .r752-meta{
  grid-area:meta!important;
  display:block!important;
  min-width:0!important;
  font-size:10px!important;
  line-height:1.25!important;
  color:#65716b!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#view-orders .r752-products{
  grid-area:products!important;
  display:block!important;
  min-width:0!important;
  font-size:10px!important;
  line-height:1.25!important;
  color:#4f5b55!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#view-orders .r752-products small{
  color:#7a8580!important;
  font-size:9px!important;
  font-weight:700!important;
}

#view-orders .r752-status{
  grid-area:status!important;
  align-self:center!important;
  justify-self:end!important;
  max-width:150px!important;
}

#view-orders .r752-delay{
  color:#b63c29!important;
  font-weight:950!important;
}

@media(max-width:900px){
  #view-orders .order-demo-card.r752-order-row{
    min-height:88px!important;
  }
}


/* ===== INTEGRADO DESDE r753-dashboard-color-upgrade ===== */
/* REV 7.5.3 · Solo mejora visual del Resumen / Dashboard */
#view-dashboard .r5-kpis{gap:14px!important;margin-bottom:18px!important;}
#view-dashboard .r5-kpi{position:relative;overflow:hidden;border-radius:18px!important;padding:19px 20px!important;box-shadow:0 10px 24px rgba(11,17,21,.06)!important;}
#view-dashboard .r5-kpi::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:#d9e1dc;}
#view-dashboard .r5-kpi span{font-size:11px!important;letter-spacing:.07em!important;}
#view-dashboard .r5-kpi strong{font-size:29px!important;}
#view-dashboard .r5-kpi small{font-size:11.5px!important;line-height:1.35!important;}
#view-dashboard .r5-kpis .r5-kpi.main{background:linear-gradient(135deg,#0f1a22 0%,#223646 100%)!important;border-color:#14212b!important;color:#fff!important;}
#view-dashboard .r5-kpis .r5-kpi.main::before{background:linear-gradient(90deg,#ff7a00,#ffb25b)!important;}
#view-dashboard .r5-kpis .r5-kpi.main span,#view-dashboard .r5-kpis .r5-kpi.main small{color:#eef4f6!important;}
#view-dashboard .r5-kpis .r5-kpi:nth-child(2){background:#ffffff!important;border-color:#d6dfd9!important;}
#view-dashboard .r5-kpis .r5-kpi:nth-child(2)::before{background:linear-gradient(90deg,#1e2933,#314555)!important;}
#view-dashboard .r5-kpis .r5-kpi:nth-child(3){background:#f7fbff!important;border-color:#d3e4f5!important;}
#view-dashboard .r5-kpis .r5-kpi:nth-child(3)::before{background:linear-gradient(90deg,#4b8fd3,#8ec0f2)!important;}
#view-dashboard .r5-kpis .r5-kpi.cash{background:#fff3e7!important;border-color:#ffcfaa!important;}
#view-dashboard .r5-kpis .r5-kpi.cash::before{background:linear-gradient(90deg,#ff7a00,#ffb15a)!important;}
#view-dashboard .r5-kpis .r5-kpi.cash strong{color:#cb5a0f!important;}
#view-dashboard .r5-kpis .r5-kpi:nth-child(5){background:#eef7f1!important;border-color:#cfe6d6!important;}
#view-dashboard .r5-kpis .r5-kpi:nth-child(5)::before{background:linear-gradient(90deg,#1e9d62,#73d59d)!important;}
#view-dashboard .r5-kpis .r5-kpi:nth-child(5) strong{color:#13764c!important;}
#view-dashboard .r5-kpis .r5-kpi:nth-child(6){background:#f2f8ff!important;border-color:#d2e2f4!important;}
#view-dashboard .r5-kpis .r5-kpi:nth-child(6)::before{background:linear-gradient(90deg,#2f86ca,#7fbef0)!important;}
#view-dashboard .r5-kpis .r5-kpi:nth-child(6) strong{color:#0f5f9f!important;}

#view-dashboard .r5-grid{gap:16px!important;margin-bottom:16px!important;}
#view-dashboard .r5-panel{border-radius:18px!important;padding:18px 18px 20px!important;box-shadow:0 10px 24px rgba(11,17,21,.055)!important;}
#view-dashboard .r5-panel.orange{background:#fffdfa!important;border-color:#f2c59d!important;border-top:5px solid #ff7a00!important;}
#view-dashboard .r5-panel.dark{background:#f7fbfd!important;border-color:#d6e4ee!important;border-top:5px solid #21323f!important;}
#view-dashboard .r5-title{margin-bottom:16px!important;}
#view-dashboard .r5-title h3{font-size:18px!important;font-weight:950!important;color:#0b1115!important;}
#view-dashboard .r5-chip{background:#1b2630!important;color:#fff!important;padding:7px 11px!important;font-size:11px!important;}

#view-dashboard .r5-payments{gap:12px!important;}
#view-dashboard .r5-pay{background:#fff!important;border-radius:15px!important;padding:16px!important;min-height:136px!important;border:1px solid #d9e0dc!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);}
#view-dashboard .r5-pay:nth-child(1){background:#fff8f1!important;border-color:#ffd2af!important;}
#view-dashboard .r5-pay:nth-child(2){background:#eef8f1!important;border-color:#cce8d3!important;}
#view-dashboard .r5-pay:nth-child(3){background:#f1f7ff!important;border-color:#d5e5f6!important;}
#view-dashboard .r5-pay b{color:#51605a!important;font-size:11.5px!important;}
#view-dashboard .r5-pay strong{font-size:24px!important;color:#0b1115!important;}
#view-dashboard .r5-pay small{font-size:11.5px!important;color:#697770!important;}
#view-dashboard .r5-pay:nth-child(1) .r5-bar i{background:linear-gradient(90deg,#ff7a00,#ffb158)!important;}
#view-dashboard .r5-pay:nth-child(2) .r5-bar i{background:linear-gradient(90deg,#18a05f,#6ed697)!important;}
#view-dashboard .r5-pay:nth-child(3) .r5-bar i{background:linear-gradient(90deg,#2f86ca,#7ebef2)!important;}

#view-dashboard .r5-row{border-radius:14px!important;padding:14px 14px!important;background:#fff!important;}
#view-dashboard .r5-latest .r5-row:nth-child(1){border-left:5px solid #18a05f!important;background:#f5fcf7!important;}
#view-dashboard .r5-latest .r5-row:nth-child(2){border-left:5px solid #4ba2e4!important;background:#f5faff!important;}
#view-dashboard .r5-latest .r5-row:nth-child(3){border-left:5px solid #e3a122!important;background:#fffaf1!important;}
#view-dashboard .r5-latest .r5-row:nth-child(4),#view-dashboard .r5-latest .r5-row:nth-child(5){border-left:5px solid #8e9aa3!important;background:#fbfcfc!important;}
#view-dashboard .r5-channels .r5-row:nth-child(1){background:#fff8f1!important;border-color:#ffd8b7!important;}
#view-dashboard .r5-channels .r5-row:nth-child(2){background:#f4fbf5!important;border-color:#d4e9d7!important;}
#view-dashboard .r5-channels .r5-row:nth-child(3){background:#f3f8fe!important;border-color:#d5e4f3!important;}
#view-dashboard .r5-channels .r5-row:nth-child(4){background:#f7f6ff!important;border-color:#e2def7!important;}
#view-dashboard .r5-row b{font-size:14px!important;}
#view-dashboard .r5-row strong{font-size:16px!important;}

#view-dashboard .r5-cash-strip{gap:10px!important;}
#view-dashboard .r5-cash-box{border-radius:14px!important;padding:14px!important;background:#fff!important;}
#view-dashboard .r5-cash-box:nth-child(1){background:#fff7ef!important;border-color:#ffd4b3!important;}
#view-dashboard .r5-cash-box:nth-child(2){background:#f4fbf6!important;border-color:#d2e9d9!important;}
#view-dashboard .r5-cash-box:nth-child(3){background:#f6fbff!important;border-color:#d6e4f2!important;}
#view-dashboard .r5-cash-box:nth-child(4){background:#fff5f3!important;border-color:#f2d1cb!important;}
#view-dashboard .r5-cash-box.expected{background:linear-gradient(135deg,#121d26,#243947)!important;border-color:#121d26!important;color:#fff!important;}
#view-dashboard .r5-cash-box.expected b{color:#fff!important;}

#view-dashboard .r5-order-states{gap:12px!important;}
#view-dashboard .r5-order-states article{border-radius:14px!important;padding:16px!important;background:#fff!important;}
#view-dashboard .r5-order-states article:nth-child(1){background:#f5fbf6!important;border-color:#d1e8d8!important;}
#view-dashboard .r5-order-states article:nth-child(2){background:#fff9ef!important;border-color:#f4d9aa!important;}
#view-dashboard .r5-order-states article:nth-child(3){background:#f2f8ff!important;border-color:#d5e6f7!important;}
#view-dashboard .r5-order-states article:nth-child(4){background:#f2fcf7!important;border-color:#cde7d8!important;}
#view-dashboard .r5-order-states article.delay{background:#fff0e8!important;border-color:#f4c6af!important;}
#view-dashboard .r5-order-states article:nth-child(1) b{color:#13764c!important;}
#view-dashboard .r5-order-states article:nth-child(2) b{color:#a86b00!important;}
#view-dashboard .r5-order-states article:nth-child(3) b{color:#0f5f9f!important;}
#view-dashboard .r5-order-states article:nth-child(4) b{color:#168259!important;}

@media (max-width:1280px){
  #view-dashboard .r5-kpis{grid-template-columns:repeat(3,1fr)!important;}
  #view-dashboard .r5-cash-strip{grid-template-columns:repeat(3,1fr)!important;}
  #view-dashboard .r5-order-states{grid-template-columns:repeat(3,1fr)!important;}
}
@media (max-width:900px){
  #view-dashboard .r5-grid{grid-template-columns:1fr!important;}
  #view-dashboard .r5-payments{grid-template-columns:1fr!important;}
  #view-dashboard .r5-kpis{grid-template-columns:1fr 1fr!important;}
  #view-dashboard .r5-cash-strip{grid-template-columns:1fr 1fr!important;}
  #view-dashboard .r5-order-states{grid-template-columns:1fr 1fr!important;}
}
@media (max-width:640px){
  #view-dashboard .r5-kpis{grid-template-columns:1fr!important;}
  #view-dashboard .r5-cash-strip{grid-template-columns:1fr!important;}
  #view-dashboard .r5-order-states{grid-template-columns:1fr!important;}
}


/* ===== INTEGRADO DESDE r754-reportes-compactos ===== */
/* REV 7.5.4 · Ajuste visual solo para Reportes de ventas */
#view-reports .reports-final{padding:18px 18px 30px!important;}
#view-reports .reports-head{background:linear-gradient(135deg,#0f1a22 0%,#112534 55%,#1a2f3f 100%)!important;border:1px solid #203240!important;border-radius:26px!important;padding:28px 30px!important;align-items:center!important;box-shadow:0 14px 34px rgba(12,19,26,.08)!important;margin-bottom:16px!important;}
#view-reports .reports-head h1{font-size:31px!important;line-height:1.05!important;margin:4px 0 8px!important;color:#fff!important;font-weight:950!important;}
#view-reports .reports-head p{font-size:14px!important;letter-spacing:.02em!important;color:#e7eef2!important;margin:0!important;}
#view-reports .reports-head .eyebrow{font-size:12px!important;letter-spacing:.14em!important;}
#view-reports .reports-head>div:last-child{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;}
#view-reports .reports-head .btn.small{height:58px!important;padding:0 22px!important;border-radius:18px!important;font-size:15px!important;font-weight:900!important;}
#view-reports .reports-head .btn.secondary.small{background:#f7f9fb!important;border:1px solid #d8e1e8!important;color:#0f1720!important;}
#view-reports .reports-head .btn.primary.small{background:linear-gradient(180deg,#ff8b05,#ff7a00)!important;color:#fff!important;box-shadow:0 10px 22px rgba(255,122,0,.20)!important;}

#view-reports .report-top-grid{grid-template-columns:minmax(260px,300px) minmax(0,1fr)!important;gap:16px!important;margin:14px 0 18px!important;align-items:start!important;}
#view-reports .report-day-hero,#view-reports .report-calendar-panel{background:#fff!important;border:1px solid #d7dfdb!important;border-radius:22px!important;padding:18px!important;box-shadow:0 10px 24px rgba(11,17,21,.05)!important;}
#view-reports .report-day-hero{background:linear-gradient(180deg,#fffaf5,#ffffff)!important;border-color:#f3cfac!important;}
#view-reports .report-day-hero>small{font-size:12px!important;letter-spacing:.08em!important;color:#7a867f!important;}
#view-reports .report-day-hero h2{font-size:18px!important;line-height:1.28!important;margin:8px 0 14px!important;color:#0b1115!important;}
#view-reports .report-day-hero>div{grid-template-columns:46px 1fr 46px!important;gap:10px!important;}
#view-reports .report-day-hero>div button{height:42px!important;border-radius:12px!important;font-size:24px!important;background:#fff!important;}
#view-reports .report-day-hero>div strong{font-size:34px!important;color:#0b1115!important;}
#view-reports #repToday{margin-top:12px!important;height:42px!important;border-radius:14px!important;background:#192634!important;font-size:13px!important;letter-spacing:.06em!important;}

#view-reports .report-calendar-panel{display:flex!important;flex-direction:column!important;align-items:flex-start!important;background:#fbfcfc!important;}
#view-reports .calendar-head{grid-template-columns:40px 200px 40px auto!important;gap:10px!important;margin-bottom:12px!important;align-items:center!important;width:100%!important;}
#view-reports .calendar-head button{height:40px!important;border-radius:12px!important;font-size:24px!important;background:#fff!important;}
#view-reports .calendar-head input{height:40px!important;border-radius:12px!important;font-size:14px!important;font-weight:800!important;padding:0 12px!important;background:#fff!important;}
#view-reports .calendar-head strong{font-size:15px!important;font-weight:900!important;color:#0b1115!important;justify-self:end!important;}
#view-reports .report-calendar{width:min(100%,700px)!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;}
#view-reports .cal-dow{font-size:11px!important;font-weight:900!important;padding:5px 0!important;color:#6c7872!important;}
#view-reports .cal-empty{min-height:34px!important;}
#view-reports .cal-day{min-height:54px!important;border-radius:12px!important;padding:6px 7px!important;background:#fff!important;border:1px solid #dbe2de!important;}
#view-reports .cal-day span{font-size:13px!important;color:#101820!important;}
#view-reports .cal-day small{font-size:9px!important;color:#617068!important;}
#view-reports .cal-day.has-sales{background:#f5fbf6!important;border-color:#cde7d5!important;}
#view-reports .cal-day.selected{background:#fff2e5!important;border:2px solid #ff7a00!important;}

#view-reports .report-kpi-six{gap:12px!important;margin-bottom:14px!important;}
#view-reports .report-kpi-six article{border-radius:18px!important;padding:15px 16px!important;background:#fff!important;border:1px solid #d7dfdb!important;box-shadow:0 8px 20px rgba(11,17,21,.04)!important;}
#view-reports .report-kpi-six article:nth-child(1){background:linear-gradient(135deg,#10202c,#20384a)!important;border-color:#10202c!important;}
#view-reports .report-kpi-six article:nth-child(1) span,#view-reports .report-kpi-six article:nth-child(1) strong{color:#fff!important;}
#view-reports .report-kpi-six article:nth-child(4){background:#fff3e8!important;border-color:#ffd2b0!important;}
#view-reports .report-kpi-six article:nth-child(5){background:#eef8f1!important;border-color:#cee7d6!important;}
#view-reports .report-kpi-six article:nth-child(6){background:#f2f8ff!important;border-color:#d4e3f4!important;}
#view-reports .report-kpi-six span{font-size:11px!important;letter-spacing:.05em!important;}
#view-reports .report-kpi-six strong{font-size:26px!important;line-height:1.1!important;}

#view-reports .report-mid-grid{gap:14px!important;margin-top:12px!important;}
#view-reports .report-mid-grid .section-card,#view-reports .report-detail-final{border-radius:20px!important;border:1px solid #d7dfdb!important;box-shadow:0 8px 20px rgba(11,17,21,.04)!important;}
#view-reports .report-mid-grid .section-card h3,#view-reports .report-detail-final h3{font-size:20px!important;color:#0b1115!important;}
#view-reports .report-bar{grid-template-columns:130px 1fr 110px!important;gap:10px!important;margin:14px 0!important;}
#view-reports .report-bar span{font-size:13px!important;color:#0b1115!important;}
#view-reports .report-bar strong{font-size:14px!important;color:#0b1115!important;}
#view-reports .report-bar i{height:10px!important;}
#view-reports .report-bar i b{background:linear-gradient(90deg,#ff8b05,#ff7a00)!important;}
#view-reports .channel-report-final{gap:10px!important;}
#view-reports .channel-report-final article{border-radius:14px!important;padding:12px 14px!important;background:#fff!important;}
#view-reports .channel-report-final article:nth-child(1){background:#fff8f1!important;border-color:#ffd8b7!important;}
#view-reports .channel-report-final article:nth-child(2){background:#f4fbf5!important;border-color:#d4e9d7!important;}
#view-reports .channel-report-final article:nth-child(3){background:#f3f8fe!important;border-color:#d5e4f3!important;}
#view-reports .channel-report-final article:nth-child(4){background:#f7f6ff!important;border-color:#e2def7!important;}
#view-reports .channel-report-final span,#view-reports .channel-report-final small{font-size:11px!important;color:#66736d!important;}
#view-reports .channel-report-final b{font-size:22px!important;color:#0b1115!important;}
#view-reports .sales-detail-head{gap:12px!important;align-items:end!important;}
#view-reports .sales-detail-head p{font-size:12px!important;color:#687770!important;}
#view-reports .report-search-box{height:46px!important;border-radius:14px!important;padding:0 14px!important;font-size:15px!important;background:#fff!important;}
#view-reports .report-search-box input{font-size:14px!important;}
#view-reports .report-result-count{font-size:12px!important;font-weight:900!important;color:#6a7770!important;margin:10px 0!important;text-align:right!important;}
#view-reports .table-wrap table thead th{font-size:12px!important;}
#view-reports .table-wrap table tbody td{font-size:13px!important;}
#view-reports .table-wrap table tbody td small{font-size:12px!important;}

@media (max-width:1180px){
  #view-reports .report-top-grid{grid-template-columns:1fr!important;}
  #view-reports .report-calendar{width:100%!important;}
  #view-reports .report-kpi-six{grid-template-columns:repeat(3,1fr)!important;}
}
@media (max-width:860px){
  #view-reports .reports-head{padding:22px 18px!important;}
  #view-reports .reports-head h1{font-size:25px!important;}
  #view-reports .reports-head>div:last-child{width:100%!important;}
  #view-reports .reports-head .btn.small{flex:1 1 auto!important;height:50px!important;font-size:13px!important;}
  #view-reports .calendar-head{grid-template-columns:40px 1fr 40px!important;}
  #view-reports .calendar-head strong{grid-column:1/-1!important;justify-self:start!important;}
  #view-reports .report-kpi-six{grid-template-columns:repeat(2,1fr)!important;}
  #view-reports .report-mid-grid{grid-template-columns:1fr!important;}
}
@media (max-width:620px){
  #view-reports .report-kpi-six{grid-template-columns:1fr!important;}
  #view-reports .channel-report-final{grid-template-columns:1fr!important;}
  #view-reports .report-bar{grid-template-columns:1fr!important;}
  #view-reports .cal-day{min-height:48px!important;}
  #view-reports .cal-day small{display:none!important;}
}


/* ===== INTEGRADO DESDE r755-square-client-logo ===== */
/* ============================================================
   REV. 7.5.5 · LOGO DEL CLIENTE EN MENÚ
   ÚNICO CAMBIO:
   - Logo más cuadrado
   - Siempre visible arriba del menú lateral
   - Mantiene object-fit: contain, sin recortar el archivo original
   ============================================================ */

.work-sidebar .client-logo-slot{
  width:118px!important;
  height:118px!important;
  min-width:118px!important;
  min-height:118px!important;
  margin:18px auto 14px!important;
  padding:0!important;
  border-radius:20px!important;
  background:#ffffff!important;
  border:1px solid #dce3df!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  flex:0 0 118px!important;
}

.work-sidebar .client-logo-slot img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:11px!important;
  border-radius:18px!important;
}

.work-sidebar .client-logo-slot span{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  padding:14px!important;
  text-align:center!important;
  color:#202a26!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:900!important;
}

/* El menú comienza siempre debajo del logo */
.work-sidebar .client-logo-slot + .side-group-title{
  padding-top:8px!important;
}

/* En pantallas más bajas, conserva formato cuadrado pero algo menor */
@media(max-height:760px){
  .work-sidebar .client-logo-slot{
    width:96px!important;
    height:96px!important;
    min-width:96px!important;
    min-height:96px!important;
    flex-basis:96px!important;
    margin:12px auto 8px!important;
    border-radius:17px!important;
  }
  .work-sidebar .client-logo-slot img{
    padding:9px!important;
  }
  .work-nav button{
    padding-top:11px!important;
    padding-bottom:11px!important;
  }
}

/* Sidebar móvil abierto: el logo sigue encabezando el menú */
@media(max-width:1080px){
  .work-sidebar .client-logo-slot{
    width:108px!important;
    height:108px!important;
    min-width:108px!important;
    min-height:108px!important;
    flex-basis:108px!important;
  }
}


/* ===== INTEGRADO DESDE r756-reports-operational-css ===== */
/* REV 7.5.6 · Reportes realmente compactos y operativos */
#view-reports .r756-reports{padding:18px!important;}
#view-reports .reports-head{margin-bottom:14px!important;}
#view-reports .r756-head-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important;}
#view-reports .r756-head-actions .btn{height:46px!important;border-radius:12px!important;padding:0 17px!important;font-size:12px!important;}
#view-reports .r756-control{display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(330px,1.15fr) minmax(260px,.9fr)!important;gap:12px!important;margin-bottom:12px!important;}
#view-reports .r756-control>div{background:#fff!important;border:1px solid #d7dfdb!important;border-radius:16px!important;padding:14px 16px!important;box-shadow:0 6px 18px rgba(13,21,25,.035)!important;}
#view-reports .r756-selected-day{border-top:4px solid #ff7900!important;}
#view-reports .r756-selected-day>span,#view-reports .r756-month-box>span{font-size:9.5px!important;font-weight:950!important;letter-spacing:.08em!important;color:#75817b!important;}
#view-reports .r756-selected-day h2{font-size:14px!important;line-height:1.25!important;margin:5px 0 9px!important;color:#0b1115!important;}
#view-reports .r756-day-main{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;}
#view-reports .r756-day-main strong{font-size:29px!important;line-height:1!important;color:#0b1115!important;}
#view-reports .r756-day-main small{font-size:10px!important;font-weight:950!important;color:#607069!important;}
#view-reports .r756-nav-block{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:10px!important;}
#view-reports .r756-day-nav{display:grid!important;grid-template-columns:42px 1fr 42px!important;gap:8px!important;}
#view-reports .r756-day-nav button,#view-reports .r756-month-box button{height:40px!important;border:1px solid #d2dbd6!important;border-radius:10px!important;background:#f8faf9!important;font-size:22px!important;color:#111!important;}
#view-reports .r756-day-nav input,#view-reports .r756-month-box input{height:40px!important;border:1px solid #d2dbd6!important;border-radius:10px!important;background:#fff!important;padding:0 10px!important;font-size:13px!important;font-weight:850!important;color:#111!important;}
#view-reports .r756-quick-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
#view-reports .r756-quick-row button{height:38px!important;border-radius:10px!important;font-size:10.5px!important;font-weight:950!important;}
#view-reports .r756-today{background:#111d24!important;color:#fff!important;border:1px solid #111d24!important;}
#view-reports .r756-calendar-toggle{background:#fff5eb!important;color:#9d4c00!important;border:1px solid #f2c799!important;}
#view-reports .r756-month-box>div{display:grid!important;grid-template-columns:38px 1fr 38px!important;gap:7px!important;margin:7px 0 9px!important;}
#view-reports .r756-month-box strong{display:block!important;font-size:15px!important;color:#0b1115!important;}
#view-reports .r756-calendar-drawer{background:#fff!important;border:1px solid #d7dfdb!important;border-radius:16px!important;padding:14px!important;margin-bottom:14px!important;box-shadow:0 8px 22px rgba(13,21,25,.045)!important;}
#view-reports .r756-calendar-drawer.hidden{display:none!important;}
#view-reports .r756-calendar-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important;}
#view-reports .r756-calendar-head span{display:block!important;font-size:11px!important;font-weight:950!important;color:#111!important;}
#view-reports .r756-calendar-head small{display:block!important;margin-top:2px!important;font-size:9.5px!important;color:#78847e!important;}
#view-reports .r756-calendar-head button{height:34px!important;border:1px solid #d6ded9!important;border-radius:9px!important;background:#f5f7f6!important;padding:0 11px!important;font-size:9.5px!important;font-weight:950!important;}
#view-reports .r756-calendar{width:min(100%,640px)!important;grid-template-columns:repeat(7,1fr)!important;gap:5px!important;}
#view-reports .r756-calendar .cal-dow{font-size:9px!important;padding:3px!important;}
#view-reports .r756-calendar .cal-empty{min-height:34px!important;}
#view-reports .r756-calendar .cal-day{min-height:43px!important;padding:5px!important;border-radius:9px!important;background:#f8faf9!important;}
#view-reports .r756-calendar .cal-day span{font-size:11px!important;}
#view-reports .r756-calendar .cal-day small{font-size:7.5px!important;}
#view-reports .r756-calendar .cal-day.has-sales{background:#f1f9f3!important;border-color:#b9ddc5!important;}
#view-reports .r756-calendar .cal-day.selected{background:#fff1e4!important;border:2px solid #ff7900!important;}
#view-reports .r756-kpis{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;margin:0 0 12px!important;}
#view-reports .r756-kpis article{background:#fff!important;border:1px solid #d7dfdb!important;border-radius:14px!important;padding:13px!important;min-height:93px!important;}
#view-reports .r756-kpis article.total{background:linear-gradient(135deg,#111d24,#263a48)!important;border-color:#111d24!important;}
#view-reports .r756-kpis article.cash{background:#fff3e8!important;border-color:#ffd2b0!important;}
#view-reports .r756-kpis article.card{background:#eef8f1!important;border-color:#cee7d6!important;}
#view-reports .r756-kpis article.transfer{background:#f2f8ff!important;border-color:#d4e3f4!important;}
#view-reports .r756-kpis span{display:block!important;font-size:9px!important;font-weight:950!important;color:#6d7973!important;}
#view-reports .r756-kpis strong{display:block!important;font-size:20px!important;margin-top:7px!important;color:#0b1115!important;}
#view-reports .r756-kpis small{display:block!important;font-size:8.5px!important;margin-top:5px!important;color:#7a8680!important;}
#view-reports .r756-kpis .total span,#view-reports .r756-kpis .total strong,#view-reports .r756-kpis .total small{color:#fff!important;}
#view-reports .r756-panels{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:12px!important;}
#view-reports .r756-panel,#view-reports .r756-detail{background:#fff!important;border:1px solid #d7dfdb!important;border-radius:16px!important;padding:15px!important;box-shadow:0 6px 18px rgba(13,21,25,.035)!important;}
#view-reports .r756-panel-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important;}
#view-reports .r756-panel-head span,#view-reports .r756-detail-head>div>span{display:block!important;font-size:8.5px!important;font-weight:950!important;letter-spacing:.08em!important;color:#ff7900!important;}
#view-reports .r756-panel-head h3,#view-reports .r756-detail-head h3{font-size:17px!important;margin:3px 0 0!important;color:#0b1115!important;}
#view-reports .r756-panel-head>b{font-size:13px!important;color:#52615a!important;}
#view-reports .r756-payments{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;}
#view-reports .r756-pay{border:1px solid #dae1dd!important;border-radius:12px!important;padding:12px!important;}
#view-reports .r756-pay.cash{background:#fff8f1!important;border-color:#ffd8b8!important;}
#view-reports .r756-pay.card{background:#f3fbf5!important;border-color:#d2e8d8!important;}
#view-reports .r756-pay.transfer{background:#f3f8ff!important;border-color:#d8e5f4!important;}
#view-reports .r756-pay span{display:block!important;font-size:9px!important;font-weight:950!important;color:#617069!important;}
#view-reports .r756-pay strong{display:block!important;font-size:18px!important;margin-top:6px!important;color:#111!important;}
#view-reports .r756-pay small{display:block!important;font-size:8.5px!important;margin-top:4px!important;color:#77837d!important;}
#view-reports .r756-pay i{display:block!important;height:6px!important;margin-top:9px!important;border-radius:999px!important;background:#e8ece9!important;overflow:hidden!important;}
#view-reports .r756-pay i b{display:block!important;height:100%!important;border-radius:999px!important;background:#ff7900!important;}
#view-reports .r756-pay.card i b{background:#25a466!important;} #view-reports .r756-pay.transfer i b{background:#3a8dcf!important;}
#view-reports .r756-channels{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
#view-reports .r756-channel{border:1px solid #dae1dd!important;border-radius:12px!important;padding:11px 12px!important;}
#view-reports .r756-channel.c1{background:#fff8f1!important;} #view-reports .r756-channel.c2{background:#f3fbf5!important;} #view-reports .r756-channel.c3{background:#f3f8ff!important;} #view-reports .r756-channel.c4{background:#f7f5ff!important;}
#view-reports .r756-channel span{display:block!important;font-size:8.5px!important;font-weight:950!important;color:#66736d!important;} #view-reports .r756-channel strong{display:block!important;font-size:17px!important;margin-top:4px!important;color:#111!important;} #view-reports .r756-channel small{display:block!important;font-size:8.5px!important;margin-top:3px!important;color:#77827c!important;}
#view-reports .r756-detail{padding:0!important;overflow:hidden!important;}
#view-reports .r756-detail-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:15px!important;border-bottom:1px solid #e1e6e3!important;}
#view-reports .r756-detail-head p{font-size:9.5px!important;color:#74817a!important;margin:4px 0 0!important;}
#view-reports .r756-search{height:40px!important;min-width:290px!important;display:flex!important;align-items:center!important;gap:7px!important;border:1px solid #d5ddd8!important;border-radius:10px!important;background:#f8faf9!important;padding:0 10px!important;}
#view-reports .r756-search input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;font-size:11px!important;font-weight:800!important;}
#view-reports .r756-table-meta{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:10px 15px!important;background:#fafbfa!important;border-bottom:1px solid #e4e8e5!important;} #view-reports .r756-table-meta b,#view-reports .r756-table-meta span{font-size:9.5px!important;color:#67736d!important;}
#view-reports .r756-table table th{font-size:9px!important;padding:9px!important;} #view-reports .r756-table table td{font-size:10.5px!important;padding:9px!important;vertical-align:middle!important;} #view-reports .r756-table table td small{font-size:9px!important;line-height:1.3!important;}
#view-reports .r756-view-sale{height:29px!important;border:1px solid #d5ddd8!important;border-radius:8px!important;background:#fff!important;color:#111!important;font-size:8.5px!important;font-weight:950!important;padding:0 9px!important;}
@media(max-width:1180px){#view-reports .r756-control{grid-template-columns:1fr 1fr!important;}#view-reports .r756-month-box{grid-column:1/-1!important;}#view-reports .r756-kpis{grid-template-columns:repeat(3,1fr)!important;}}
@media(max-width:860px){#view-reports .r756-control,#view-reports .r756-panels{grid-template-columns:1fr!important;}#view-reports .r756-month-box{grid-column:auto!important;}#view-reports .r756-kpis{grid-template-columns:repeat(2,1fr)!important;}#view-reports .r756-detail-head{align-items:stretch!important;flex-direction:column!important;}#view-reports .r756-search{min-width:0!important;width:100%!important;}}
@media(max-width:560px){#view-reports .r756-kpis,#view-reports .r756-payments,#view-reports .r756-channels{grid-template-columns:1fr!important;}}


/* ===== INTEGRADO DESDE r757-configuracion-general-operativa ===== */
/* =============================================================
   FiSS Pedido Básico 1.0 · REV 7.5.11
   SOLO CONFIGURACIÓN GENERAL · DISEÑO + OPERATIVIDAD
   ============================================================= */
#view-settings{padding-bottom:118px!important;}
#view-settings .settings-main-head{border-radius:24px!important;margin-bottom:18px!important;display:flex!important;justify-content:space-between!important;gap:20px!important;}
#view-settings .settings-main-head h1{font-size:34px!important;font-weight:950!important;color:#fff!important;}
#view-settings .settings-main-head p{font-size:13px!important;color:#d7e0dc!important;}
#view-settings .settings-head-badge{align-self:center;background:#fff;color:#152027;border-radius:999px;padding:11px 15px;font-size:10px;font-weight:950;white-space:nowrap;}

#view-settings .settings-overview{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:10px;margin-bottom:14px;}
#view-settings .settings-overview article{position:relative;overflow:hidden;background:#fff;border:1px solid #d5ddd8;border-radius:15px;padding:14px 15px;min-height:94px;box-shadow:0 7px 18px rgba(12,20,24,.04);}
#view-settings .settings-overview article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#9ba9a2;}
#view-settings .settings-overview article.good:before{background:#29a467}#view-settings .settings-overview article.print:before{background:#ff7900}#view-settings .settings-overview article.secure:before{background:#387fc1}
#view-settings .settings-overview span,#view-settings .settings-overview small{display:block;font-size:9px;font-weight:900;color:#6c7972;letter-spacing:.05em;}
#view-settings .settings-overview b{display:block;font-size:17px;line-height:1.15;margin:8px 0 6px;color:#10181d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#view-settings .settings-pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
#view-settings .settings-pro-card{background:#fff;border:1px solid #d4ddd8;border-radius:20px;padding:19px;min-width:0;box-shadow:0 9px 24px rgba(12,20,24,.045);}
#view-settings .settings-pro-card.wide{grid-column:1/-1;}
#view-settings .settings-pro-card.sales-card{border-top:5px solid #ff7900;}
#view-settings .settings-pro-card.cash-card-pro{border-top:5px solid #36a36d;}
#view-settings .settings-pro-card.print-card-pro{border-top:5px solid #3d8bc9;}
#view-settings .settings-pro-card.folio-card-pro{border-top:5px solid #8d6bb5;}
#view-settings .settings-pro-card.security-card-pro{border-top:5px solid #1d2c37;}
#view-settings .settings-pro-card.settings-local-card{border-top:5px solid #ff7900;}
#view-settings .settings-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:15px;padding-bottom:14px;border-bottom:1px solid #e1e7e3;}
#view-settings .settings-card-head>div{min-width:0;}#view-settings .settings-card-head .eyebrow{font-size:10px!important;letter-spacing:.1em!important;}
#view-settings .settings-card-head h2{font-size:20px!important;line-height:1.15;margin:4px 0 5px!important;color:#0d1519;font-weight:950!important;}
#view-settings .settings-card-head p{margin:0!important;font-size:11.5px!important;line-height:1.45!important;color:#68756f!important;}
#view-settings .settings-step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#121e26;color:#fff;font-size:11px;font-weight:950;margin-right:9px;vertical-align:middle;}
#view-settings .settings-step.danger{background:#9e3f2e;}
#view-settings .settings-state{flex:0 0 auto;padding:8px 10px;border-radius:999px;background:#eef2f0;color:#4e5d56;font-size:9px;font-weight:950;white-space:nowrap;}
#view-settings .settings-state.ok{background:#eaf8ef;color:#167348;border:1px solid #c0e4ce;}#view-settings .settings-state.print{background:#eef7ff;color:#246eaa;border:1px solid #c8def1;}#view-settings .settings-state.protected{background:#f3edfb;color:#684991;border:1px solid #ded0ef;}#view-settings .settings-state.danger{background:#fff0eb;color:#973923;border:1px solid #ebbaa9;}

#view-settings .settings-fields{display:grid;gap:11px;}#view-settings .settings-fields.two{grid-template-columns:repeat(2,minmax(0,1fr));}#view-settings .settings-fields .full{grid-column:1/-1;}
#view-settings .settings-fields label,#view-settings .idle-setting{display:block;font-size:10px;font-weight:950;color:#3d4a44;letter-spacing:.035em;}
#view-settings .settings-fields input,#view-settings .settings-fields select,#view-settings .settings-fields textarea,#view-settings .idle-setting input{width:100%;margin-top:6px;border:1px solid #cfd9d3;border-radius:11px;background:#f8faf8;color:#0b1115;font-size:14px;font-weight:750;outline:none;transition:.15s border,.15s box-shadow,.15s background;}
#view-settings .settings-fields input,#view-settings .settings-fields select,#view-settings .idle-setting input{height:46px;padding:0 12px;}#view-settings .settings-fields textarea{min-height:82px;padding:11px 12px;resize:vertical;}
#view-settings .settings-fields input:focus,#view-settings .settings-fields select:focus,#view-settings .settings-fields textarea:focus,#view-settings .idle-setting input:focus{border-color:#ff7900;background:#fff;box-shadow:0 0 0 3px rgba(255,121,0,.10);}
#view-settings .settings-fields.compact{margin-bottom:10px;}

#view-settings .setting-fixed-row,#view-settings .setting-switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dce3df;background:#f9fbfa;border-radius:13px;padding:12px 13px;margin:8px 0;min-height:64px;}
#view-settings .setting-fixed-row span,#view-settings .setting-switch-row span{display:block;min-width:0;}#view-settings .setting-fixed-row b,#view-settings .setting-switch-row b{display:block;font-size:12px;color:#14201a;font-weight:950;}#view-settings .setting-fixed-row small,#view-settings .setting-switch-row small{display:block;font-size:10px;line-height:1.35;color:#738079;margin-top:3px;font-weight:700;}#view-settings .setting-fixed-row strong{font-size:11px;background:#17242c;color:#fff;border-radius:999px;padding:8px 11px;}
#view-settings .setting-switch-row{cursor:pointer;position:relative;}#view-settings .setting-switch-row.emphasized{background:#fff8f1;border-color:#f0cfad;}
#view-settings .setting-switch-row input{position:absolute;opacity:0;pointer-events:none;}#view-settings .setting-switch-row>i{position:relative;flex:0 0 44px;width:44px;height:25px;border-radius:999px;background:#cfd7d2;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);transition:.18s;}#view-settings .setting-switch-row>i:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.18s;}#view-settings .setting-switch-row input:checked+i{background:#ff7900;}#view-settings .setting-switch-row input:checked+i:after{transform:translateX(19px);}

#view-settings .cash-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:9px 0;}#view-settings .cash-feature-grid article{border:1px solid #d9e5dd;background:#f4fbf6;border-radius:12px;padding:11px;}#view-settings .cash-feature-grid b,#view-settings .cash-feature-grid small,#view-settings .cash-feature-grid em{display:block;}#view-settings .cash-feature-grid b{font-size:10px;color:#1c4a34;}#view-settings .cash-feature-grid small{font-size:9px;color:#6a7b72;margin:4px 0 7px;}#view-settings .cash-feature-grid em{font-size:9px;color:#188154;font-weight:950;font-style:normal;}

#view-settings .print-test-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#101b23;color:#fff;border-radius:14px;padding:13px 14px;margin-top:12px;}#view-settings .print-test-box b,#view-settings .print-test-box small{display:block;}#view-settings .print-test-box b{font-size:11px;}#view-settings .print-test-box small{font-size:9px;color:#bfcbd0;margin-top:3px;}#view-settings .print-test-box>div:last-child{display:flex;gap:7px;}#view-settings .print-test-box button{height:38px;border:1px solid #44545e;background:#fff;color:#111b21;border-radius:9px;padding:0 11px;font-size:9px;font-weight:950;cursor:pointer;}#view-settings .print-test-box button:last-child{background:#ff7900;color:#fff;border-color:#ff7900;}

#view-settings .folio-big{text-align:center;background:linear-gradient(135deg,#151e26,#253541);color:#fff;border-radius:17px;padding:20px 16px;margin-bottom:11px;}#view-settings .folio-big span,#view-settings .folio-big small{display:block;}#view-settings .folio-big span{font-size:10px;color:#c6d0d5;font-weight:950;}#view-settings .folio-big strong{display:block;font-size:39px;line-height:1;margin:10px 0 9px;}#view-settings .folio-big small{font-size:9px;color:#b9c5ca;line-height:1.4;}#view-settings .settings-protected-btn{width:100%;height:46px;border:1px solid #c9bbdd;background:#f4effa;color:#604184;border-radius:11px;font-size:10px;font-weight:950;cursor:pointer;}

#view-settings .security-session-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #cfe5d7;background:#eff9f2;border-radius:14px;padding:12px 13px;margin-bottom:9px;}#view-settings .security-session-row>div{display:flex;align-items:center;gap:9px;}#view-settings .security-session-row i{width:10px;height:10px;border-radius:50%;background:#23a566;box-shadow:0 0 0 4px rgba(35,165,102,.12);}#view-settings .security-session-row b,#view-settings .security-session-row small{display:block;}#view-settings .security-session-row b{font-size:11px;color:#194e34;}#view-settings .security-session-row small{font-size:9px;color:#668071;margin-top:3px;}#view-settings .security-session-row strong{font-size:9px;color:#14794b;}
#view-settings .idle-setting{margin:10px 0 12px;}#view-settings .idle-setting small{display:block;font-size:9px;color:#78837e;margin-top:5px;font-weight:700;}#view-settings .idle-setting.disabled{opacity:.45;}#view-settings .idle-setting input:disabled{cursor:not-allowed;}
#view-settings .pin-pro-box{border:1px solid #d9e0dc;border-radius:14px;padding:13px;background:#fafbfa;margin:10px 0;}#view-settings .pin-pro-box b,#view-settings .pin-pro-box small{display:block;}#view-settings .pin-pro-box b{font-size:11px;}#view-settings .pin-pro-box small{font-size:9px;color:#718079;margin-top:3px;}#view-settings .pin-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:9px;}#view-settings .pin-fields input{height:42px;border:1px solid #d0d9d4;background:#fff;border-radius:9px;padding:0 10px;font-size:11px;font-weight:800;}#view-settings .pin-fields button{border:0;background:#ff7900;color:#fff;border-radius:9px;padding:0 13px;font-size:9px;font-weight:950;cursor:pointer;}
#view-settings .backup-pro-box{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f4f7f5;border:1px solid #d8e0dc;border-radius:14px;padding:13px;margin-top:10px;}#view-settings .backup-pro-box b,#view-settings .backup-pro-box small{display:block;}#view-settings .backup-pro-box b{font-size:11px;}#view-settings .backup-pro-box small{font-size:9px;color:#687770;margin-top:3px;}#view-settings .backup-pro-box p{font-size:9px!important;line-height:1.35!important;color:#7a8580!important;margin:6px 0 0!important;}#view-settings .backup-pro-box button{flex:0 0 auto;height:42px;border:0;background:#17242c;color:#fff;border-radius:10px;padding:0 13px;font-size:9px;font-weight:950;cursor:pointer;}

#view-settings .reset-card-pro{border:2px solid #e7b8a8!important;background:linear-gradient(180deg,#fff,#fff9f7)!important;}#view-settings .danger-text{color:#a33f28!important;}#view-settings .reset-layout{display:grid;grid-template-columns:1.3fr 1.4fr auto;gap:12px;align-items:center;}#view-settings .reset-explain{background:#fff;border:1px solid #ebd7d0;border-radius:13px;padding:13px;}#view-settings .reset-explain b,#view-settings .reset-explain span,#view-settings .reset-explain small{display:block;}#view-settings .reset-explain b{font-size:11px;color:#8d3824;}#view-settings .reset-explain span{font-size:11px;font-weight:850;color:#29352f;margin-top:5px;}#view-settings .reset-explain small{font-size:9px;color:#748079;margin-top:5px;}#view-settings .reset-options{display:grid;gap:6px;}#view-settings .reset-options .setting-switch-row{margin:0;background:#fff;}#view-settings .reset-main-btn{height:52px;border:0;border-radius:12px;background:#9d3d28;color:#fff;padding:0 18px;font-size:10px;font-weight:950;cursor:pointer;white-space:nowrap;}#view-settings .reset-warning{margin-top:12px;background:#fff0eb;border:1px solid #ecc0b1;color:#813724;border-radius:11px;padding:10px 12px;font-size:10px;line-height:1.4;}

#view-settings .settings-save-dock{position:sticky;bottom:12px;z-index:40;margin-top:16px;background:rgba(16,27,34,.96);backdrop-filter:blur(10px);border:1px solid #34444e;border-radius:17px;padding:11px 12px 11px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 16px 34px rgba(0,0,0,.18);color:#fff;}#view-settings .settings-save-dock>div{display:flex;align-items:center;gap:10px;}#view-settings #settingsSaveDot{width:10px;height:10px;border-radius:50%;background:#31ad6c;box-shadow:0 0 0 4px rgba(49,173,108,.12);}#view-settings #settingsSaveDot.dirty{background:#ff8a12;box-shadow:0 0 0 4px rgba(255,138,18,.14);}#view-settings .settings-save-dock b,#view-settings .settings-save-dock small{display:block;}#view-settings .settings-save-dock b{font-size:10px;}#view-settings .settings-save-dock small{font-size:9px;color:#b9c5cb;margin-top:2px;}#view-settings .settings-save-dock button{height:48px;border:0;border-radius:11px;background:#ff7900;color:#fff;padding:0 22px;font-size:11px;font-weight:950;cursor:pointer;box-shadow:0 8px 20px rgba(255,121,0,.22);}#view-settings .settings-save-dock button.dirty{background:#ff8a00;}

@media(max-width:1250px){#view-settings .settings-overview{grid-template-columns:repeat(3,1fr);}#view-settings .settings-overview article:first-child{grid-column:span 1;}#view-settings .reset-layout{grid-template-columns:1fr 1fr;}#view-settings .reset-main-btn{grid-column:1/-1;width:100%;}}
@media(max-width:900px){#view-settings .settings-pro-grid{grid-template-columns:1fr;}#view-settings .settings-pro-card.wide{grid-column:auto;}#view-settings .settings-overview{grid-template-columns:1fr 1fr;}#view-settings .settings-fields.two{grid-template-columns:1fr;}#view-settings .settings-fields .full{grid-column:auto;}#view-settings .reset-layout{grid-template-columns:1fr;}#view-settings .reset-main-btn{grid-column:auto;}#view-settings .pin-fields{grid-template-columns:1fr;}#view-settings .print-test-box,#view-settings .backup-pro-box{align-items:stretch;flex-direction:column;}#view-settings .print-test-box>div:last-child{display:grid;grid-template-columns:1fr 1fr;}#view-settings .backup-pro-box button{width:100%;}}
@media(max-width:620px){#view-settings .settings-overview{grid-template-columns:1fr;}#view-settings .settings-main-head{align-items:flex-start!important;flex-direction:column!important;}#view-settings .settings-main-head h1{font-size:27px!important;}#view-settings .settings-head-badge{align-self:flex-start;}#view-settings .settings-pro-card{padding:15px;}#view-settings .cash-feature-grid{grid-template-columns:1fr;}#view-settings .settings-card-head{flex-direction:column;}#view-settings .settings-save-dock{align-items:stretch;flex-direction:column;}#view-settings .settings-save-dock button{width:100%;}#view-settings .print-test-box>div:last-child{grid-template-columns:1fr;}}


/* ===== INTEGRADO DESDE r758-configuracion-bloques-vertical ===== */
/* =============================================================
   FiSS Pedido Básico 1.0 · REV 7.5.11
   SOLO CONFIGURACIÓN GENERAL
   - Cada bloque principal queda uno debajo del otro
   - Elimina huecos producidos por tarjetas de distinta altura
   - Mantiene intacta la funcionalidad y los campos internos
   ============================================================= */

#view-settings .settings-pro-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  align-items:start!important;
}

#view-settings .settings-pro-card,
#view-settings .settings-pro-card.wide{
  grid-column:1!important;
  width:100%!important;
  margin:0!important;
}

/* Dentro de cada bloque se aprovecha el ancho sin generar huecos externos */
#view-settings .settings-fields.two{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

#view-settings .cash-feature-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

/* Reinicio operativo también queda como un bloque corrido y ordenado */
#view-settings .reset-layout{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

#view-settings .reset-main-btn{
  grid-column:1/-1!important;
}

/* En pantallas más angostas, los campos internos también pasan a una sola columna */
@media(max-width:900px){
  #view-settings .settings-fields.two,
  #view-settings .cash-feature-grid,
  #view-settings .reset-layout{
    grid-template-columns:1fr!important;
  }

  #view-settings .settings-fields .full,
  #view-settings .reset-main-btn{
    grid-column:auto!important;
  }
}


/* ===== INTEGRADO DESDE r759-configuracion-dos-columnas-sin-huecos ===== */
/* =============================================================
   FiSS Pedido Básico 1.0 · REV 7.5.11
   SOLO CONFIGURACIÓN GENERAL
   - Dos columnas reales
   - Tarjetas apiladas independientemente
   - Sin huecos verticales entre tarjetas de distinta altura
   ============================================================= */

#view-settings .settings-pro-grid{
  display:block!important;
  columns:2!important;
  column-gap:16px!important;
}

#view-settings .settings-pro-card,
#view-settings .settings-pro-card.wide{
  display:inline-block!important;
  width:100%!important;
  grid-column:auto!important;
  margin:0 0 16px!important;
  break-inside:avoid!important;
  -webkit-column-break-inside:avoid!important;
  page-break-inside:avoid!important;
  vertical-align:top!important;
}

/* Aprovechar el ancho dentro de cada tarjeta */
#view-settings .settings-fields.two{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

#view-settings .cash-feature-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

#view-settings .reset-layout{
  grid-template-columns:1fr!important;
}

#view-settings .reset-main-btn{
  grid-column:auto!important;
}

/* Móvil: una sola columna */
@media(max-width:980px){
  #view-settings .settings-pro-grid{
    columns:1!important;
  }

  #view-settings .settings-fields.two,
  #view-settings .cash-feature-grid,
  #view-settings .reset-layout{
    grid-template-columns:1fr!important;
  }

  #view-settings .settings-fields .full{
    grid-column:auto!important;
  }
}


/* ===== INTEGRADO DESDE r7510-topbar-fina ===== */
/* =============================================================
   FiSS Pedido Básico 1.0 · REV 7.5.11
   ÚNICO AJUSTE GLOBAL:
   cabecera superior más fina, delicada y uniforme en todo el sistema
   ============================================================= */

.work-header{
  height:86px!important;
  min-height:86px!important;
  padding:0 20px!important;
}

.header-tools{
  gap:8px!important;
}

/* Sesión: menos "caja", más indicador */
.session-status{
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  padding:5px 11px!important;
  gap:8px!important;
  border-radius:11px!important;
  border:1px solid #2d424b!important;
  background:rgba(255,255,255,.035)!important;
  color:#edf5f1!important;
  box-shadow:none!important;
}

.session-status>i{
  width:8px!important;
  height:8px!important;
  background:#35c878!important;
  box-shadow:0 0 0 3px rgba(53,200,120,.11)!important;
}

.session-status b{
  font-size:9px!important;
  line-height:1.05!important;
  letter-spacing:.055em!important;
  color:#f5f8f6!important;
}

.session-status small{
  font-size:8.5px!important;
  line-height:1.05!important;
  color:#9fb0a8!important;
  margin-top:2px!important;
  max-width:92px!important;
}

/* Caja: misma familia visual, estado indicado por punto y texto */
.cash-status-badge{
  min-height:40px!important;
  height:40px!important;
  padding:0 13px!important;
  gap:8px!important;
  border-radius:11px!important;
  border:1px solid #2d424b!important;
  background:rgba(255,255,255,.035)!important;
  color:#dfe8e3!important;
  box-shadow:none!important;
  font-size:10px!important;
  letter-spacing:.055em!important;
}

.cash-status-badge i{
  width:8px!important;
  height:8px!important;
  box-shadow:none!important;
}

.cash-status-badge.is-open{
  background:rgba(22,128,78,.08)!important;
  border-color:#315b49!important;
  color:#83e1ad!important;
}

.cash-status-badge.is-open i{
  background:#35c878!important;
}

.cash-status-badge.is-closed{
  background:rgba(185,64,72,.06)!important;
  border-color:#55373c!important;
  color:#ef9ba1!important;
}

.cash-status-badge.is-closed i{
  background:#df6870!important;
}

/* Sello FiSS: más estrecho y elegante */
.creator-badge{
  height:40px!important;
  min-height:40px!important;
  gap:7px!important;
  padding:3px 9px 3px 5px!important;
  border-radius:11px!important;
  border:1px solid #293b45!important;
  background:rgba(5,12,17,.32)!important;
}

.creator-badge img{
  width:72px!important;
  height:30px!important;
  padding:1px!important;
  border-radius:7px!important;
  background:#0a1116!important;
}

.creator-badge span{
  font-size:7.5px!important;
  line-height:1.08!important;
  letter-spacing:.045em!important;
  color:#b7c4ca!important;
  font-weight:850!important;
}

.creator-badge span b,
.creator-badge strong{
  color:#ff8a2a!important;
}

/* Reloj y modo noche: presencia menor */
.work-clock{
  min-width:118px!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  color:#f5f7f8!important;
}

.theme-toggle{
  width:40px!important;
  height:40px!important;
  border-radius:11px!important;
  font-size:17px!important;
  background:#14212a!important;
  border:1px solid #30414c!important;
}

/* Título del módulo también algo más fino */
.work-heading>small{
  margin-bottom:7px!important;
}

.work-heading h1,
#pageTitle{
  font-size:24px!important;
}

.work-heading span,
#pageSubtitle{
  font-size:10.5px!important;
}

/* Mantener adaptación responsive */
@media(max-width:1260px){
  .header-tools{gap:6px!important;}
  .creator-badge span{display:none!important;}
  .creator-badge{padding-right:5px!important;}
  .work-clock{min-width:104px!important;font-size:17px!important;}
}

@media(max-width:1000px){
  .work-header{
    height:78px!important;
    min-height:78px!important;
    padding:0 12px!important;
  }
  .session-status,
  .creator-badge{display:none!important;}
  .cash-status-badge{
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    font-size:9px!important;
  }
  .theme-toggle{width:38px!important;height:38px!important;}
}

@media(max-width:680px){
  .work-clock{display:none!important;}
}


/* ===== INTEGRADO DESDE r7511-topbar-mas-pequena ===== */
/* =============================================================
   FiSS Pedido Básico 1.0 · REV 7.5.11
   SOLO CABECERA SUPERIOR
   Ajuste pedido: aprox. 3 puntos menos y bloques algo más bajos
   ============================================================= */

.work-header{
  height:78px!important;
  min-height:78px!important;
  padding:0 18px!important;
}

.header-tools{
  gap:7px!important;
}

/* Sesión activa */
.session-status{
  height:36px!important;
  min-height:36px!important;
  padding:4px 9px!important;
  gap:7px!important;
  border-radius:10px!important;
}
.session-status>i{
  width:7px!important;
  height:7px!important;
}
.session-status b{
  font-size:7px!important;
}
.session-status small{
  font-size:7px!important;
  max-width:84px!important;
}

/* Caja */
.cash-status-badge{
  height:36px!important;
  min-height:36px!important;
  padding:0 11px!important;
  gap:7px!important;
  border-radius:10px!important;
  font-size:8px!important;
}
.cash-status-badge i{
  width:7px!important;
  height:7px!important;
}

/* FiSS / proyecto creado por FiSS */
.creator-badge{
  height:36px!important;
  min-height:36px!important;
  padding:3px 8px 3px 4px!important;
  gap:6px!important;
  border-radius:10px!important;
}
.creator-badge img{
  width:65px!important;
  height:27px!important;
  border-radius:6px!important;
}
.creator-badge span{
  font-size:7px!important;
}

/* Reloj */
.work-clock{
  min-width:104px!important;
  font-size:15px!important;
}

/* Modo noche */
.theme-toggle{
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  font-size:14px!important;
}

/* Título superior de la sección */
.work-heading h1,
#pageTitle{
  font-size:21px!important;
}

.work-heading span,
#pageSubtitle{
  font-size:9px!important;
}

.work-heading>small{
  font-size:8px!important;
}

/* Ajuste responsive correspondiente */
@media(max-width:1260px){
  .work-clock{
    min-width:94px!important;
    font-size:14px!important;
  }
}

@media(max-width:1000px){
  .work-header{
    height:72px!important;
    min-height:72px!important;
  }

  .cash-status-badge{
    height:34px!important;
    min-height:34px!important;
    font-size:8px!important;
  }

  .theme-toggle{
    width:34px!important;
    height:34px!important;
  }
}