/* === panel.css — hoja principal del panel courier (extraída de index.html en N12) === */
:root{
--color-background-primary:#ffffff;--color-background-secondary:#f5f4ef;--color-background-tertiary:#ecebe4;
--color-text-primary:#1a1a18;--color-text-secondary:#5f5e5a;--color-text-tertiary:#8a8980;
--color-text-success:#1d6e2e;--color-background-success:#eaf3de;
--color-text-danger:#a32d2d;--color-background-danger:#fceaea;
--color-text-warning:#854f0b;--color-background-warning:#faeeda;
--color-text-info:#185fa5;--color-background-info:#e6f1fb;
--color-border-tertiary:rgba(0,0,0,0.12);--color-border-secondary:rgba(0,0,0,0.22);
--color-background-input:#ffffff;--color-border-input:rgba(0,0,0,0.50);--color-focus-ring:rgba(24,95,165,0.22);
--color-whatsapp:#1d9e75;--color-overlay:rgba(0,0,0,0.45);
--color-text-on-accent:#ffffff;
--border-radius-md:8px;--border-radius-lg:12px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
--color-background-primary:#262624;--color-background-secondary:#2f2e2c;--color-background-tertiary:#3a3936;
--color-text-primary:#ededeb;--color-text-secondary:#b4b2a9;--color-text-tertiary:#8a8980;
--color-text-success:#a8d977;--color-background-success:#1f3a12;
--color-text-danger:#f0a0a0;--color-background-danger:#3a1717;
--color-text-warning:#e9b86a;--color-background-warning:#3a2a0c;
--color-text-info:#8fbce8;--color-background-info:#0e2c4d;
--color-border-tertiary:rgba(255,255,255,0.14);--color-border-secondary:rgba(255,255,255,0.26);
--color-background-input:#363432;--color-border-input:rgba(255,255,255,0.34);--color-focus-ring:rgba(143,188,232,0.28);
--color-whatsapp:#25b386;--color-overlay:rgba(0,0,0,0.55);
--color-text-on-accent:#1a1a18;
}}
html[data-theme="dark"]{
--color-background-primary:#262624;--color-background-secondary:#2f2e2c;--color-background-tertiary:#3a3936;
--color-text-primary:#ededeb;--color-text-secondary:#b4b2a9;--color-text-tertiary:#8a8980;
--color-text-success:#a8d977;--color-background-success:#1f3a12;
--color-text-danger:#f0a0a0;--color-background-danger:#3a1717;
--color-text-warning:#e9b86a;--color-background-warning:#3a2a0c;
--color-text-info:#8fbce8;--color-background-info:#0e2c4d;
--color-border-tertiary:rgba(255,255,255,0.14);--color-border-secondary:rgba(255,255,255,0.26);
--color-background-input:#363432;--color-border-input:rgba(255,255,255,0.34);--color-focus-ring:rgba(143,188,232,0.28);
--color-whatsapp:#25b386;--color-overlay:rgba(0,0,0,0.55);
--color-text-on-accent:#1a1a18;
}
html[data-theme="light"]{
--color-background-primary:#ffffff;--color-background-secondary:#f5f4ef;--color-background-tertiary:#ecebe4;
--color-text-primary:#1a1a18;--color-text-secondary:#5f5e5a;--color-text-tertiary:#8a8980;
--color-text-success:#1d6e2e;--color-background-success:#eaf3de;
--color-text-danger:#a32d2d;--color-background-danger:#fceaea;
--color-text-warning:#854f0b;--color-background-warning:#faeeda;
--color-text-info:#185fa5;--color-background-info:#e6f1fb;
--color-border-tertiary:rgba(0,0,0,0.12);--color-border-secondary:rgba(0,0,0,0.22);
--color-background-input:#ffffff;--color-border-input:rgba(0,0,0,0.50);--color-focus-ring:rgba(24,95,165,0.22);
--color-whatsapp:#1d9e75;--color-overlay:rgba(0,0,0,0.45);
--color-text-on-accent:#ffffff;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--color-background-primary);color:var(--color-text-primary);line-height:1.5;overflow:hidden}
.topbar{height:34px;display:flex;align-items:center;padding:0 16px;font-size:12px;color:var(--color-text-tertiary);background:var(--color-background-secondary);border-bottom:0.5px solid var(--color-border-tertiary)}
.vtoggle{margin-left:auto;display:flex;gap:4px}
.vbtn{font-size:11.5px;padding:4px 11px;border-radius:6px;border:0.5px solid var(--color-border-secondary);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:5px}
.vbtn.on{background:var(--color-text-info);color:#fff;border-color:var(--color-text-info)}
.app{height:calc(100vh - 35px);width:100%}
.view{display:flex;height:100%;width:100%}
.side{width:208px;flex:none;background:var(--color-background-secondary);padding:16px 12px;border-right:0.5px solid var(--color-border-tertiary);overflow-y:auto;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:8px;padding:0 6px 12px;border-bottom:0.5px solid var(--color-border-tertiary);margin-bottom:10px}
.nv{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:var(--border-radius-md);font-size:13px;color:var(--color-text-secondary);margin-bottom:2px;width:100%;background:none;border:none;text-align:left;cursor:pointer;font-family:inherit}
.nv:hover{background:var(--color-background-tertiary)}
.nv.on{background:var(--color-background-primary);color:var(--color-text-primary);font-weight:500}
.nv i{font-size:17px}
.nv-sep{height:0.5px;background:var(--color-border-tertiary);margin:6px 4px}
.sidefoot{margin-top:auto;padding:10px 8px 2px;font-size:10.5px;color:var(--color-text-tertiary);border-top:0.5px solid var(--color-border-tertiary)}
.content{flex:1;min-width:0;height:100%;overflow-y:auto}
.screen{display:none}
.screen.active{display:block;animation:fadeInUp .18s ease both}
@keyframes fadeInUp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.main{padding:22px 30px}
.hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
h1.tt{font-size:21px;font-weight:500;margin:0}
.sub{font-size:12px;color:var(--color-text-tertiary)}
.kgrid{display:grid;gap:11px;margin:15px 0}
.kpi{background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:12px 13px}
.kl{font-size:12.5px;color:var(--color-text-secondary);margin:0}
.kv{font-size:23px;font-weight:500;margin:3px 0 0}
.pill{font-size:11.5px;padding:2px 9px;border-radius:var(--border-radius-md);white-space:nowrap;display:inline-block}
.chip{font-size:12.5px;padding:5px 11px;border-radius:var(--border-radius-md);border:0.5px solid var(--color-border-secondary);color:var(--color-text-secondary);white-space:nowrap;display:inline-block;cursor:pointer}
.chip.on{background:var(--color-text-primary);color:var(--color-background-primary);border-color:var(--color-text-primary)}
table.t{width:100%;border-collapse:collapse;font-size:13px}
.t th{text-align:left;font-weight:400;color:var(--color-text-tertiary);font-size:11.5px;padding:7px 7px;border-bottom:0.5px solid var(--color-border-tertiary)}
.t td{padding:10px 7px;border-bottom:0.5px solid var(--color-border-tertiary);color:var(--color-text-primary)}
.sec{font-size:14.5px;font-weight:500;margin:16px 0 9px}
.row{display:flex;align-items:center;gap:9px;font-size:13px}
.moto{background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:11px 12px;margin-bottom:9px}
.bar{height:6px;background:var(--color-background-tertiary);border-radius:4px;overflow:hidden;margin:7px 0 9px}
.brow{display:flex;align-items:center;gap:9px;margin-bottom:8px;font-size:12.5px}
.brow .lb{width:108px;color:var(--color-text-secondary)}
.brow .bk{flex:1;height:9px;background:var(--color-background-tertiary);border-radius:5px;overflow:hidden}
.brow .vl{width:42px;text-align:right;font-weight:500}
.grp{background:var(--color-background-secondary);border-radius:var(--border-radius-lg);padding:13px 15px;margin-bottom:11px}
.gh{font-size:13.5px;font-weight:500;margin:0 0 7px;display:flex;align-items:center;gap:8px}
.sr{display:flex;font-size:13px;padding:6px 0;border-top:0.5px solid var(--color-border-tertiary)}
.sr .k{color:var(--color-text-secondary)}
.sr .v{margin-left:auto}
.lqrow{display:flex;align-items:center;gap:11px;background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:10px 13px;margin-bottom:8px}
button.act{font-size:12.5px;padding:5px 11px;border-radius:var(--border-radius-md);border:0.5px solid var(--color-border-secondary);background:var(--color-background-primary);color:var(--color-text-primary);cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,opacity .15s}
button.act:hover{background:var(--color-background-tertiary);border-color:var(--color-border-input)}
button.act:disabled{opacity:.45;cursor:not-allowed;background:var(--color-background-secondary)}
button.act:disabled:hover{background:var(--color-background-secondary);border-color:var(--color-border-secondary)}
.alert{display:flex;gap:10px;align-items:flex-start;border-radius:var(--border-radius-md);padding:11px 14px}
.a-danger{background:var(--color-background-danger)}
.a-success{background:var(--color-background-success)}
.a-info{background:var(--color-background-info)}
.feed{display:flex;align-items:center;gap:10px;font-size:13px;padding:8px 0;border-bottom:0.5px solid var(--color-border-tertiary)}
.a-warning{background:var(--color-background-warning)}
.ped{display:flex;align-items:center;gap:9px;background:var(--color-background-primary);border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);padding:8px 11px;margin-bottom:6px;font-size:12.5px}
.ped.sel{border-color:var(--color-text-info);background:var(--color-background-info)}
.ped input{accent-color:var(--color-text-info);cursor:pointer}
.tdot{width:9px;height:9px;border-radius:50%;flex:none}
.fr{font-size:10.5px;padding:1px 7px;border-radius:20px;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.fr-fix{background:var(--color-background-info);color:var(--color-text-info)}
.fr-soft{background:var(--color-background-secondary);color:var(--color-text-secondary)}
.asgbar{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;background:var(--color-text-info);color:#fff;border-radius:var(--border-radius-md);padding:9px 13px;font-size:12.5px;margin-top:8px}
.asgbar select{font-size:12px;padding:4px 8px;border-radius:6px;border:none;font-family:inherit}
.asgbar .x{margin-left:auto;cursor:pointer;opacity:.85}
.ped[draggable]{cursor:grab}
.ped .seq{width:18px;height:18px;border-radius:50%;background:var(--color-text-info);color:#fff;font-size:10.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex:none}
.ped.drag{opacity:.4}
.grp.dropok{outline:2px dashed var(--color-text-info);outline-offset:2px}
.er-pb{padding:4px 12px;border-radius:6px;border:1px solid var(--color-border-secondary);background:transparent;font-size:12px;cursor:pointer;color:var(--color-text-secondary);transition:background .15s,color .15s}
.er-pb:hover{background:var(--color-background-secondary)}
.er-pb.on{background:var(--color-text-primary);color:var(--color-background-primary);border-color:var(--color-text-primary)}
.motostrip{display:flex;gap:9px;margin:0;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;flex:1}
.asg-kpis .kpi{padding:9px 12px}
.asg-kpis .kpi .kv{font-size:19px}
.asg-kpis .kpi .kl{font-size:11px}
.motomini{flex:0 0 166px;width:166px;display:flex;flex-direction:column;background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:9px 11px}
.motomini .bar{margin:6px 0 0}
#asg-map{height:420px;border-radius:var(--border-radius-lg);overflow:hidden;border:0.5px solid var(--color-border-tertiary);z-index:0}
#asg-grid.asg-fs{position:fixed;inset:0;z-index:1200;background:var(--color-background-primary);padding:14px 18px;margin:0;overflow:hidden;grid-template-columns:360px 1fr !important;gap:16px}
#asg-grid.asg-fs>div:first-child{overflow-y:auto;max-height:calc(100vh - 28px)}
#asg-grid.asg-fs #asg-map{height:calc(100vh - 150px)}
.expbtn{font-size:11px;padding:3px 9px;border-radius:6px;border:0.5px solid var(--color-border-secondary);background:var(--color-background-primary);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.expbtn:hover{background:var(--color-background-tertiary);border-color:var(--color-border-input);color:var(--color-text-primary)}
.expbtn:disabled{opacity:.45;cursor:not-allowed}
.expbtn:disabled:hover{background:var(--color-background-primary);border-color:var(--color-border-secondary);color:var(--color-text-secondary)}
.leaflet-container{background:var(--color-background-tertiary);font-family:inherit}
.rtsum{display:flex;gap:14px;flex-wrap:wrap;background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:9px 13px;margin-bottom:10px;font-size:12px}
.rtsum b{font-size:15px;font-weight:600;display:block}
.rtsum .muted{color:var(--color-text-tertiary)}
.routepin{background:var(--color-text-info);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.routepin.late{background:var(--color-text-danger)}
.routepin.dudoso{box-shadow:0 0 0 3px var(--color-text-warning),0 1px 3px rgba(0,0,0,.4)}
.depotpin{background:var(--color-text-primary);color:var(--color-background-primary);border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:13px;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.subruta-grp{background:var(--color-background-primary);border-radius:var(--border-radius-md);padding:9px 11px;margin-bottom:7px;border-left:3px solid var(--color-text-info)}
.subruta-grp.dropok{outline:2px dashed var(--color-text-info);outline-offset:2px}
/* === MOTORIZADOS === */
#moto-panel-overlay{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:1499;display:none}
#moto-panel-overlay.open{display:block}
#moto-panel{position:fixed;right:0;top:0;bottom:0;width:490px;max-width:100vw;background:var(--color-background-primary);border-left:0.5px solid var(--color-border-secondary);z-index:1500;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:-6px 0 28px rgba(0,0,0,.14)}
#moto-panel.open{transform:translateX(0)}
.moto-panel-hd{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:0.5px solid var(--color-border-tertiary);flex:none}
.moto-panel-tabs{display:flex;gap:2px;padding:0 18px;border-bottom:0.5px solid var(--color-border-tertiary);flex:none}
.moto-ptab{font-size:12.5px;padding:8px 14px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;border-bottom:2px solid transparent;margin-bottom:-1px}
.moto-ptab.on{color:var(--color-text-info);border-bottom-color:var(--color-text-info);font-weight:500}
#moto-panel-body{flex:1;overflow-y:auto;padding:16px 18px}
#moto-panel-badge{position:relative}
.moto-estado-btn{background:none;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:4px}
.moto-estado-btn:hover .pill{opacity:.8}
.moto-estado-dd{position:absolute;right:0;top:calc(100% + 5px);background:var(--color-background-primary);border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);min-width:170px;z-index:400;box-shadow:0 4px 20px rgba(0,0,0,.18);overflow:hidden}
.moto-estado-opt{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;font-size:12.5px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}
.moto-estado-opt:hover,.moto-estado-opt.on{background:var(--color-background-secondary)}
.mmodal-hd{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 20px;border-bottom:0.5px solid var(--color-border-tertiary)}
.mmodal-body{flex:1;overflow-y:auto;padding:12px 20px}
.mmodal-ft{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:11px 20px;border-top:0.5px solid var(--color-border-tertiary)}
.mpedrow{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--border-radius-md);font-size:12.5px;cursor:pointer;border:0.5px solid var(--color-border-tertiary);margin-bottom:5px;background:var(--color-background-primary)}
.mpedrow:hover{background:var(--color-background-secondary)}
.mpedrow.msel{background:var(--color-background-info);border-color:var(--color-text-info)}
.mab{font-size:11.5px;padding:4px 8px;border-radius:6px;border:0.5px solid var(--color-border-secondary);background:var(--color-background-primary);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;line-height:1.3;text-decoration:none}
.mab:hover{background:var(--color-background-secondary)}
.mab.mprim{background:var(--color-text-info);color:#fff;border-color:var(--color-text-info)}
.mab.mprim:hover{opacity:.88}
.mab:disabled{opacity:.45;cursor:not-allowed}
/* === TIENDAS === */
.ts-filter-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}
.ts-input{font-size:12.5px;padding:5px 11px;border-radius:var(--border-radius-md);border:0.5px solid var(--color-border-secondary);background:var(--color-background-primary);color:var(--color-text-primary);font-family:inherit}
.ts-input::placeholder{color:var(--color-text-tertiary)}
.ts-select{font-size:12.5px;padding:5px 11px;border-radius:var(--border-radius-md);border:0.5px solid var(--color-border-secondary);background:var(--color-background-primary);color:var(--color-text-secondary);font-family:inherit;cursor:pointer}
.ts-chip-f{font-size:11.5px;padding:4px 10px;border-radius:var(--border-radius-md);border:0.5px solid var(--color-border-secondary);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;white-space:nowrap}
.ts-chip-f.on{background:var(--color-text-primary);color:var(--color-background-primary);border-color:var(--color-text-primary)}
.tsbadge{font-size:10px;padding:1px 6px;border-radius:4px;margin-left:4px;white-space:nowrap;display:inline-block;vertical-align:middle}
.tsbadge-nueva{background:var(--color-background-info);color:var(--color-text-info)}
.tsbadge-sinmov{background:var(--color-background-warning);color:var(--color-text-warning)}
.tsbadge-atrasada{background:var(--color-background-danger);color:var(--color-text-danger)}
.ts-tgl{position:relative;display:inline-block;width:30px;height:17px;flex:none;vertical-align:middle}
.ts-tgl input{opacity:0;width:0;height:0;position:absolute}
.ts-tgl-sl{position:absolute;inset:0;border-radius:9px;background:var(--color-background-tertiary);cursor:pointer;transition:background .15s}
/* knob blanco a propósito en ambos temas (convención de toggle, contrasta sobre track verde/gris claro y oscuro) */
.ts-tgl-sl:before{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.ts-tgl input:checked+.ts-tgl-sl{background:var(--color-text-success)}
.ts-tgl input:checked+.ts-tgl-sl:before{transform:translateX(13px)}
.ts-mwrap{position:relative;display:inline-block}
.ts-menu{position:absolute;right:0;top:100%;margin-top:2px;background:var(--color-background-primary);border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);min-width:172px;z-index:950;box-shadow:0 4px 16px rgba(0,0,0,.18);overflow:hidden;display:none}
.ts-menu.open{display:block}
.ts-mi{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;color:var(--color-text-primary);cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:inherit}
.ts-mi:hover{background:var(--color-background-secondary)}
.ts-mi-sep{height:0.5px;background:var(--color-border-tertiary);margin:3px 0}
#ts-panel-overlay{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:1499;display:none}
#ts-panel-overlay.open{display:block}
#ts-panel{position:fixed;right:0;top:0;bottom:0;width:490px;max-width:100vw;background:var(--color-background-primary);border-left:0.5px solid var(--color-border-secondary);z-index:1500;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:-6px 0 28px rgba(0,0,0,.14)}
#ts-panel.open{transform:translateX(0)}
.ts-phd{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;border-bottom:0.5px solid var(--color-border-tertiary);flex:none}
.ts-ptabs{display:flex;gap:2px;padding:0 18px;border-bottom:0.5px solid var(--color-border-tertiary);flex:none}
.ts-ptab{font-size:12.5px;padding:8px 14px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;border-bottom:2px solid transparent;margin-bottom:-1px}
.ts-ptab.on{color:var(--color-text-info);border-bottom-color:var(--color-text-info);font-weight:500}
#ts-pbody{flex:1;overflow-y:auto;padding:16px 18px}
#ts-modal{position:fixed;inset:0;z-index:1600;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.4)}
#ts-modal.open{display:flex}
.ts-mbox{background:var(--color-background-primary);border-radius:var(--border-radius-lg);width:540px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.28)}
.ts-mhd{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 20px;border-bottom:0.5px solid var(--color-border-tertiary);flex:none}
.ts-mbody{flex:1;overflow-y:auto;padding:14px 20px}
.ts-mft{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:11px 20px;border-top:0.5px solid var(--color-border-tertiary);flex:none}
.ts-field{margin-bottom:10px}
.ts-field label{display:block;font-size:11px;color:var(--color-text-secondary);margin-bottom:3px}
.ts-field input,.ts-field select,.ts-field textarea{width:100%;font-size:12.5px;padding:6px 9px;border-radius:var(--border-radius-md);border:0.5px solid var(--color-border-secondary);background:var(--color-background-primary);color:var(--color-text-primary);font-family:inherit}
.ts-field textarea{resize:vertical;min-height:52px}
.ts-frow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ts-acc{border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);margin-top:12px;overflow:hidden}
.ts-acc-hd{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;cursor:pointer;font-size:13px;font-weight:500;background:var(--color-background-secondary);user-select:none}
.ts-acc-body{padding:12px 13px;display:none}
.ts-acc-body.open{display:block}
.cpbtn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:0.5px solid var(--color-border-secondary);background:transparent;cursor:pointer;color:var(--color-text-tertiary);font-size:11px;vertical-align:middle;margin-left:3px}
.cpbtn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}
.cpbtn.ok{color:var(--color-text-success);border-color:var(--color-text-success)}
/* row interactiva */
#moto-tbody tr{cursor:pointer;transition:background .1s}
#moto-tbody tr:hover{background:var(--color-background-secondary)}
#moto-tbody tr.moto-urgente>td:first-child{box-shadow:inset 3px 0 0 var(--color-text-warning)}
/* css tooltip */
.has-tip{position:relative}
.has-tip::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--color-background-primary);color:var(--color-text-primary);font-size:11px;padding:3px 8px;border-radius:5px;white-space:nowrap;border:0.5px solid var(--color-border-secondary);pointer-events:none;z-index:300;box-shadow:0 2px 8px rgba(0,0,0,.14);opacity:0;transition:opacity .12s .1s}
.has-tip:hover::after{opacity:1}
/* Tarifario */
#tar-tbody tr:hover td{background:var(--color-background-secondary)}
#tar-panel .t tbody tr:hover td{background:rgba(128,128,128,.06)}
#tar-panel{transition:transform 0.22s cubic-bezier(.4,0,.2,1)}
#tar-panel-bg{transition:opacity 0.2s}
.tar-inact-sep td{padding:10px 0 4px!important;font-size:11px;color:var(--color-text-tertiary);letter-spacing:.06em;text-transform:uppercase;border:none!important;background:transparent!important}
/* === CONFIGURACIÓN === */
.cfg-tabs{display:flex;gap:2px;border-bottom:0.5px solid var(--color-border-tertiary);margin-bottom:20px;flex-wrap:wrap}
.cfg-tab{font-size:12.5px;padding:8px 14px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.cfg-tab i{font-size:15px}
.cfg-tab:hover{color:var(--color-text-primary)}
.cfg-tab.on{color:var(--color-text-info);border-bottom-color:var(--color-text-info);font-weight:500}
.cfg-pane{display:none}
.cfg-pane.on{display:block}
.cfg-field{margin-bottom:12px}
.cfg-label{display:block;font-size:11.5px;color:var(--color-text-secondary);margin-bottom:4px}
.cfg-input{width:100%;font-size:13px;padding:7px 10px;border-radius:var(--border-radius-md);border:0.5px solid var(--color-border-secondary);background:var(--color-background-primary);color:var(--color-text-primary);font-family:inherit;outline:none}
.cfg-input:focus{border-color:var(--color-text-info)}
.cfg-day{font-size:12.5px;padding:6px 13px;border-radius:20px;border:0.5px solid var(--color-border-secondary);color:var(--color-text-secondary);cursor:pointer;user-select:none}
.cfg-day.on{background:var(--color-text-info);color:#fff;border-color:var(--color-text-info)}
.cfg-sede-card{background:var(--color-background-secondary);border-radius:var(--border-radius-lg);padding:14px 16px;margin-bottom:10px}
.cfg-cuenta-card{background:var(--color-background-secondary);border-radius:var(--border-radius-lg);padding:13px 15px;margin-bottom:9px}
.cfg-integ-card{background:var(--color-background-secondary);border-radius:var(--border-radius-lg);padding:15px 16px}
.cfg-notif-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:0.5px solid var(--color-border-tertiary)}
.cfg-notif-row:last-child{border-bottom:none}
.cfg-notif-row>div:first-child{flex:1}
.cfg-toggle{position:relative;display:inline-block;width:38px;height:22px;flex:none;cursor:pointer}
.cfg-toggle input{opacity:0;width:0;height:0;position:absolute}
.cfg-toggle-slider{position:absolute;inset:0;border-radius:22px;background:var(--color-background-tertiary);transition:.2s;border:0.5px solid var(--color-border-secondary)}
.cfg-toggle-slider::before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;bottom:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.cfg-toggle input:checked+.cfg-toggle-slider{background:var(--color-text-info);border-color:var(--color-text-info)}
.cfg-toggle input:checked+.cfg-toggle-slider::before{transform:translateX(16px)}
/* === REPORTES === */
.rpt-tabbar{display:flex;gap:2px;border-bottom:0.5px solid var(--color-border-tertiary);margin:6px 0 20px;flex-wrap:wrap}
.rpt-tab{font-size:12.5px;padding:8px 14px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.rpt-tab:hover{color:var(--color-text-primary)}
.rpt-tab i{font-size:15px}
.rpt-tab.on{color:var(--color-text-info);border-bottom-color:var(--color-text-info);font-weight:500}
/* REP-17: en anchos reducidos, el KPI strip de 6 columnas y los KPIs de 4 se reflujan
   para que labels largos no se corten. El tabbar ya hace flex-wrap. */
@media (max-width:980px){
  #rpt-kpis{grid-template-columns:repeat(3,1fr)!important}
}
@media (max-width:620px){
  #rpt-kpis{grid-template-columns:repeat(2,1fr)!important}
}
.rpt-pane{display:none}
.rpt-pane.on{display:block}
.rpt-minibar{display:flex;align-items:flex-end;gap:5px;height:68px;margin:10px 0 4px}
.rpt-mday{flex:1;display:flex;flex-direction:column;align-items:center;gap:0}
.rpt-mday-lbl{font-size:9.5px;color:var(--color-text-tertiary);margin-top:4px}
.rpt-custodia{display:flex;align-items:stretch;gap:0;margin:12px 0 18px;border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);overflow:hidden}
.rpt-cust-step{flex:1;padding:13px 14px;text-align:center;border-right:0.5px solid var(--color-border-tertiary)}
.rpt-cust-step:last-child{border-right:none}
.rpt-cust-step .kl{margin:0 0 6px;font-size:11px}
.rpt-cust-step .kv{margin:0;font-size:18px;font-weight:600}
.rpt-cust-arrow{display:flex;align-items:center;padding:0 2px;color:var(--color-border-secondary);font-size:18px;flex:none}
.rpt-legend{display:flex;gap:14px;font-size:11px;color:var(--color-text-tertiary);margin-bottom:14px}
.rpt-legend span{display:inline-flex;align-items:center;gap:4px}
.rpt-legend b{display:inline-block;width:9px;height:9px;border-radius:2px}
.pill.p-green{background:var(--color-background-success);color:var(--color-text-success)}
.pill.p-yellow{background:var(--color-background-warning);color:var(--color-text-warning)}
.pill.p-blue{background:var(--color-background-info);color:var(--color-text-info)}
.pill.p-gray{background:var(--color-background-secondary);color:var(--color-text-secondary)}
.pill.p-red{background:var(--color-background-danger);color:var(--color-text-danger)}
/* === REPORTES AVANZADOS === */
.rpt-daterow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.rpt-daterow input[type=date]{font-size:12px;padding:5px 9px;border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);font-family:inherit}
.rpt-daterow label{font-size:12px;color:var(--color-text-secondary)}
.rpt-filter-btn{display:flex;align-items:center;gap:7px;padding:7px 14px;border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;transition:border-color .15s}
.rpt-filter-btn:hover{border-color:var(--color-border-primary)}
.rpt-filter-dd{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:210px;background:var(--color-background-primary);border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:60;padding:5px}
.rpt-filter-dd.open{display:block}
.rpt-dxt-opt{display:flex;align-items:center;padding:8px 10px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:13px;transition:background .1s;color:var(--color-text-primary)}
.rpt-dxt-opt:hover{background:var(--color-background-secondary)}
.rpt-dxt-opt.active{color:var(--color-text-info);font-weight:600}
.rpt-wrap-x{overflow-x:auto;-webkit-overflow-scrolling:touch}
.rpt-matrix{border-collapse:collapse;font-size:11px;width:100%}
.rpt-matrix th,.rpt-matrix td{padding:5px 9px;border-bottom:0.5px solid var(--color-border-tertiary);white-space:nowrap}
.rpt-matrix th{text-align:center;font-weight:500;color:var(--color-text-secondary);font-size:10.5px}
.rpt-matrix td{text-align:center}
.rpt-matrix .rl{text-align:left;color:var(--color-text-secondary);padding-right:14px;font-size:11px;min-width:70px}
.rpt-matrix .rt{font-weight:600;color:var(--color-text-primary)}
.rpt-h0{color:var(--color-text-tertiary)}
.rpt-h1{background:rgba(59,130,246,.12);color:var(--color-text-info)}
.rpt-h2{background:rgba(22,163,74,.18);color:var(--color-text-success);font-weight:500}
.rpt-h3{background:var(--color-text-success);color:#fff;font-weight:600}
.rpt-liq-card{border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:12px 14px;margin-bottom:10px}
.rpt-liq-card .lc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px;flex-wrap:wrap}
.rpt-liq-card .lc-kpi{display:grid;grid-template-columns:repeat(4,1fr);border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);overflow:hidden}
.rpt-liq-card .lc-k{padding:8px 10px;border-right:0.5px solid var(--color-border-tertiary);text-align:center}
.rpt-liq-card .lc-k:last-child{border-right:none}
.rpt-store-detail{background:var(--color-background-secondary);border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:14px 16px;margin-top:12px;display:none}
.rpt-store-detail.on{display:block}
.rpt-spark{display:flex;align-items:flex-end;gap:3px;height:26px}
.rpt-spark-b{width:11px;border-radius:2px 2px 0 0;min-height:2px;transition:height .2s}
.rpt-sema{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none;vertical-align:middle}
.rpt-meta-inp{width:52px;font-size:12px;padding:3px 6px;border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-sm);background:var(--color-background-primary);color:var(--color-text-primary);font-family:inherit;text-align:center}
.rpt-meta-inp:focus{outline:none;border-color:var(--color-text-info)}
.rpt-progbar{height:4px;background:var(--color-background-secondary);border-radius:2px;overflow:hidden;margin-top:3px;min-width:60px}
.rpt-progbar-fill{height:100%;border-radius:2px;transition:width .3s}
.rpt-cli-list{display:flex;flex-direction:column;background:var(--color-background-secondary);border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);overflow:hidden}
.rpt-cli-row{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .1s;border-bottom:0.5px solid var(--color-border-tertiary)}
.rpt-cli-row:last-child{border-bottom:none}
.rpt-cli-row:hover{background:var(--color-background-primary)}
.rpt-cli-drawer{position:fixed;top:0;right:0;bottom:0;width:360px;background:var(--color-background-primary);border-left:0.5px solid var(--color-border-secondary);z-index:200;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:22px}
.rpt-cli-drawer.open{transform:translateX(0)}
.rpt-cli-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:199;opacity:0;pointer-events:none;transition:opacity .28s}
.rpt-cli-overlay.open{opacity:1;pointer-events:auto}
/* ===== Pedidos mejorado ===== */
.ptabs{display:flex;gap:0;border-bottom:0.5px solid var(--color-border-tertiary);margin-bottom:12px}
.ptab{padding:8px 14px;border:none;background:none;font-size:13px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.ptab:hover{color:var(--color-text-primary)}
.ptab.on{color:var(--color-text-primary);font-weight:500;border-bottom-color:var(--color-text-primary)}
.pmchip{font-size:11px;padding:1px 7px;border-radius:20px;white-space:nowrap;font-weight:500;display:inline-block}
.pmc-ef{background:var(--color-background-secondary);color:var(--color-text-secondary)}
.pmc-yp{background:#ede9fe;color:#6d28d9}
.pmc-pl{background:#dbeafe;color:#1d4ed8}
.pmc-tr{background:var(--color-background-tertiary);color:var(--color-text-secondary)}
.pmc-ps{background:var(--color-background-tertiary);color:var(--color-text-secondary)}
.pmc-pr{background:var(--color-background-success);color:var(--color-text-success)}
.pkpi{flex:1;background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:9px 11px;min-width:0}
.pkpi .pl{font-size:11px;color:var(--color-text-tertiary);margin:0 0 2px}
.pkpi .pv{font-size:18px;font-weight:500;margin:0}
/* ===== Date Range Picker — Pedidos ===== */
.dpr-wrap{position:relative;display:inline-flex}
.dpr-btn{font-size:12.5px;padding:5px 11px;border-radius:var(--border-radius-md);border:0.5px solid var(--color-border-secondary);color:var(--color-text-secondary);white-space:nowrap;display:inline-flex;align-items:center;gap:5px;cursor:pointer;background:var(--color-background-primary);font-family:inherit}
.dpr-btn.has-val{border-color:var(--color-text-info);color:var(--color-text-info);background:var(--color-background-info)}
.dpr-btn:hover{background:var(--color-background-tertiary)}
.dpr-panel{display:none;position:fixed;top:60px;left:220px;z-index:350;background:var(--color-background-primary);border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);box-shadow:0 8px 28px rgba(0,0,0,.18);min-width:580px}
.dpr-panel.open{display:flex}
.dpr-shortcuts{width:136px;flex:none;padding:10px 6px;border-right:0.5px solid var(--color-border-tertiary);display:flex;flex-direction:column;gap:1px}
.dpr-sh{font-size:12.5px;padding:7px 10px;border-radius:6px;cursor:pointer;color:var(--color-text-secondary);background:none;border:none;text-align:left;font-family:inherit;width:100%}
.dpr-sh:hover,.dpr-sh.on{background:var(--color-background-tertiary);color:var(--color-text-primary)}
.dpr-sh.on{color:var(--color-text-info);font-weight:500}
.dpr-cals{flex:1;padding:12px 14px}
.dpr-cals-row{display:flex;gap:20px}
.dpr-cal{flex:1}
.dpr-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dpr-cal-nav{background:none;border:none;cursor:pointer;font-size:15px;color:var(--color-text-secondary);padding:3px 7px;border-radius:4px;line-height:1}
.dpr-cal-nav:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}
.dpr-cal-title{font-size:12.5px;font-weight:500}
.dpr-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}
.dpr-dow{font-size:10px;color:var(--color-text-tertiary);text-align:center;padding:3px 0;font-weight:500}
.dpr-day{font-size:12px;text-align:center;padding:5px 2px;border-radius:4px;cursor:pointer;user-select:none;position:relative}
.dpr-day.other{color:var(--color-text-tertiary);opacity:.35;pointer-events:none}
.dpr-day:not(.other):hover{background:var(--color-background-tertiary)}
.dpr-day.today span::after{content:'';display:block;width:3px;height:3px;border-radius:50%;background:var(--color-text-info);margin:-2px auto 0}
.dpr-day.in-range{background:var(--color-background-info);border-radius:0}
.dpr-day.sel-start,.dpr-day.sel-end{background:var(--color-text-info)!important;color:#fff!important;border-radius:4px!important}
#ped-panel{position:fixed;top:35px;right:0;width:390px;height:calc(100vh - 35px);background:var(--color-background-primary);border-left:1px solid var(--color-border-secondary);z-index:300;display:none;flex-direction:column;overflow:hidden;box-shadow:-4px 0 24px rgba(0,0,0,.12)}
#ped-panel.open{display:flex}
#ped-panel-overlay{display:none;position:fixed;inset:0;top:35px;z-index:299}
#ped-panel-overlay.open{display:block}
#pago-panel{position:fixed;top:35px;right:0;width:470px;max-width:100vw;height:calc(100vh - 35px);background:var(--color-background-primary);border-left:1px solid var(--color-border-secondary);z-index:300;display:none;flex-direction:column;overflow:hidden;box-shadow:-4px 0 24px rgba(0,0,0,.12)}
#pago-panel.open{display:flex}
#pago-panel-overlay{display:none;position:fixed;inset:0;top:35px;z-index:299;background:rgba(0,0,0,.15)}
#pago-panel-overlay.open{display:block}
/* panel de resumen de selección — SIN overlay para poder seguir marcando pedidos */
#liqsel-panel{position:fixed;top:35px;right:0;width:380px;max-width:100vw;height:calc(100vh - 35px);background:var(--color-background-primary);border-left:1px solid var(--color-border-secondary);z-index:280;display:none;flex-direction:column;overflow:hidden;box-shadow:-4px 0 24px rgba(0,0,0,.12)}
#liqsel-panel.open{display:flex}
/* dropdowns de filtro custom (Pedidos) — posicionados bajo el botón */
.fdd{position:relative;display:inline-flex}
.fdd-menu{display:none;position:fixed;z-index:360;background:var(--color-background-primary);border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);box-shadow:0 8px 24px rgba(0,0,0,.16);min-width:160px;padding:4px;max-height:300px;overflow-y:auto}
.fdd-menu.open{display:block}
.fdd-item{font-size:12.5px;padding:7px 10px;border-radius:6px;cursor:pointer;color:var(--color-text-secondary);white-space:nowrap;display:flex;align-items:center;gap:7px}
.fdd-item:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}
.fdd-item.on{color:var(--color-text-info);font-weight:500}
.fdd-item .fdd-check{margin-left:auto;font-size:13px;opacity:0}
.fdd-item.on .fdd-check{opacity:1}
.chip.fdd-btn.has-val{border-color:var(--color-text-info);color:var(--color-text-info);background:var(--color-background-info)}
.ped-search{display:inline-flex;align-items:center;gap:8px;min-width:300px;padding:8px 14px;border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-secondary);color:var(--color-text-tertiary);transition:border-color .15s,box-shadow .15s}
.ped-search:focus-within{border-color:var(--color-text-info);box-shadow:0 0 0 3px var(--color-focus-ring)}
/* estilizado por id para ganar al reset global de inputs (línea ~445) sin doble borde */
#ped-search{border:none!important;background:transparent!important;outline:none!important;box-shadow:none!important;color:var(--color-text-primary)!important;font-family:inherit;font-size:13px;width:100%;padding:0!important;height:auto;min-width:0}
#ped-search:focus{border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important}
#ped-search::placeholder{color:var(--color-text-tertiary)!important;opacity:.8!important}
/* encabezados de tabla ordenables */
#ped-table thead th.sortable{cursor:pointer;user-select:none;white-space:nowrap}
#ped-table thead th.sortable:hover{color:var(--color-text-primary)}
#ped-table thead th .sort-ar{font-size:10px;opacity:.45;margin-left:3px;vertical-align:0}
#ped-table thead th.sort-on .sort-ar{opacity:1;color:var(--color-text-info)}
/* header de grupo colapsable */
#ped-table tr.grp-h{cursor:pointer}
#ped-table tr.grp-h:hover td{background:var(--color-background-tertiary)}
#ped-table tr.grp-h .grp-chev{font-size:13px;vertical-align:-2px;transition:transform .15s;display:inline-block;margin-right:4px;color:var(--color-text-tertiary)}
.ped-clear-filters{font-size:12.5px;padding:5px 11px;border-radius:var(--border-radius-md);border:none;background:transparent;color:var(--color-text-info);cursor:pointer;font-family:inherit;display:none;align-items:center;gap:5px}
.ped-clear-filters:hover{background:var(--color-background-info)}
.ped-clear-filters.show{display:inline-flex}
.pp-hd{padding:13px 16px;border-bottom:0.5px solid var(--color-border-tertiary);display:flex;align-items:center;gap:10px;flex:none}
.pp-body{flex:1;overflow-y:auto;padding:16px}
.pp-sec{font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--color-text-tertiary);text-transform:uppercase;margin:16px 0 7px}
.pp-row{display:flex;align-items:flex-start;gap:9px;font-size:13px;margin-bottom:7px;line-height:1.4}
.pp-row i{font-size:15px;color:var(--color-text-tertiary);flex:none;margin-top:1px}
.pp-act{display:flex;gap:8px;padding:12px 16px;border-top:0.5px solid var(--color-border-tertiary);flex:none}
.tl-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--color-border-secondary);flex:none;margin-top:3px}
.tl-dot.done{background:var(--color-text-success);border-color:var(--color-text-success)}
.tl-dot.active{background:var(--color-text-info);border-color:var(--color-text-info)}
.tl-dot.fail{background:var(--color-text-danger);border-color:var(--color-text-danger)}
.ped-row:hover td{background:var(--color-background-secondary)}
.ped-row{cursor:pointer}
.th-sort{cursor:pointer;user-select:none;white-space:nowrap}
.th-sort:hover{color:var(--color-text-primary)}
.th-sort .si{font-size:11px;opacity:.4;margin-left:3px;vertical-align:-1px;transition:opacity .15s}
.th-sort.asc .si,.th-sort.desc .si{opacity:.9;color:var(--color-text-info)}
.ep-fdd{position:absolute;top:calc(100% + 5px);left:0;background:var(--color-background-primary);border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);box-shadow:0 4px 20px rgba(0,0,0,.22);min-width:200px;z-index:400;padding:6px 0}
.ep-fdd-sec{font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--color-text-tertiary);text-transform:uppercase;padding:8px 14px 4px}
.ep-fdd-opt{padding:7px 14px;cursor:pointer;font-size:13px;color:var(--color-text-primary);transition:background .1s;display:flex;align-items:center;gap:7px}
.ep-fdd-opt:hover{background:var(--color-background-secondary)}
.ep-fdd-opt.on{color:var(--color-text-info);font-weight:500}
.ep-fdd-opt.on::before{content:'✓ '}
.ep-cd-d{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;position:relative}
.ep-cd-n{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;transition:background .1s;position:relative;z-index:1}
.ep-cd-d:hover:not(.ep-cd-lbl):not(.ep-cd-other) .ep-cd-n{background:var(--color-background-tertiary)}
.ep-cd-lbl{cursor:default}
.ep-cd-lbl .ep-cd-n{font-size:10.5px;font-weight:600;color:var(--color-text-tertiary)}
.ep-cd-other{opacity:.3;pointer-events:none}
.ep-cd-today:not(.ep-cd-start):not(.ep-cd-end) .ep-cd-n{border:1.5px solid var(--color-text-info)}
.ep-cd-range{background:rgba(59,130,246,.12)}
.ep-cd-start{background:linear-gradient(to right,transparent 50%,rgba(59,130,246,.12) 50%)}
.ep-cd-end{background:linear-gradient(to left,transparent 50%,rgba(59,130,246,.12) 50%)}
.ep-cd-start.ep-cd-end{background:transparent}
.ep-cd-start .ep-cd-n,.ep-cd-end .ep-cd-n{background:#3b82f6;color:#fff}
.ep-cd-start.ep-cd-end .ep-cd-n{background:#3b82f6;color:#fff}
.ep-cal-sc{padding:8px 16px;font-size:13px;color:var(--color-text-info);cursor:pointer;white-space:nowrap;transition:background .1s}
.ep-cal-sc:hover{background:var(--color-background-secondary)}
.ep-cal-sc.on{font-weight:600;color:var(--color-text-primary);background:var(--color-background-secondary)}
.ep-vc-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:0.5px solid var(--color-border-tertiary);font-size:13px}
.ep-vc-row.last{border-bottom:none}
.ep-vc-row span:first-child{color:var(--color-text-tertiary)}
.ep-vc-row span:last-child{font-weight:500}
.ep-vc-icon{font-size:15px;color:var(--color-text-success);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:background .15s}
.ep-vc-icon:hover{background:var(--color-background-secondary)}
.eliq-dd-opt{padding:8px 14px;cursor:pointer;font-size:13px;color:var(--color-text-primary);transition:background .1s}
.eliq-dd-opt:hover{background:var(--color-background-secondary)}
.eliq-dd-opt.eliq-dd-on{color:var(--color-text-info);font-weight:500}
.eliq-dd-opt.eliq-dd-on::before{content:'✓ '}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=image]):not([type=reset]),textarea,select{background:var(--color-background-input)!important;border:1px solid var(--color-border-input)!important;color:var(--color-text-primary)!important;outline:none}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=image]):not([type=reset]):focus,textarea:focus,select:focus{border-color:var(--color-text-info)!important;box-shadow:0 0 0 3px var(--color-focus-ring)!important;outline:none!important}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=image]):not([type=reset])::placeholder,textarea::placeholder{color:var(--color-text-tertiary)!important;opacity:0.75!important}