:root{--verde:#7437dc;--verde-oscuro:#5c26b9;--verde-claro:#f1eafe;--tinta:#232135;--secundario:#737184;--borde:#e8e6ee;--fondo:#f6f5fa;--rojo:#bd3f51;--morado:#7437dc;--sidebar:#191426;font-family:Inter,"Segoe UI",Arial,sans-serif} body{background:var(--fondo);color:var(--tinta)}button,input,select,textarea{font:inherit}select,textarea{color:var(--tinta)}.icono{width:20px;height:20px}.boton{border-radius:9px;font-size:.875rem;min-height:44px}.boton:disabled{cursor:not-allowed}.boton-primario{box-shadow:0 3px 8px #7437dc16}.boton-secundario:hover{border-color:#c9b8e7}.app-sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--sidebar);color:#ddd7ed;display:flex;flex-direction:column;padding:29px 17px 18px;z-index:30;overflow-y:auto}.store-logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:white;padding:0 10px 26px}.store-logo img{width:38px;height:38px}.store-logo strong{display:block;font-size:1rem;letter-spacing:.025em}.store-logo small{display:block;font-size:.6875rem;color:#a69ab9;letter-spacing:.2em;margin-top:3px}.sidebar-profile{display:flex;align-items:center;gap:11px;padding:14px 12px;background:#ffffff07;border:1px solid #ffffff08;border-radius:11px;margin-bottom:29px}.avatar-shell{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border-radius:11px;background:#7437dc;color:white;font-size:.875rem;font-weight:700}.sidebar-profile strong{font-size:.8125rem;font-weight:600;display:block;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile small{font-size:.75rem;color:#a79bbd}.menu-caption{font-size:.6875rem;letter-spacing:.15em;color:#8e82a3;font-weight:650;margin:0 13px 11px}.app-nav{display:flex;flex-direction:column;gap:5px;flex:1}.app-nav a,.sidebar-bottom button{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:9px;font-size:.875rem;color:#bcb2d0;text-decoration:none;min-height:46px}.app-nav a:hover{background:#ffffff09;color:white}.app-nav a[aria-current=page]{background:#7437dc;color:white;box-shadow:0 4px 15px #0002}.app-nav a .nav-count{margin-left:auto;min-width:22px;padding:2px 5px;border-radius:5px;background:#ffdded1f;color:#f4cadd;font-size:.75rem;text-align:center}.sidebar-bottom{border-top:1px solid #ffffff0c;margin-top:30px;padding-top:17px}.sidebar-bottom button{width:100%;background:none;border:0;color:#d7b0c3}.sidebar-bottom button:hover{background:#ffffff0a}.sidebar-note{font-size:.6875rem;color:#877c9b;line-height:1.6;padding:17px 14px 0;margin:0}.app-area{margin-left:246px;min-height:100svh}.app-topbar{min-height:81px;padding:18px 34px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--borde);background:#ffffffd9}.topbar-path{font-size:.8125rem;color:var(--secundario);display:flex;align-items:center;gap:10px}.topbar-path strong{color:var(--tinta);font-weight:550}.topbar-actions{display:flex;align-items:center;gap:17px}.topbar-user{display:flex;align-items:center;gap:10px;border-left:1px solid var(--borde);padding-left:18px}.topbar-user strong{display:block;font-size:.8125rem;font-weight:600}.topbar-user small{font-size:.75rem;color:var(--secundario)}.topbar-user .avatar-shell{width:35px;height:35px;background:#eee5fc;color:var(--morado)}.topbar-date{font-size:.8125rem;color:var(--secundario)}.topbar-icon{display:grid;place-items:center;color:var(--secundario);height:37px;width:37px;border:1px solid var(--borde);border-radius:9px;background:white}.branch-switch{display:flex;align-items:center;gap:8px;color:var(--secundario);font-size:.8125rem}.branch-switch select{background:white;border:1px solid var(--borde);border-radius:8px;padding:9px 27px 9px 10px;max-width:210px;font-size:.8125rem}.app-main,.pagina-personal .contenido-panel{width:100%;max-width:1580px;margin:0 auto;padding:31px 34px 40px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px;flex-wrap:wrap}.page-title h1,.titulo-panel h1{font-size:1.8rem;letter-spacing:-.045em;font-weight:700;line-height:1.25;margin:0 0 7px}.page-title p,.titulo-panel p{color:var(--secundario);margin:0;font-size:.9375rem}.page-eyebrow{font-size:.75rem;color:var(--morado);font-weight:650;margin-bottom:7px;display:block}.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.surface{border:1px solid var(--borde);border-radius:13px;background:white;box-shadow:0 3px 12px #24153802;padding:23px;margin-bottom:22px;min-width:0}.surface.flush{padding:0;overflow:hidden}.surface-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:21px}.surface.flush>.surface-head{padding:22px 23px 0}.surface h2,.surface-head h2{font-size:1rem;margin:0;font-weight:650;letter-spacing:-.015em}.surface-head p{font-size:.8125rem;color:var(--secundario);margin:5px 0 0}.surface-head a{font-size:.8125rem;text-decoration:none;font-weight:600}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric{border:1px solid var(--borde);border-radius:13px;background:white;padding:21px 20px;display:flex;align-items:flex-start;gap:15px;min-width:0;box-shadow:0 3px 12px #24153802}.metric-icon,.quick-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;flex-shrink:0;background:#f1e8ff;color:#7c3aed}.metric-icon.blue,.quick-icon.blue{background:#eaf1ff;color:#3c6bdc}.metric-icon.green,.quick-icon.green{background:#e5f7f0;color:#299f7b}.metric-icon.orange,.quick-icon.orange{background:#fff0e2;color:#de8d37}.metric-info{min-width:0}.metric-info>span{font-size:.8125rem;color:var(--secundario);display:block}.metric-info>strong{display:block;font-size:1.7rem;line-height:1.25;letter-spacing:-.05em;margin:8px 0;font-weight:700;overflow-wrap:anywhere}.metric-info>small{font-size:.75rem;color:#888395}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:22px}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.quick-link{border:1px solid var(--borde);border-radius:10px;padding:17px 13px;text-decoration:none;display:flex;align-items:center;gap:11px;color:var(--tinta);transition:border-color .15s,background .15s}.quick-link:hover{border-color:#b49be2;background:#fbf8ff}.quick-link strong{display:block;font-size:.8125rem;font-weight:600}.quick-link small{display:block;color:var(--secundario);font-size:.75rem;margin-top:4px}.quick-icon{width:37px;height:37px;border-radius:9px}.quick-icon .icono{width:18px;height:18px}.empty-state{padding:46px 20px;text-align:center;color:var(--secundario)}.empty-state .empty-symbol{display:inline-grid;place-items:center;background:#f4f0fa;color:#a894c3;border-radius:15px;width:54px;height:54px;margin-bottom:15px}.empty-state .empty-symbol .icono{width:25px;height:25px}.empty-state h3{font-size:.9375rem;font-weight:600;color:#4c435e;margin:0 0 8px}.empty-state p{font-size:.875rem;max-width:370px;margin:0 auto;line-height:1.7}.chart-empty{min-height:267px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(to bottom,transparent 0,transparent 52px,#f5f3f8 52px,#f5f3f8 53px);border-radius:8px}.chart-empty .empty-state{background:#fffefb00}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.toolbar .field.search-field{min-width:240px;flex:1;max-width:450px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label,.field>span{font-size:.8125rem;font-weight:600;color:#5d556c}.field input,.field select,.field textarea,.compact-select{border:1px solid #ded8e8;border-radius:8px;padding:11px 12px;background:white;color:var(--tinta);font-size:.875rem;min-height:44px;width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #7437dc13;border-color:var(--morado)}.field small{font-size:.75rem;color:var(--secundario)}.field input::placeholder{color:#9a94a5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:21px;border-top:1px solid var(--borde);flex-wrap:wrap}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.data-table th{font-size:.75rem;color:#7b728c;background:#faf9fc;white-space:nowrap;font-weight:600;border-top:1px solid #efedf3}.data-table td,.data-table th{padding:14px 16px;border-bottom:1px solid #efedf3;vertical-align:middle}.data-table td{line-height:1.5}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfaff}.data-table td strong{font-weight:600}.cell-sub{display:block;color:var(--secundario);font-size:.75rem;margin-top:3px}.cell-main{min-width:145px;max-width:230px;overflow-wrap:anywhere}.cell-number{font-variant-numeric:tabular-nums;white-space:nowrap}.cell-actions{display:flex;gap:7px;justify-content:flex-end}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:35px;background:#fff;border:1px solid #e8e3f0;border-radius:7px;padding:7px 10px;font-size:.75rem;color:var(--morado);text-decoration:none;white-space:nowrap}.text-button:hover{background:#f8f3ff;border-color:#d6c5ef}.text-button.danger{color:var(--rojo);border-color:#efd5da}.text-button:disabled{opacity:.5;cursor:not-allowed}.badge{font-size:.75rem;font-weight:550;display:inline-flex;align-items:center;padding:4px 8px;border-radius:5px;background:#f0edf7;color:#7b619b;white-space:nowrap}.badge.green{color:#28815d;background:#e8f5ed}.badge.orange{color:#a77429;background:#fff4df}.badge.red{color:#b54d5f;background:#fceef1}.badge.blue{color:#3e6d9d;background:#eaf2fd}.badge.gray{color:#7f7789;background:#f2f0f5}.table-foot{border-top:1px solid var(--borde);padding:15px 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.75rem;color:var(--secundario)}.dialog{border:1px solid var(--borde);border-radius:16px;padding:29px;width:min(660px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow:auto;color:var(--tinta);box-shadow:0 25px 80px #17122535}.dialog::backdrop{background:#17122580;backdrop-filter:blur(3px)}.dialog h2{font-size:1.375rem;letter-spacing:-.035em;margin:0 0 8px}.dialog>p{font-size:.875rem;color:var(--secundario);margin:0 0 22px}.dialog-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:23px}.dialog-head p{color:var(--secundario);font-size:.875rem;margin:8px 0 0}.dialog .close-button{border:0;background:#f5f1fa;color:#746386;border-radius:7px;width:36px;height:36px;flex-shrink:0;display:grid;place-items:center}.dialog-small{max-width:440px}.dialog-wide{width:min(850px,calc(100% - 32px))}.error-note{color:var(--rojo);background:#fff2f4;border:1px solid #f2d1d8;padding:13px;border-radius:8px;font-size:.875rem;margin-bottom:18px}.info-note{font-size:.8125rem;line-height:1.7;background:#f6f1fc;border:1px solid #e8ddf5;color:#7d649c;border-radius:9px;padding:13px 15px}.feedback{border:1px solid #cfe8d9;background:#eff9f3;color:#32734e;padding:13px 17px;font-size:.875rem;border-radius:9px;margin-bottom:20px}.feedback.error{border-color:#edcbd1;background:#fff1f3;color:#ac3e51}.data-item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #f0edf5}.data-item:last-child{border-bottom:0}.data-item>.item-copy{flex:1;min-width:0}.data-item strong{display:block;font-size:.875rem;font-weight:600}.data-item p{color:var(--secundario);font-size:.8125rem;margin:5px 0 0;line-height:1.55}.data-item .metric-icon{width:36px;height:36px;border-radius:9px}.muted{color:var(--secundario)}.note-footer{font-size:.75rem;color:#93899f;text-align:center;padding:0 20px 24px}.page-separator{border:0;border-top:1px solid var(--borde);margin:23px 0}.menu-toggle,.sidebar-overlay{display:none}.titulo-personal{margin-bottom:27px}.pagina-personal .navegacion-gerente,.pagina-personal .ruta-panel{display:none}.pagina-personal .cabecera-listado{padding:23px 25px 0}.pagina-personal .listado-personal{border-color:var(--borde)}.pagina-personal .avatar-personal{background:#f1e8fc;color:var(--morado);border-color:#e9def7}.pagina-personal .entrada-buscar input{border-color:#ded8e8}.pagina-personal .tu-cuenta{color:var(--morado)}.pagina-personal .tabla-personal th{background:#faf9fc}.pagina-personal .tabla-personal th,.pagina-personal .tabla-personal td{border-color:#efedf4}.pagina-personal .titulo-panel h1{font-size:1.8rem}.pagina-personal .nota-panel{font-size:.8125rem}.pagina-personal .dialogo-personal{border-color:var(--borde)}.pagina-personal .ayuda-identidad{font-size:.8125rem}.filter-tabs{display:flex;background:#f2eef8;border:1px solid #e9e2f2;border-radius:8px;padding:4px;gap:3px}.filter-tabs button{border:0;border-radius:5px;background:none;color:#867895;padding:8px 16px;font-size:.8125rem}.filter-tabs button[aria-pressed=true]{background:white;color:var(--morado);box-shadow:0 1px 5px #31135110;font-weight:650}.tabular{font-variant-numeric:tabular-nums}.link-muted{color:var(--secundario);font-size:.8125rem;text-decoration:none} @media(min-width:1600px){.app-main{padding-top:38px}.metrics{gap:22px}.metric{padding:25px}} @media(max-width:1200px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-main,.pagina-personal .contenido-panel{padding:27px 25px}.app-topbar{padding:18px 25px}.topbar-date{display:none}.dashboard-grid{grid-template-columns:1.5fr 1fr}} @media(max-width:980px){.app-sidebar{width:215px;padding-left:13px;padding-right:13px}.app-area{margin-left:215px}.dashboard-grid,.two-columns{grid-template-columns:1fr}.topbar-user>div:last-child{display:none}.topbar-path{font-size:.75rem}.metric{padding:18px 14px}.metric-info>strong{font-size:1.5rem}} @media(max-width:760px){.app-sidebar{transform:translateX(-100%);width:246px;transition:transform .2s}.app-sidebar.open{transform:none}.app-area{margin-left:0}.menu-toggle{display:grid;place-items:center;background:white;border:1px solid var(--borde);border-radius:8px;min-width:39px;height:39px;color:var(--tinta)}.sidebar-overlay.open{display:block;position:fixed;inset:0;z-index:25;background:#17122580;border:0}.app-topbar{padding:15px 18px;min-height:72px}.topbar-path{display:none}.topbar-actions{gap:10px;margin-left:auto}.topbar-user{padding-left:10px}.branch-switch .icono{display:none}.branch-switch select{max-width:165px}.app-main,.pagina-personal .contenido-panel{padding:26px 18px}.page-title h1{font-size:1.6rem}.page-title p{font-size:.875rem}.page-title{gap:16px}.page-actions{width:100%}.toolbar .field.search-field{min-width:180px}.surface{padding:20px}.metric-info>span{font-size:.75rem}.metric-icon{width:36px;height:36px}.metrics{gap:12px}.metric{gap:10px}.quick-link{padding:15px 10px}.dialog{padding:23px 20px}.form-grid{gap:15px}.page-actions>.boton{flex:1}.topbar-icon{display:none}} @media(max-width:440px){.metric{display:block}.metric-icon{margin-bottom:11px}.metrics{gap:10px}.metric-info>strong{font-size:1.5rem}.quick-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.quick-link{padding:15px}.metric-info>small{font-size:.6875rem}.topbar-user{display:none}.form-actions>.boton{flex:1}.toolbar .field{flex:1}.filter-tabs button{padding:8px 13px}} @media print{.app-sidebar,.app-topbar,.page-title,.toolbar,.note-footer,.no-print,.form-actions,.sidebar-overlay{display:none!important}.app-area{margin:0}.app-main{padding:0;max-width:none}.surface{box-shadow:none;border:0}.print-only{display:block!important}body{background:white}.dialog[open]{position:static;max-height:none;width:100%;box-shadow:none;border:0}.dialog::backdrop{display:none}} /* Identidad de Kevin Génesis · Importadora Hurón */ body[data-identidad="huron"]{--verde:#f26b21;--verde-oscuro:#c94912;--verde-claro:#fff0e6;--morado:#e73164;--tinta:#24242a;--secundario:#70717b;--borde:#ebe1dd;--fondo:#fcf8f6;--sidebar:#0d0e12;background:var(--fondo)} body[data-identidad="huron"] .app-sidebar{background:linear-gradient(165deg,#07080a 0%,#131419 52%,#2a1118 130%);color:#ede8e6;border-right:1px solid #ff7b2424} body[data-identidad="huron"] .store-logo{padding-bottom:29px} body[data-identidad="huron"] .store-logo.brand-huron img{width:56px;height:56px;object-fit:cover;border-radius:15px;border:1px solid #ff8e4566;box-shadow:0 8px 24px #0009} body[data-identidad="huron"] .store-logo strong{font-size:.87rem;letter-spacing:.04em;color:#fff7f1} body[data-identidad="huron"] .store-logo small{color:#ff9e65;letter-spacing:.15em} body[data-identidad="huron"] .sidebar-profile{background:linear-gradient(110deg,#ffffff0c,#ff5c1b12);border-color:#ff8e4526} body[data-identidad="huron"] .avatar-shell{background:linear-gradient(135deg,#ff7925,#e72e66);color:white;box-shadow:0 4px 13px #e8314c35} body[data-identidad="huron"] .sidebar-profile small,body[data-identidad="huron"] .menu-caption,body[data-identidad="huron"] .sidebar-note{color:#aaa7ac} body[data-identidad="huron"] .app-nav a{color:#cbc7cb} body[data-identidad="huron"] .app-nav a:hover{background:#ffffff0c;color:#fff5f0} body[data-identidad="huron"] .app-nav a[aria-current=page]{background:linear-gradient(102deg,#ed5a1e,#e52f64);box-shadow:0 7px 21px #d7354538;color:#fff} body[data-identidad="huron"] .sidebar-bottom{border-color:#ffffff12} body[data-identidad="huron"] .sidebar-bottom button{color:#ffb18a} body[data-identidad="huron"] .app-area{background:linear-gradient(135deg,#fff0e8 0%,#fff8f2 42%,#ffe9f0 100%)} body[data-identidad="huron"] .app-topbar{background:linear-gradient(100deg,#fffdfc 0%,#fff5ef 62%,#ffedf2 100%);border-bottom-color:#f3cfc5;box-shadow:0 2px 14px #b9482110} body[data-identidad="huron"] .app-main{background:radial-gradient(circle at 100% 0,#ffb47773 0,transparent 23%),radial-gradient(circle at 5% 48%,#ff77972e 0,transparent 23%),linear-gradient(135deg,#fff0e8 0%,#fff9f5 48%,#ffe7ee 100%)} body[data-identidad="huron"] .topbar-user .avatar-shell{background:#fff0e6;color:#df4d26;box-shadow:none} body[data-identidad="huron"] .boton-primario{background:linear-gradient(105deg,#ed671f,#df2c61);border-color:transparent;box-shadow:0 6px 16px #df3a412b} body[data-identidad="huron"] .boton-primario:hover{background:linear-gradient(105deg,#d95616,#c92252)} body[data-identidad="huron"] .metric-icon{background:#fff0e6;color:#e6591c} body[data-identidad="huron"] .metric-icon.blue,body[data-identidad="huron"] .quick-icon.blue{background:#fde9ef;color:#d73261} body[data-identidad="huron"] .metric-icon.green,body[data-identidad="huron"] .quick-icon.green{background:#fff0e6;color:#e35c1e} body[data-identidad="huron"] .surface{border-color:#f2cfc6;background:linear-gradient(145deg,#fff 0%,#fffaf8 100%);box-shadow:0 9px 24px #8f32100e} body[data-identidad="huron"] .metric{border-color:#f2c8b8;box-shadow:0 9px 22px #8f321012;background:linear-gradient(145deg,#fff 0%,#fff5ee 100%)} body[data-identidad="huron"] .metric:nth-child(2n){border-color:#f1cbd7;background:linear-gradient(145deg,#fff 0%,#fff3f6 100%)} body[data-identidad="huron"] .metric:nth-child(3n) .metric-icon,body[data-identidad="huron"] .quick-icon{background:#ffe7ee;color:#d72c62} body[data-identidad="huron"] .quick-link{border-color:#f2cfc6;background:#fffaf8;box-shadow:0 4px 12px #8f321009} body[data-identidad="huron"] .quick-link:hover{border-color:#f6b18c;background:#fffaf7} body[data-identidad="huron"] .page-title h1{color:#bf3d31} body[data-identidad="huron"] .page-eyebrow{color:#df3c5f} body[data-identidad="huron"] .field input:focus,body[data-identidad="huron"] .field select:focus,body[data-identidad="huron"] .field textarea:focus{outline-color:#f26b211f;border-color:#ee6b28} body[data-identidad="huron"] .note-footer{color:#9a8580} /* Identidad de Ada-Belport Store */ body[data-identidad="belport"]{--verde:#ec3c91;--verde-oscuro:#c72575;--verde-claro:#fff0f8;--morado:#8b3bdb;--tinta:#292238;--secundario:#756d80;--borde:#ead9eb;--fondo:#fdf8fd;--sidebar:#15121b;background:var(--fondo)} body[data-identidad="belport"] .app-sidebar{background:radial-gradient(circle at 94% 0,#e83b9160 0,transparent 26%),linear-gradient(165deg,#0e0c13 0%,#1b1021 58%,#2a1324 100%);color:#f4edf5;border-right:1px solid #ec3c9130} body[data-identidad="belport"] .store-logo{padding-bottom:29px} body[data-identidad="belport"] .store-logo.brand-belport img{width:56px;height:56px;object-fit:cover;border-radius:50%;border:2px solid #f4539f;box-shadow:0 8px 24px #000a} body[data-identidad="belport"] .store-logo strong{font-size:.83rem;letter-spacing:.045em;color:#fff8fd} body[data-identidad="belport"] .store-logo small{color:#ff9a68;letter-spacing:.13em} body[data-identidad="belport"] .sidebar-profile{background:linear-gradient(110deg,#ffffff0b,#ed3f9119);border-color:#f4539f35} body[data-identidad="belport"] .avatar-shell{background:linear-gradient(135deg,#ff8b38,#ec3c91 52%,#8a3ed2);color:white;box-shadow:0 4px 13px #e8358a40} body[data-identidad="belport"] .sidebar-profile small,body[data-identidad="belport"] .menu-caption,body[data-identidad="belport"] .sidebar-note{color:#b4abb8} body[data-identidad="belport"] .app-nav a{color:#d3c8d4} body[data-identidad="belport"] .app-nav a:hover{background:#ffffff0d;color:#fff7fd} body[data-identidad="belport"] .app-nav a[aria-current=page]{background:linear-gradient(102deg,#ff8538,#ed3f91 56%,#8c3fd2);box-shadow:0 7px 22px #df2d7d40;color:#fff} body[data-identidad="belport"] .sidebar-bottom{border-color:#ffffff14} body[data-identidad="belport"] .sidebar-bottom button{color:#ffad82} body[data-identidad="belport"] .app-area{background:linear-gradient(135deg,#ffe1f1 0%,#fff0e0 45%,#eadcff 100%)} body[data-identidad="belport"] .app-topbar{background:linear-gradient(102deg,#fff8fd 0%,#ffe1f0 56%,#eadfff 100%);border-bottom-color:#ed9dc8;box-shadow:0 3px 17px #b22c8d1c} body[data-identidad="belport"] .app-main{background:radial-gradient(circle at 98% 0,#ff793e94 0,transparent 27%),radial-gradient(circle at 8% 48%,#a449da54 0,transparent 27%),radial-gradient(circle at 75% 95%,#ff3e9260 0,transparent 28%),linear-gradient(135deg,#ffe0f0 0%,#fff0df 47%,#eadcff 100%)} body[data-identidad="belport"] .topbar-user .avatar-shell{background:#fff0f8;color:#d72f80;box-shadow:none} body[data-identidad="belport"] .boton-primario{background:linear-gradient(105deg,#ff7c38,#ec3c91 54%,#8d3fd1);border-color:transparent;box-shadow:0 6px 17px #df368a30} body[data-identidad="belport"] .boton-primario:hover{background:linear-gradient(105deg,#ed6825,#d8287c 54%,#7630bc)} body[data-identidad="belport"] .surface{border-color:#eeafd0;background:linear-gradient(145deg,#fffdfd 0%,#fff2f9 100%);box-shadow:0 10px 27px #8b285d18} body[data-identidad="belport"] .metric{border-color:#ed9fc7;box-shadow:0 10px 24px #8b285d1b;background:linear-gradient(145deg,#fffdfd 0%,#ffe2f1 100%)} body[data-identidad="belport"] .metric:nth-child(2n){border-color:#cfa8ee;background:linear-gradient(145deg,#fff 0%,#eee1ff 100%)} body[data-identidad="belport"] .metric-icon,body[data-identidad="belport"] .quick-icon{background:#ffe4f1;color:#dc347f} body[data-identidad="belport"] .metric:nth-child(3n) .metric-icon,body[data-identidad="belport"] .quick-icon.blue{background:#f0e3ff;color:#8540c9} body[data-identidad="belport"] .quick-link{border-color:#edacd0;background:linear-gradient(145deg,#fff 0%,#ffedf7 100%);box-shadow:0 5px 14px #8b285d12} body[data-identidad="belport"] .quick-link:hover{border-color:#e85c9f;background:#ffe0ef} body[data-identidad="belport"] .page-title h1{color:#bc2773} body[data-identidad="belport"] .page-eyebrow{color:#dc347f} body[data-identidad="belport"] .field input:focus,body[data-identidad="belport"] .field select:focus,body[data-identidad="belport"] .field textarea:focus{outline-color:#ec3c911f;border-color:#e64691} body[data-identidad="belport"] .note-footer{color:#9b8092} /* Identidad de Milton-Las Vegas · Importadora MP */ body[data-identidad="mp"]{--verde:#1678ff;--verde-oscuro:#0756cf;--verde-claro:#e8f2ff;--morado:#ef6119;--tinta:#17263d;--secundario:#617187;--borde:#d6e2f2;--fondo:#eff7ff;--sidebar:#070b12;background:var(--fondo)} body[data-identidad="mp"] .app-sidebar{background:radial-gradient(circle at 93% 3%,#1379ff55 0,transparent 27%),linear-gradient(165deg,#05070b 0%,#091323 58%,#111322 100%);color:#e9f4ff;border-right:1px solid #1682ff32} body[data-identidad="mp"] .store-logo{padding-bottom:29px} body[data-identidad="mp"] .store-logo.brand-mp img{width:56px;height:56px;object-fit:cover;border-radius:50%;border:2px solid #f07123;box-shadow:0 8px 24px #000b} body[data-identidad="mp"] .store-logo strong{font-size:.86rem;letter-spacing:.055em;color:#f4f9ff} body[data-identidad="mp"] .store-logo small{color:#7fbaff;letter-spacing:.13em} body[data-identidad="mp"] .sidebar-profile{background:linear-gradient(110deg,#ffffff0a,#1678ff1a);border-color:#2186ff38} body[data-identidad="mp"] .avatar-shell{background:linear-gradient(135deg,#1d8aff,#0b59d3 52%,#ef671e);color:white;box-shadow:0 4px 13px #146ef047} body[data-identidad="mp"] .sidebar-profile small,body[data-identidad="mp"] .menu-caption,body[data-identidad="mp"] .sidebar-note{color:#aebcd0} body[data-identidad="mp"] .app-nav a{color:#d0dced} body[data-identidad="mp"] .app-nav a:hover{background:#ffffff0d;color:#f4f9ff} body[data-identidad="mp"] .app-nav a[aria-current=page]{background:linear-gradient(102deg,#117dff,#0961d8 54%,#ef671e);box-shadow:0 7px 22px #136ce145;color:#fff} body[data-identidad="mp"] .sidebar-bottom{border-color:#ffffff14} body[data-identidad="mp"] .sidebar-bottom button{color:#8dc1ff} body[data-identidad="mp"] .app-area{background:linear-gradient(135deg,#ddecff 0%,#f1f8ff 48%,#fff0e5 100%)} body[data-identidad="mp"] .app-topbar{background:linear-gradient(102deg,#fafdff 0%,#e1efff 58%,#fff0e5 100%);border-bottom-color:#b9d6fa;box-shadow:0 3px 17px #0a67d51a} body[data-identidad="mp"] .app-main{background:radial-gradient(circle at 98% 0,#f58b3f88 0,transparent 26%),radial-gradient(circle at 7% 48%,#1678ff4d 0,transparent 27%),radial-gradient(circle at 76% 94%,#0f7aff36 0,transparent 28%),linear-gradient(135deg,#ddecff 0%,#f2f9ff 47%,#fff0e5 100%)} body[data-identidad="mp"] .topbar-user .avatar-shell{background:#e3f0ff;color:#0862d8;box-shadow:none} body[data-identidad="mp"] .boton-primario{background:linear-gradient(105deg,#147fff,#0c5dd0 56%,#ed681d);border-color:transparent;box-shadow:0 6px 17px #0b65d530} body[data-identidad="mp"] .boton-primario:hover{background:linear-gradient(105deg,#076ee5,#074fb3 56%,#d9500c)} body[data-identidad="mp"] .surface{border-color:#bcd7f6;background:linear-gradient(145deg,#fff 0%,#f4f9ff 100%);box-shadow:0 10px 27px #145b9a15} body[data-identidad="mp"] .metric{border-color:#acd0fa;box-shadow:0 10px 24px #145b9a1b;background:linear-gradient(145deg,#fff 0%,#e7f2ff 100%)} body[data-identidad="mp"] .metric:nth-child(2n){border-color:#f1c5a5;background:linear-gradient(145deg,#fff 0%,#fff0e5 100%)} body[data-identidad="mp"] .metric-icon,body[data-identidad="mp"] .quick-icon{background:#dceeff;color:#0871e9} body[data-identidad="mp"] .metric:nth-child(3n) .metric-icon,body[data-identidad="mp"] .quick-icon.orange{background:#ffeadb;color:#e35a13} body[data-identidad="mp"] .quick-link{border-color:#b7d5f6;background:linear-gradient(145deg,#fff 0%,#eef7ff 100%);box-shadow:0 5px 14px #145b9a10} body[data-identidad="mp"] .quick-link:hover{border-color:#398ef2;background:#e0f0ff} body[data-identidad="mp"] .page-title h1{color:#075bc9} body[data-identidad="mp"] .page-eyebrow{color:#0a6fe5} body[data-identidad="mp"] .field input:focus,body[data-identidad="mp"] .field select:focus,body[data-identidad="mp"] .field textarea:focus{outline-color:#1678ff1e;border-color:#187af1} body[data-identidad="mp"] .note-footer{color:#6d88a7} /* Identidad de Pepon-Litoral · estilo dorado premium */ body[data-identidad="touch-lapaz"]{--verde:#d9a441;--verde-oscuro:#b8831d;--verde-claro:#f7ecd1;--morado:#f0c76d;--tinta:#f7f1e3;--secundario:#d9bf87;--borde:#48351a;--fondo:#120d09;--sidebar:#090503;background:var(--fondo)} body[data-identidad="touch-lapaz"] .app-sidebar{background:radial-gradient(circle at 94% 2%,#d29a2d55 0,transparent 26%),linear-gradient(165deg,#080504 0%,#140d09 52%,#1e1411 100%);color:#f5eddc;border-right:1px solid #c9962d55} body[data-identidad="touch-lapaz"] .store-logo{padding-bottom:29px} body[data-identidad="touch-lapaz"] .store-logo.brand-touch-lapaz img{width:56px;height:56px;object-fit:cover;object-position:center;border-radius:14px;border:2px solid #e7b857;box-shadow:0 8px 24px rgba(0,0,0,.6)} body[data-identidad="touch-lapaz"] .store-logo strong{font-size:.78rem;letter-spacing:.035em;color:#fff7e5} body[data-identidad="touch-lapaz"] .store-logo small{color:#f4cf7a;letter-spacing:.115em} body[data-identidad="touch-lapaz"] .sidebar-profile{background:linear-gradient(110deg,#ffffff0b,#d9a44118);border-color:#d9a44144} body[data-identidad="touch-lapaz"] .avatar-shell{background:linear-gradient(135deg,#f7d57a,#d6a43a 52%,#8d5d16);color:#120d09;box-shadow:0 4px 13px rgba(230,170,72,.38)} body[data-identidad="touch-lapaz"] .sidebar-profile small,body[data-identidad="touch-lapaz"] .menu-caption,body[data-identidad="touch-lapaz"] .sidebar-note{color:#d5c39b} body[data-identidad="touch-lapaz"] .app-nav a{color:#e8ddc0} body[data-identidad="touch-lapaz"] .app-nav a:hover{background:#ffffff0d;color:#fff8ee} body[data-identidad="touch-lapaz"] .app-nav a[aria-current=page]{background:linear-gradient(102deg,#f5d67a,#d9a441 56%,#8d5d16);box-shadow:0 7px 22px rgba(217,164,65,.33);color:#120d09} body[data-identidad="touch-lapaz"] .sidebar-bottom{border-color:#ffffff14} body[data-identidad="touch-lapaz"] .sidebar-bottom button{color:#f7d173} body[data-identidad="touch-lapaz"] .app-area{background:linear-gradient(135deg,#120d09 0%,#1a120d 45%,#0d0907 100%)} body[data-identidad="touch-lapaz"] .app-topbar{background:linear-gradient(102deg,#17110d 0%,#221a15 56%,#120d09 100%);border-bottom-color:#755721;box-shadow:0 3px 17px rgba(0,0,0,.35)} body[data-identidad="touch-lapaz"] .app-main{background:radial-gradient(circle at 98% 0,#d9a44144 0,transparent 27%),radial-gradient(circle at 8% 48%,#f0c76d31 0,transparent 25%),radial-gradient(circle at 76% 94%,#8d5d1658 0,transparent 28%),linear-gradient(135deg,#120d09 0%,#1a120d 45%,#0d0907 100%)} body[data-identidad="touch-lapaz"] .topbar-user .avatar-shell{background:linear-gradient(135deg,#f5da7d,#d2a63d);color:#120d09;box-shadow:none} body[data-identidad="touch-lapaz"] .boton-primario{background:linear-gradient(105deg,#f6d77a,#d9a441 57%,#8c5a18);border-color:transparent;box-shadow:0 6px 17px rgba(217,164,65,.32);color:#120d09} body[data-identidad="touch-lapaz"] .boton-primario:hover{background:linear-gradient(105deg,#e6c263,#c88c2d 57%,#734d10);color:#150d07} body[data-identidad="touch-lapaz"] .boton-secundario{background:#1b140e;border-color:#d7a84d;color:#f4e8c7} body[data-identidad="touch-lapaz"] .boton-secundario:hover{background:#2a1b12;border-color:#f2ce6d} body[data-identidad="touch-lapaz"] .surface{border-color:#5d4324;background:linear-gradient(145deg,#17110d 0%,#1e1715 100%);box-shadow:0 10px 27px rgba(0,0,0,.28);color:#f7f1e3} body[data-identidad="touch-lapaz"] .metric{border-color:#6f502b;box-shadow:0 10px 24px rgba(0,0,0,.28);background:linear-gradient(145deg,#1b140e 0%,#120d09 100%);color:#f7f1e3} body[data-identidad="touch-lapaz"] .metric:nth-child(2n){border-color:#8b6734;background:linear-gradient(145deg,#20170f 0%,#120d09 100%)} body[data-identidad="touch-lapaz"] .metric-icon,body[data-identidad="touch-lapaz"] .quick-icon{background:rgba(217,164,65,.15);color:#f4cf75} body[data-identidad="touch-lapaz"] .metric:nth-child(3n) .metric-icon,body[data-identidad="touch-lapaz"] .quick-icon.orange{background:rgba(245,214,122,.15);color:#f0c76d} body[data-identidad="touch-lapaz"] .quick-link{border-color:#6e512d;background:linear-gradient(145deg,#19130e 0%,#120d09 100%);box-shadow:0 5px 14px rgba(0,0,0,.22);color:#f5eddc} body[data-identidad="touch-lapaz"] .quick-link:hover{border-color:#d4a74f;background:#20170f} body[data-identidad="touch-lapaz"] .page-title h1{color:#f5d67a} body[data-identidad="touch-lapaz"] .page-eyebrow,body[data-identidad="touch-lapaz"] .link-muted{color:#f1c96d} body[data-identidad="touch-lapaz"] .field input,body[data-identidad="touch-lapaz"] .field select,body[data-identidad="touch-lapaz"] .field textarea{background:#1a120d;border-color:#6d4e22;color:#fff5df} body[data-identidad="touch-lapaz"] .field input:focus,body[data-identidad="touch-lapaz"] .field select:focus,body[data-identidad="touch-lapaz"] .field textarea:focus{outline-color:rgba(217,164,65,.25);border-color:#d7a84d;box-shadow:0 0 0 3px rgba(217,164,65,.12)} body[data-identidad="touch-lapaz"] .note-footer{color:#d9be86} body[data-identidad="touch-lapaz"] .surface-head h2,body[data-identidad="touch-lapaz"] .dashboard-grid h2,body[data-identidad="touch-lapaz"] .titulo-panel h1,body[data-identidad="touch-lapaz"] .titulo-panel h2,body[data-identidad="touch-lapaz"] .metric-info>strong,body[data-identidad="touch-lapaz"] .quick-link strong,body[data-identidad="touch-lapaz"] .table tbody td,body[data-identidad="touch-lapaz"] .table thead th{color:#fff6e0} body[data-identidad="touch-lapaz"] .data-item strong{color:#f5d67a} body[data-identidad="touch-lapaz"] .toolbar, body[data-identidad="touch-lapaz"] .filter-tabs, body[data-identidad="touch-lapaz"] .filter-tabs button, body[data-identidad="touch-lapaz"] .toolbar .field, body[data-identidad="touch-lapaz"] .toolbar .field label, body[data-identidad="touch-lapaz"] .toolbar .field input, body[data-identidad="touch-lapaz"] .toolbar .field select, body[data-identidad="touch-lapaz"] #period-label, body[data-identidad="touch-lapaz"] .surface.flush, body[data-identidad="touch-lapaz"] .surface.flush .surface-head, body[data-identidad="touch-lapaz"] .surface.flush .surface-head p, body[data-identidad="touch-lapaz"] .surface.flush .surface-head h2{ color:#fff6e7; } body[data-identidad="touch-lapaz"] .filter-tabs button{ background:#1b130d; border:1px solid #735426; color:#fff1ca; } body[data-identidad="touch-lapaz"] .filter-tabs button[aria-pressed="true"]{ background:linear-gradient(105deg,#f5d67a,#d9a441 56%,#8d5d16); border-color:transparent; color:#120d09; } body[data-identidad="touch-lapaz"] .toolbar .field input, body[data-identidad="touch-lapaz"] .toolbar .field select, body[data-identidad="touch-lapaz"] .field input, body[data-identidad="touch-lapaz"] .field select, body[data-identidad="touch-lapaz"] .field textarea, body[data-identidad="touch-lapaz"] .compact-select, body[data-identidad="touch-lapaz"] .dialog .field input, body[data-identidad="touch-lapaz"] .dialog .field select, body[data-identidad="touch-lapaz"] .dialog .field textarea, body[data-identidad="touch-lapaz"] .dialog .compact-select{ background:#1b130d !important; border-color:#7d5a2d !important; color:#fff6e7 !important; -webkit-text-fill-color:#fff6e7; } body[data-identidad="touch-lapaz"] .field input::placeholder, body[data-identidad="touch-lapaz"] .field textarea::placeholder, body[data-identidad="touch-lapaz"] .dialog .field input::placeholder, body[data-identidad="touch-lapaz"] .dialog .field textarea::placeholder{color:#d8c492} body[data-identidad="touch-lapaz"] .field input:focus, body[data-identidad="touch-lapaz"] .field select:focus, body[data-identidad="touch-lapaz"] .field textarea:focus, body[data-identidad="touch-lapaz"] .dialog .field input:focus, body[data-identidad="touch-lapaz"] .dialog .field select:focus, body[data-identidad="touch-lapaz"] .dialog .field textarea:focus{outline-color:rgba(217,164,65,.25);border-color:#d7a84d;box-shadow:0 0 0 3px rgba(217,164,65,.12)} body[data-identidad="touch-lapaz"] .surface, body[data-identidad="touch-lapaz"] .page-title, body[data-identidad="touch-lapaz"] .metric, body[data-identidad="touch-lapaz"] .quick-link, body[data-identidad="touch-lapaz"] .listado-personal, body[data-identidad="touch-lapaz"] .sin-usuarios, body[data-identidad="touch-lapaz"] .dialog, body[data-identidad="touch-lapaz"] .dialogo-personal, body[data-identidad="touch-lapaz"] .tarjeta-panel, body[data-identidad="touch-lapaz"] .cabecera-panel, body[data-identidad="touch-lapaz"] .titulo-panel, body[data-identidad="touch-lapaz"] .sale-cart, body[data-identidad="touch-lapaz"] .sale-product, body[data-identidad="touch-lapaz"] .cart-row, body[data-identidad="touch-lapaz"] .sale-total, body[data-identidad="touch-lapaz"] .data-table tbody tr, body[data-identidad="touch-lapaz"] .data-table th, body[data-identidad="touch-lapaz"] .data-table td{ background:linear-gradient(145deg,#17110d 0%,#1d1713 100%); border-color:#5f4729; color:#fff6e7; } body[data-identidad="touch-lapaz"] .surface *,body[data-identidad="touch-lapaz"] .metric *,body[data-identidad="touch-lapaz"] .quick-link *,body[data-identidad="touch-lapaz"] .page-title *,body[data-identidad="touch-lapaz"] .dialog *,body[data-identidad="touch-lapaz"] .sale-cart *,body[data-identidad="touch-lapaz"] .sale-product *,body[data-identidad="touch-lapaz"] .cart-row *,body[data-identidad="touch-lapaz"] .sale-total *{color:inherit} body[data-identidad="touch-lapaz"] .surface p, body[data-identidad="touch-lapaz"] .metric-info>span, body[data-identidad="touch-lapaz"] .metric-info>small, body[data-identidad="touch-lapaz"] .quick-link small, body[data-identidad="touch-lapaz"] .field label, body[data-identidad="touch-lapaz"] .field>span, body[data-identidad="touch-lapaz"] .sale-product p, body[data-identidad="touch-lapaz"] .cart-row small, body[data-identidad="touch-lapaz"] .sale-note, body[data-identidad="touch-lapaz"] .note-footer, body[data-identidad="touch-lapaz"] .data-item p, body[data-identidad="touch-lapaz"] .muted{color:#d9c49a} body[data-identidad="touch-lapaz"] .badge, body[data-identidad="touch-lapaz"] .badge.green, body[data-identidad="touch-lapaz"] .badge.red, body[data-identidad="touch-lapaz"] .badge.orange, body[data-identidad="touch-lapaz"] .badge.blue, body[data-identidad="touch-lapaz"] .badge.white, body[data-identidad="touch-lapaz"] span.badge, body[data-identidad="touch-lapaz"] button.badge, body[data-identidad="touch-lapaz"] .sale-product .badge{ background:rgba(245,214,122,.12); border:1px solid rgba(245,214,122,.32); color:#fff7df; } body[data-identidad="touch-lapaz"] .text-button, body[data-identidad="touch-lapaz"] .boton-eliminar, body[data-identidad="touch-lapaz"] .dialog .close-button, body[data-identidad="touch-lapaz"] .cerrar-dialogo{ background:#1d150f; border:1px solid #a07a2a; color:#ffd98a; } body[data-identidad="touch-lapaz"] .text-button:hover, body[data-identidad="touch-lapaz"] .boton-eliminar:hover, body[data-identidad="touch-lapaz"] .dialog .close-button:hover, body[data-identidad="touch-lapaz"] .cerrar-dialogo:hover{background:#2d1e13;border-color:#f2ce6d;color:#fff6df} body[data-identidad="touch-lapaz"] .data-table th{background:#1d150f;color:#f5d67a;border-color:#624c29} body[data-identidad="touch-lapaz"] .data-table td{border-color:#5b4323;color:#f7f1e3} body[data-identidad="touch-lapaz"] .data-table tbody tr:hover{background:#2b2017} body[data-identidad="touch-lapaz"] .input-readonly, body[data-identidad="touch-lapaz"] .info-note, body[data-identidad="touch-lapaz"] .stock-asignado, body[data-identidad="touch-lapaz"] .variante-card, body[data-identidad="touch-lapaz"] .color-stock, body[data-identidad="touch-lapaz"] .usuario-eliminar{ background:#1b130d; border-color:#6d4e22; color:#fff7df; } body[data-identidad="touch-lapaz"] .info-note{color:#f2d58a} /* Identidad de Dayana-Touch · Importadora Touch La Paz */ body[data-identidad="touch-dayana"]{--verde:#ec2d82;--verde-oscuro:#c50e61;--verde-claro:#ffe5f1;--morado:#a83bca;--tinta:#352035;--secundario:#80677b;--borde:#efd0e3;--fondo:#fff4fa;--sidebar:#100a10;background:var(--fondo)} body[data-identidad="touch-dayana"] .app-sidebar{background:radial-gradient(circle at 93% 3%,#ef2d8370 0,transparent 28%),linear-gradient(165deg,#060506 0%,#190b19 58%,#301126 100%);color:#fff0f8;border-right:1px solid #f03c9238} body[data-identidad="touch-dayana"] .store-logo{padding-bottom:29px} body[data-identidad="touch-dayana"] .store-logo.brand-touch-dayana img{width:56px;height:56px;object-fit:cover;object-position:center;border-radius:15px;border:2px solid #f13d91;box-shadow:0 8px 24px #000c} body[data-identidad="touch-dayana"] .store-logo strong{font-size:.78rem;letter-spacing:.035em;color:#fff7fc} body[data-identidad="touch-dayana"] .store-logo small{color:#ff9fc9;letter-spacing:.115em} body[data-identidad="touch-dayana"] .sidebar-profile{background:linear-gradient(110deg,#ffffff0b,#ee2c861e);border-color:#f3489b3b} body[data-identidad="touch-dayana"] .avatar-shell{background:linear-gradient(135deg,#ff559e,#e92580 52%,#9f38c5);color:white;box-shadow:0 4px 13px #e52a814b} body[data-identidad="touch-dayana"] .sidebar-profile small,body[data-identidad="touch-dayana"] .menu-caption,body[data-identidad="touch-dayana"] .sidebar-note{color:#c2aebc} body[data-identidad="touch-dayana"] .app-nav a{color:#e0cad9} body[data-identidad="touch-dayana"] .app-nav a:hover{background:#ffffff0e;color:#fff6fc} body[data-identidad="touch-dayana"] .app-nav a[aria-current=page]{background:linear-gradient(102deg,#f24b98,#e7257d 55%,#a53dcc);box-shadow:0 7px 22px #e42b864a;color:#fff} body[data-identidad="touch-dayana"] .sidebar-bottom{border-color:#ffffff14} body[data-identidad="touch-dayana"] .sidebar-bottom button{color:#ffacd0} body[data-identidad="touch-dayana"] .app-area{background:linear-gradient(135deg,#ffdceb 0%,#fff5fa 47%,#f2e0ff 100%)} body[data-identidad="touch-dayana"] .app-topbar{background:linear-gradient(102deg,#fffaff 0%,#ffe0ef 57%,#f1e0ff 100%);border-bottom-color:#eda8cb;box-shadow:0 3px 17px #bd226b20} body[data-identidad="touch-dayana"] .app-main{background:radial-gradient(circle at 98% 0,#ff579e93 0,transparent 28%),radial-gradient(circle at 7% 49%,#b445d05a 0,transparent 26%),radial-gradient(circle at 77% 94%,#ff8cc353 0,transparent 28%),linear-gradient(135deg,#ffdaeb 0%,#fff4fa 47%,#f0ddff 100%)} body[data-identidad="touch-dayana"] .topbar-user .avatar-shell{background:#ffe2ef;color:#d91f76;box-shadow:none} body[data-identidad="touch-dayana"] .boton-primario{background:linear-gradient(105deg,#f34c9a,#e4247d 56%,#a33dca);border-color:transparent;box-shadow:0 6px 17px #df278638} body[data-identidad="touch-dayana"] .boton-primario:hover{background:linear-gradient(105deg,#dc3385,#c90d65 56%,#852ca9)} body[data-identidad="touch-dayana"] .surface{border-color:#efb5d4;background:linear-gradient(145deg,#fff 0%,#fff5fa 100%);box-shadow:0 10px 27px #9f235f19} body[data-identidad="touch-dayana"] .metric{border-color:#ef9fc7;box-shadow:0 10px 24px #9f235f20;background:linear-gradient(145deg,#fff 0%,#ffe2ef 100%)} body[data-identidad="touch-dayana"] .metric:nth-child(2n){border-color:#d3afe9;background:linear-gradient(145deg,#fff 0%,#f2e4ff 100%)} body[data-identidad="touch-dayana"] .metric-icon,body[data-identidad="touch-dayana"] .quick-icon{background:#ffe0ef;color:#df2379} body[data-identidad="touch-dayana"] .metric:nth-child(3n) .metric-icon,body[data-identidad="touch-dayana"] .quick-icon.orange{background:#f2e2ff;color:#9d3ac1} body[data-identidad="touch-dayana"] .quick-link{border-color:#efb7d5;background:linear-gradient(145deg,#fff 0%,#fff0f8 100%);box-shadow:0 5px 14px #9f235f12} body[data-identidad="touch-dayana"] .quick-link:hover{border-color:#ed62a8;background:#ffe0ef} body[data-identidad="touch-dayana"] .page-title h1{color:#c91b6b} body[data-identidad="touch-dayana"] .page-eyebrow{color:#dc2478} body[data-identidad="touch-dayana"] .field input:focus,body[data-identidad="touch-dayana"] .field select:focus,body[data-identidad="touch-dayana"] .field textarea:focus{outline-color:#ec2d821f;border-color:#e53889} body[data-identidad="touch-dayana"] .note-footer{color:#9d718b} /* Variante nocturna neón solicitada para BELPORT-STORE */ body[data-identidad="belport"]{--verde:#ff35a7;--verde-oscuro:#da147e;--verde-claro:#35102f;--morado:#b44cff;--tinta:#fff5fd;--secundario:#c5abc2;--borde:#54204f;--fondo:#110713;background:#110713} body[data-identidad="belport"] .app-area{background:#110713} body[data-identidad="belport"] .app-topbar{background:linear-gradient(100deg,#130817 0%,#210b26 52%,#160a21 100%);border-bottom-color:#52204f;box-shadow:0 3px 18px #ff2d9e1d} body[data-identidad="belport"] .topbar-path,body[data-identidad="belport"] .topbar-date,body[data-identidad="belport"] .topbar-user small{color:#c4abc4} body[data-identidad="belport"] .topbar-path strong,body[data-identidad="belport"] .topbar-user strong{color:#fff5fd} body[data-identidad="belport"] .branch-switch,.branch-switch label,.branch-switch .solo-lector,.branch-switch span,.branch-switch strong,.branch-switch select,.branch-switch option,.topbar-path,.topbar-path span,.topbar-path strong,.topbar-date{color:#fff5fd} body[data-identidad="belport"] .branch-switch select{background:#190b20;border-color:#6d2a64;color:#fff5fd;-webkit-text-fill-color:#fff5fd} body[data-identidad="belport"] .branch-switch select option{background:#190b20;color:#fff5fd} body[data-identidad="belport"] .topbar-icon{background:#210c29;border-color:#5c2459;color:#ff87c7} body[data-identidad="belport"] .app-main{background:radial-gradient(circle at 96% 2%,#ff2a9b54 0,transparent 27%),radial-gradient(circle at 3% 51%,#963eff3d 0,transparent 26%),radial-gradient(circle at 75% 95%,#fb6d2431 0,transparent 28%),linear-gradient(135deg,#120713 0%,#190a1e 51%,#110818 100%)} body[data-identidad="belport"] .topbar-user{border-color:#552050} body[data-identidad="belport"] .topbar-user .avatar-shell{background:linear-gradient(135deg,#ff3ba8,#9e4dff);color:white} body[data-identidad="belport"] .page-title{padding:20px 22px;margin-bottom:25px;border:1px solid #9a2375;border-radius:14px;background:radial-gradient(circle at 48% 10%,#ff2ba53b 0,transparent 40%),linear-gradient(105deg,#250b31 0%,#4a0b4c 54%,#251033 100%);box-shadow:0 10px 28px #e52a8c26} body[data-identidad="belport"] .page-title h1{color:#fff7ff} body[data-identidad="belport"] .page-title p{color:#f3c9e9} body[data-identidad="belport"] .boton-primario{background:linear-gradient(105deg,#ff3aa9,#e62091 52%,#9d48fc);box-shadow:0 6px 18px #ff2d9e4d} body[data-identidad="belport"] .boton-secundario{background:#220d2a;border-color:#9c337e;color:#ffeaf8} body[data-identidad="belport"] .boton-secundario:hover{background:#35103b;border-color:#fa5eb5} body[data-identidad="belport"] .surface, body[data-identidad="belport"] .page-title, body[data-identidad="belport"] .metric, body[data-identidad="belport"] .quick-link, body[data-identidad="belport"] .listado-personal, body[data-identidad="belport"] .sin-usuarios, body[data-identidad="belport"] .dialog, body[data-identidad="belport"] .dialogo-personal, body[data-identidad="belport"] .tarjeta-panel, body[data-identidad="belport"] .cabecera-panel, body[data-identidad="belport"] .titulo-panel, body[data-identidad="belport"] .pie-listado{border-color:#5b2356;background:linear-gradient(145deg,#1e0b27 0%,#150919 100%);box-shadow:0 11px 27px #00000040;color:#fff4fd} body[data-identidad="belport"] .surface-head p,body[data-identidad="belport"] .page-title p,body[data-identidad="belport"] .link-muted,body[data-identidad="belport"] .metric-info>span,body[data-identidad="belport"] .metric-info>small,body[data-identidad="belport"] .quick-link small,body[data-identidad="belport"] .field label,body[data-identidad="belport"] .field>span,body[data-identidad="belport"] .data-item p,body[data-identidad="belport"] .muted,body[data-identidad="belport"] .ruta-panel,body[data-identidad="belport"] .titulo-panel p,body[data-identidad="belport"] .bienvenida p,body[data-identidad="belport"] .datos-sesion dt,body[data-identidad="belport"] .estado-sesion .estado-activo{color:#c9afc6} body[data-identidad="belport"] .toolbar, body[data-identidad="belport"] .filter-tabs, body[data-identidad="belport"] .filter-tabs button, body[data-identidad="belport"] .toolbar .field, body[data-identidad="belport"] .toolbar .field label, body[data-identidad="belport"] .toolbar .field input, body[data-identidad="belport"] .toolbar .field select, body[data-identidad="belport"] #period-label, body[data-identidad="belport"] .surface.flush, body[data-identidad="belport"] .surface.flush .surface-head, body[data-identidad="belport"] .surface.flush .surface-head p, body[data-identidad="belport"] .surface.flush .surface-head h2{ color:#fff5fd; } body[data-identidad="belport"] .filter-tabs button{ background:#220d2a; border:1px solid #6d2a64; color:#ffeaf8; } body[data-identidad="belport"] .filter-tabs button[aria-pressed="true"]{ background:linear-gradient(105deg,#ff7c38,#ec3c91 54%,#8d3fd1); border-color:transparent; color:#fff7fd; } body[data-identidad="belport"] .toolbar .field input, body[data-identidad="belport"] .toolbar .field select{ background:#190b20 !important; border-color:#6d2a64 !important; color:#fff5fd !important; -webkit-text-fill-color:#fff5fd; } body[data-identidad="belport"] .metric{border-color:#7f236d;box-shadow:0 0 0 1px #ff319f19,0 10px 24px #0000004a} body[data-identidad="belport"] .metric:nth-child(2n){border-color:#6335a0;background:linear-gradient(145deg,#1c102e 0%,#160b20 100%)} body[data-identidad="belport"] .metric:nth-child(3n){border-color:#b84c30;background:linear-gradient(145deg,#2b111f 0%,#190b19 100%)} body[data-identidad="belport"] .metric-icon,body[data-identidad="belport"] .quick-icon{background:#48133f;color:#ff63bd} body[data-identidad="belport"] .metric:nth-child(2n) .metric-icon{background:#2b1a52;color:#c381ff} body[data-identidad="belport"] .metric:nth-child(3n) .metric-icon{background:#4a1c2d;color:#ff8e58} body[data-identidad="belport"] .quick-link{border-color:#66265d;box-shadow:0 6px 16px #0000002e} body[data-identidad="belport"] .quick-link:hover{border-color:#fa55b4;background:#35103b} body[data-identidad="belport"] .field input,body[data-identidad="belport"] .field select,body[data-identidad="belport"] .field textarea,body[data-identidad="belport"] .compact-select,body[data-identidad="belport"] .dialog .field input,body[data-identidad="belport"] .dialog .field select,body[data-identidad="belport"] .dialog .field textarea,body[data-identidad="belport"] .dialog .compact-select,body[data-identidad="belport"] .dialog .search-input,body[data-identidad="belport"] .dialog .input-like{background:#190b20;border-color:#6d2a64;color:#fff6fd} body[data-identidad="belport"] .field input::placeholder,body[data-identidad="belport"] .field textarea::placeholder,body[data-identidad="belport"] .dialog .field input::placeholder,body[data-identidad="belport"] .dialog .field textarea::placeholder{color:#c7adc4} body[data-identidad="belport"] .field input:focus,body[data-identidad="belport"] .field select:focus,body[data-identidad="belport"] .field textarea:focus,body[data-identidad="belport"] .dialog .field input:focus,body[data-identidad="belport"] .dialog .field select:focus,body[data-identidad="belport"] .dialog .field textarea:focus{outline-color:#ff36a825;border-color:#ff45ab} body[data-identidad="belport"] .dialog,.dialogo-personal{background:linear-gradient(145deg,#1d0b27 0%,#150919 100%);border:1px solid #5b2356;color:#fff5fd;box-shadow:0 18px 45px rgba(0,0,0,.45)} body[data-identidad="belport"] .dialog h1,body[data-identidad="belport"] .dialog h2,body[data-identidad="belport"] .dialog h3,body[data-identidad="belport"] .dialog p,body[data-identidad="belport"] .dialog .dialog-head p,body[data-identidad="belport"] .dialog .info-note,body[data-identidad="belport"] .dialog .error-note,body[data-identidad="belport"] .dialog .note-footer,body[data-identidad="belport"] .dialog .field label,body[data-identidad="belport"] .dialog .field>span{color:#fff5fd} body[data-identidad="belport"] .dialog .boton-secundario,body[data-identidad="belport"] .dialog .boton-primario,body[data-identidad="belport"] .dialog .boton{color:#fff7fd} body[data-identidad="belport"] .dialog .boton-secundario{background:#220d2a;border-color:#9c337e} body[data-identidad="belport"] .dialog .boton-secundario:hover{background:#35103b} body[data-identidad="belport"] .data-table th{background:#230c2b;color:#f4c7e8;border-color:#572052} body[data-identidad="belport"] .data-table td,body[data-identidad="belport"] .data-item,body[data-identidad="belport"] .form-actions{border-color:#4d1d4a} body[data-identidad="belport"] .data-item p,body[data-identidad="belport"] .muted{color:#c4a6c0} body[data-identidad="belport"] .empty-state,body[data-identidad="belport"] .empty-state p{color:#c9afc5} body[data-identidad="belport"] .empty-state h3{color:#fff3fc} body[data-identidad="belport"] .empty-state .empty-symbol{background:#42143e;color:#ff6ec0} body[data-identidad="belport"] .chart-empty{background:repeating-linear-gradient(to bottom,transparent 0,transparent 52px,#ffffff0d 52px,#ffffff0d 53px)} body[data-identidad="belport"] .note-footer{color:#b492ad} body[data-identidad="belport"] .cabecera-panel{background:linear-gradient(145deg,#1d0b27 0%,#160914 100%);border-color:#55214d;color:#fff4fd} body[data-identidad="belport"] .cabecera-panel .marca-nombre,body[data-identidad="belport"] .cabecera-panel .marca-nombre span,body[data-identidad="belport"] .cabecera-panel .etiqueta,body[data-identidad="belport"] .cabecera-panel .salir{color:#fff4fd} body[data-identidad="belport"] .cabecera-panel .marca-nombre span{color:#d7bfd8} body[data-identidad="belport"] .cabecera-panel .salir{background:#220d2a;border-color:#9c337e} body[data-identidad="belport"] .cabecera-panel .salir:hover{background:#35103b} body[data-identidad="belport"] .titulo-panel h1,body[data-identidad="belport"] .tarjeta-panel h2,body[data-identidad="belport"] .datos-sesion dd,body[data-identidad="belport"] .estado-sesion,body[data-identidad="belport"] .nota-panel,body[data-identidad="belport"] .pie-panel{color:#fff4fd} body[data-identidad="belport"] .estado-activo,body[data-identidad="belport"] .estado-activo .icono{color:#ff8dc8} body[data-identidad="belport"] .boton-primario{color:#fff7fd} body[data-identidad="belport"] .boton-secundario{color:#ffeaf8} body[data-identidad="belport"] .boton-secundario:hover{color:#fff3fa} body[data-identidad="belport"] .field label,body[data-identidad="belport"] .field>span{color:#f0c7e6} body[data-identidad="belport"] .data-table th{background:#230c2b;color:#f4c7e8;border-color:#572052} body[data-identidad="belport"] .data-table td,body[data-identidad="belport"] .data-item,body[data-identidad="belport"] .form-actions{border-color:#4d1d4a} body[data-identidad="belport"] .data-item p,body[data-identidad="belport"] .muted{color:#c4a6c0} body[data-identidad="belport"] .empty-state,body[data-identidad="belport"] .empty-state p{color:#c9afc5} body[data-identidad="belport"] .empty-state h3{color:#fff3fc} body[data-identidad="belport"] .empty-state .empty-symbol{background:#42143e;color:#ff6ec0} body[data-identidad="belport"] .chart-empty{background:repeating-linear-gradient(to bottom,transparent 0,transparent 52px,#ffffff0d 52px,#ffffff0d 53px)} body[data-identidad="belport"] .note-footer{color:#b492ad} body[data-identidad="belport"] .cabecera-panel{background:linear-gradient(145deg,#1d0b27 0%,#160914 100%);border-color:#55214d;color:#fff4fd} body[data-identidad="belport"] .cabecera-panel .marca-nombre,body[data-identidad="belport"] .cabecera-panel .marca-nombre span,body[data-identidad="belport"] .cabecera-panel .etiqueta,body[data-identidad="belport"] .cabecera-panel .salir{color:#fff4fd} body[data-identidad="belport"] .cabecera-panel .marca-nombre span{color:#d7bfd8} body[data-identidad="belport"] .cabecera-panel .salir{background:#220d2a;border-color:#9c337e} body[data-identidad="belport"] .cabecera-panel .salir:hover{background:#35103b} body[data-identidad="belport"] .titulo-panel h1,body[data-identidad="belport"] .tarjeta-panel h2,body[data-identidad="belport"] .datos-sesion dd,body[data-identidad="belport"] .estado-sesion,body[data-identidad="belport"] .nota-panel,body[data-identidad="belport"] .pie-panel{color:#fff4fd} body[data-identidad="belport"] .ruta-panel,body[data-identidad="belport"] .titulo-panel p,body[data-identidad="belport"] .bienvenida p,body[data-identidad="belport"] .datos-sesion dt,body[data-identidad="belport"] .estado-sesion .estado-activo{color:#d6bed7} body[data-identidad="belport"] .tarjeta-panel,body[data-identidad="belport"] .titulo-panel{background:linear-gradient(145deg,#1f0b2a 0%,#130812 100%);border-color:#572257;box-shadow:0 10px 30px #0000003a} body[data-identidad="belport"] .titulo-panel{padding:20px 22px;border-radius:14px} body[data-identidad="belport"] .titulo-panel p,body[data-identidad="belport"] .titulo-panel h1{margin:0} body[data-identidad="belport"] .avatar{background:linear-gradient(135deg,#ff5bb2,#9a4df8);color:white} body[data-identidad="belport"] .estado-activo{color:#ff8dc8} body[data-identidad="belport"] .estado-activo .icono{color:#ff8dc8} body[data-identidad="belport"] .surface, body[data-identidad="belport"] .metric, body[data-identidad="belport"] .quick-link, body[data-identidad="belport"] .page-title, body[data-identidad="belport"] .listado-personal, body[data-identidad="belport"] .sin-usuarios, body[data-identidad="belport"] .pie-listado, body[data-identidad="belport"] .dialog, body[data-identidad="belport"] .dialogo-personal, body[data-identidad="belport"] .tarjeta-panel, body[data-identidad="belport"] .cabecera-panel, body[data-identidad="belport"] .titulo-panel, body[data-identidad="belport"] .venta-surface, body[data-identidad="belport"] .sale-cart, body[data-identidad="belport"] .sale-product, body[data-identidad="belport"] .cart-row, body[data-identidad="belport"] .sale-total, body[data-identidad="belport"] .cart-controls input, body[data-identidad="belport"] .cart-controls button, body[data-identidad="belport"] .sale-layout .field input, body[data-identidad="belport"] .sale-layout .field select, body[data-identidad="belport"] .sale-layout .field textarea, body[data-identidad="belport"] .sale-layout .field input::placeholder, body[data-identidad="belport"] .sale-layout .field textarea::placeholder{ background:linear-gradient(145deg,#1e0b27 0%,#150919 100%); border-color:#5b2356; color:#fff4fd; } body[data-identidad="belport"] .surface *, body[data-identidad="belport"] .metric *, body[data-identidad="belport"] .quick-link *, body[data-identidad="belport"] .page-title *, body[data-identidad="belport"] .listado-personal *, body[data-identidad="belport"] .dialog *, body[data-identidad="belport"] .dialogo-personal *, body[data-identidad="belport"] .tarjeta-panel *, body[data-identidad="belport"] .cabecera-panel *, body[data-identidad="belport"] .titulo-panel *, body[data-identidad="belport"] .sale-cart *, body[data-identidad="belport"] .sale-product *, body[data-identidad="belport"] .cart-row *, body[data-identidad="belport"] .sale-total *{ color:inherit; } body[data-identidad="belport"] .surface p, body[data-identidad="belport"] .metric-info>span, body[data-identidad="belport"] .metric-info>small, body[data-identidad="belport"] .quick-link small, body[data-identidad="belport"] .field label, body[data-identidad="belport"] .field>span, body[data-identidad="belport"] .sale-product p, body[data-identidad="belport"] .sale-product .product-code, body[data-identidad="belport"] .cart-row small, body[data-identidad="belport"] .cart-price, body[data-identidad="belport"] .cart-quantity, body[data-identidad="belport"] .sale-note, body[data-identidad="belport"] .note-footer{color:#d7bfd8} body[data-identidad="belport"] .badge, body[data-identidad="belport"] .badge.green, body[data-identidad="belport"] .badge.red, body[data-identidad="belport"] .badge.orange, body[data-identidad="belport"] .badge.blue, body[data-identidad="belport"] .badge.white, body[data-identidad="belport"] span.badge, body[data-identidad="belport"] button.badge, body[data-identidad="belport"] .sale-product .badge{ background:rgba(255,130,190,.12); border:1px solid rgba(255,150,214,.32); color:#ffe4f4; } body[data-identidad="belport"] .badge.green{background:rgba(85,216,156,.14);border-color:rgba(131,255,197,.34);color:#dfffee} body[data-identidad="belport"] .badge.red{background:rgba(255,104,130,.13);border-color:rgba(255,151,168,.35);color:#ffdfe6} body[data-identidad="belport"] .badge.orange{background:rgba(255,169,94,.14);border-color:rgba(255,197,133,.35);color:#ffe9d0} body[data-identidad="belport"] .badge.blue{background:rgba(169,119,255,.15);border-color:rgba(200,160,255,.34);color:#f0defd} body[data-identidad="belport"] .cart-controls button{background:rgba(255,107,179,.12);border:1px solid rgba(255,142,214,.35);color:#ffb3d7} body[data-identidad="belport"] .product-symbol{background:linear-gradient(135deg,#ff5bb2,#9a4df8);border-color:rgba(255,255,255,.18);color:#fff} body[data-identidad="belport"] .sale-product h3,body[data-identidad="belport"] .cart-row>div:first-child>strong,body[data-identidad="belport"] .sale-total strong{color:#fff7ff} /* Legibilidad de controles y tablas */ .field label,.field>span{font-size:.875rem}.data-table{font-size:.875rem}.data-table th{font-size:.8125rem}.page-title p{font-size:1rem}.metric-info>span{font-size:.875rem}.app-sidebar .menu-caption,.sidebar-note,.store-logo small{font-size:.75rem}.topbar-path{font-size:.875rem}@media(max-width:760px){.page-title p{font-size:.9375rem}.metric-info>span{font-size:.8125rem}} /* BELPORT-STORE: contraste uniforme para tablas, formularios y ventanas. */ body[data-identidad="belport"]{color-scheme:dark} body[data-identidad="belport"] .app-main{background:linear-gradient(135deg,#120713 0%,#190a1e 51%,#110818 100%)} body[data-identidad="belport"] .table-wrap{background:#170a1e} body[data-identidad="belport"] .data-table tbody tr:hover{background:#301038} body[data-identidad="belport"] .data-table tbody tr:hover td{color:#fff5fd} body[data-identidad="belport"] .text-button, body[data-identidad="belport"] .boton-eliminar, body[data-identidad="belport"] .dialog .close-button, body[data-identidad="belport"] .cerrar-dialogo{ background:#250d2d; border:1px solid #9a397d; color:#ffd2eb; } body[data-identidad="belport"] .text-button:hover, body[data-identidad="belport"] .boton-eliminar:hover, body[data-identidad="belport"] .dialog .close-button:hover, body[data-identidad="belport"] .cerrar-dialogo:hover{ background:#48133f; border-color:#ff61b7; color:#fff7fd; } body[data-identidad="belport"] .text-button.danger, body[data-identidad="belport"] .boton-eliminar{color:#ffb2cf;border-color:#a53d68} body[data-identidad="belport"] .input-readonly, body[data-identidad="belport"] .info-note, body[data-identidad="belport"] .stock-asignado, body[data-identidad="belport"] .variante-card, body[data-identidad="belport"] .color-stock, body[data-identidad="belport"] .usuario-eliminar{ background:#210c29; border-color:#6d2a64; color:#ffe8f7; } body[data-identidad="belport"] .input-readonly{color:#ffd6ed} body[data-identidad="belport"] .info-note{color:#f2c9e7} body[data-identidad="belport"] .info-note *, body[data-identidad="belport"] .input-readonly *{color:inherit} body[data-identidad="belport"] .field input, body[data-identidad="belport"] .field select, body[data-identidad="belport"] .field textarea, body[data-identidad="belport"] .compact-select, body[data-identidad="belport"] .entrada-buscar input, body[data-identidad="belport"] .campo-formulario input, body[data-identidad="belport"] .campo-formulario select{ background:#190b20 !important; border-color:#6d2a64 !important; color:#fff5fd !important; -webkit-text-fill-color:#fff5fd; caret-color:#ff58ad; } body[data-identidad="belport"] .field input::placeholder, body[data-identidad="belport"] .field textarea::placeholder, body[data-identidad="belport"] .entrada-buscar input::placeholder, body[data-identidad="belport"] .campo-formulario input::placeholder{color:#d1b2ca !important;opacity:1} body[data-identidad="belport"] .field input:disabled, body[data-identidad="belport"] .field select:disabled, body[data-identidad="belport"] .campo-formulario input:disabled, body[data-identidad="belport"] .campo-formulario select:disabled{ background:#2a1131 !important; color:#ffdced !important; -webkit-text-fill-color:#ffdced; opacity:1; } body[data-identidad="belport"] select option{background:#190b20;color:#fff5fd} /* PEPON-LITORAL comparte esta identidad: evita texto claro sobre controles claros. */ body[data-identidad="touch-lapaz"]{color-scheme:dark} body[data-identidad="touch-lapaz"] .app-main{background:linear-gradient(135deg,#120d09 0%,#1a120d 45%,#0d0907 100%)} body[data-identidad="touch-lapaz"] .branch-switch, body[data-identidad="touch-lapaz"] .branch-switch label, body[data-identidad="touch-lapaz"] .branch-switch span, body[data-identidad="touch-lapaz"] .branch-switch strong, body[data-identidad="touch-lapaz"] .topbar-path, body[data-identidad="touch-lapaz"] .topbar-path span, body[data-identidad="touch-lapaz"] .topbar-path strong, body[data-identidad="touch-lapaz"] .topbar-date{color:#fff4dc} body[data-identidad="touch-lapaz"] .branch-switch select{ background:#1b130d; border-color:#7d5a2d; color:#fff6e7; -webkit-text-fill-color:#fff6e7; } body[data-identidad="touch-lapaz"] .branch-switch select option{background:#1b130d;color:#fff6e7} body[data-identidad="touch-lapaz"] .topbar-icon{background:#21170f;border-color:#7d5a2d;color:#f5d67a} body[data-identidad="touch-lapaz"] .table-wrap{background:#17110d} body[data-identidad="touch-lapaz"] .data-table tbody tr:hover{background:#2b2017} body[data-identidad="touch-lapaz"] .data-table tbody tr:hover td{color:#fff6e7} body[data-identidad="touch-lapaz"] .text-button, body[data-identidad="touch-lapaz"] .boton-eliminar, body[data-identidad="touch-lapaz"] .dialog .close-button, body[data-identidad="touch-lapaz"] .cerrar-dialogo{ background:#1d150f; border:1px solid #a07a2a; color:#ffd98a; } body[data-identidad="touch-lapaz"] .text-button:hover, body[data-identidad="touch-lapaz"] .boton-eliminar:hover, body[data-identidad="touch-lapaz"] .dialog .close-button:hover, body[data-identidad="touch-lapaz"] .cerrar-dialogo:hover{ background:#3a2713; border-color:#f2ce6d; color:#fff9e9; } body[data-identidad="touch-lapaz"] .input-readonly, body[data-identidad="touch-lapaz"] .info-note, body[data-identidad="touch-lapaz"] .stock-asignado, body[data-identidad="touch-lapaz"] .variante-card, body[data-identidad="touch-lapaz"] .color-stock, body[data-identidad="touch-lapaz"] .usuario-eliminar{ background:#1b130d; border-color:#6d4e22; color:#fff7df; } body[data-identidad="touch-lapaz"] .color-stock{ background:rgba(217,164,65,.12); border:1px solid rgba(217,164,65,.36); color:#fff4dc; box-shadow:inset 0 0 0 1px rgba(255,255,255,.02); } body[data-identidad="touch-lapaz"] .color-stock strong, body[data-identidad="touch-lapaz"] .color-stock span, body[data-identidad="touch-lapaz"] .color-stock small{color:inherit} body[data-identidad="touch-lapaz"] .product-symbol, body[data-identidad="touch-lapaz"] .sale-product .product-symbol, body[data-identidad="touch-lapaz"] .quick-icon, body[data-identidad="touch-lapaz"] .metric-icon{ background:linear-gradient(135deg,#f0d682,#d9a441 56%,#8d5d16) !important; border-color:rgba(255,255,255,.18); color:#120d09 !important; box-shadow:0 6px 18px rgba(217,164,65,.22); } body[data-identidad="touch-lapaz"] .info-note{color:#f2d58a} body[data-identidad="touch-lapaz"] .field input, body[data-identidad="touch-lapaz"] .field select, body[data-identidad="touch-lapaz"] .field textarea, body[data-identidad="touch-lapaz"] .compact-select, body[data-identidad="touch-lapaz"] .entrada-buscar input, body[data-identidad="touch-lapaz"] .campo-formulario input, body[data-identidad="touch-lapaz"] .campo-formulario select{ background:#1b130d !important; border-color:#7d5a2d !important; color:#fff6e7 !important; -webkit-text-fill-color:#fff6e7; caret-color:#f5d67a; } body[data-identidad="touch-lapaz"] .field input::placeholder, body[data-identidad="touch-lapaz"] .field textarea::placeholder, body[data-identidad="touch-lapaz"] .entrada-buscar input::placeholder, body[data-identidad="touch-lapaz"] .campo-formulario input::placeholder{color:#d8c492 !important;opacity:1} body[data-identidad="touch-lapaz"] .field input:disabled, body[data-identidad="touch-lapaz"] .field select:disabled, body[data-identidad="touch-lapaz"] .campo-formulario input:disabled, body[data-identidad="touch-lapaz"] .campo-formulario select:disabled{ background:#2a1d11 !important; color:#f8e6b9 !important; -webkit-text-fill-color:#f8e6b9; opacity:1; } body[data-identidad="touch-lapaz"] select option{background:#1b130d;color:#fff6e7} /* Identidad de Victoria-La Paz · verde y blanco, con contraste estable. */ body[data-identidad="touch-victoria"]{--verde:#087a52;--verde-oscuro:#045c3d;--verde-claro:#e3f4eb;--morado:#087a52;--tinta:#17372c;--secundario:#5d756b;--borde:#cfe3d8;--fondo:#f3f8f5;--sidebar:#062d20;background:var(--fondo)} body[data-identidad="touch-victoria"] .app-sidebar{background:linear-gradient(165deg,#05291d 0%,#074d36 58%,#063b2a 100%);color:#effbf5;border-right-color:#0e8d633d} body[data-identidad="touch-victoria"] .store-logo{padding-bottom:29px} body[data-identidad="touch-victoria"] .store-logo.brand-touch-victoria img{width:56px;height:56px;object-fit:cover;object-position:center;border-radius:14px;border:2px solid #69c99e;box-shadow:0 8px 24px #001d144d} body[data-identidad="touch-victoria"] .store-logo strong{font-size:.78rem;letter-spacing:.035em;color:#f4fff9} body[data-identidad="touch-victoria"] .store-logo small{color:#a7dfc4;letter-spacing:.115em} body[data-identidad="touch-victoria"] .sidebar-profile{background:#ffffff0d;border-color:#9ae0bd3b} body[data-identidad="touch-victoria"] .avatar-shell{background:linear-gradient(135deg,#54c894,#087a52);color:#fff;box-shadow:0 4px 13px #01342655} body[data-identidad="touch-victoria"] .sidebar-profile small,body[data-identidad="touch-victoria"] .menu-caption,body[data-identidad="touch-victoria"] .sidebar-note{color:#b5d9c7} body[data-identidad="touch-victoria"] .app-nav a{color:#d9f0e3} body[data-identidad="touch-victoria"] .app-nav a:hover{background:#ffffff14;color:#fff} body[data-identidad="touch-victoria"] .app-nav a[aria-current=page]{background:linear-gradient(102deg,#a8e7c5,#55c994 55%,#0b8b60);box-shadow:0 7px 22px #002d1f55;color:#073527} body[data-identidad="touch-victoria"] .sidebar-bottom{border-color:#ffffff1a} body[data-identidad="touch-victoria"] .sidebar-bottom button{color:#b8eacb} body[data-identidad="touch-victoria"] .app-area{background:#f3f8f5} body[data-identidad="touch-victoria"] .app-topbar{background:linear-gradient(102deg,#ffffff 0%,#f3fbf6 58%,#e2f4e9 100%);border-bottom-color:#c7e3d3;box-shadow:0 3px 17px #0a5f4114} body[data-identidad="touch-victoria"] .app-main{background:linear-gradient(135deg,#eff8f2 0%,#fff 48%,#e5f5eb 100%)} body[data-identidad="touch-victoria"] .topbar-path,body[data-identidad="touch-victoria"] .topbar-date,body[data-identidad="touch-victoria"] .topbar-user small{color:#5d756b} body[data-identidad="touch-victoria"] .topbar-path strong,body[data-identidad="touch-victoria"] .topbar-user strong{color:#17372c} body[data-identidad="touch-victoria"] .topbar-user{border-color:#cfe3d8} body[data-identidad="touch-victoria"] .topbar-user .avatar-shell{background:#dff3e8;color:#087a52;box-shadow:none} body[data-identidad="touch-victoria"] .topbar-icon,body[data-identidad="touch-victoria"] .branch-switch select{background:#fff;border-color:#bdddc9;color:#1d4a39} body[data-identidad="touch-victoria"] .branch-switch{color:#527063} body[data-identidad="touch-victoria"] .boton-primario{background:linear-gradient(105deg,#139462,#087a52 58%,#046345);border-color:transparent;box-shadow:0 6px 17px #087a5230;color:#fff} body[data-identidad="touch-victoria"] .boton-primario:hover{background:linear-gradient(105deg,#087a52,#056345 58%,#034933);color:#fff} body[data-identidad="touch-victoria"] .boton-secundario{background:#fff;border-color:#b9dac6;color:#086c49} body[data-identidad="touch-victoria"] .boton-secundario:hover{background:#e7f6ed;border-color:#49ad7b;color:#045b3d} /* Los avisos de Belport conservan contraste en sus diálogos oscuros. */ body[data-identidad="belport"] .dialog .error-note{color:#9d174d;background:#fff1f6;border-color:#f7a9c8} /* Nota de venta: evita bloques claros con texto heredado claro en el tema nocturno. */ body[data-identidad="belport"] .receipt-dialog .receipt-warranty, body[data-identidad="belport"] .receipt-dialog .receipt-payments{ background:linear-gradient(145deg,#250d2d 0%,#190b20 100%); border-color:#743068; color:#fff4fd; } body[data-identidad="belport"] .receipt-dialog .receipt-warranty, body[data-identidad="belport"] .receipt-dialog .receipt-payments h3, body[data-identidad="belport"] .receipt-dialog .receipt-payments div, body[data-identidad="belport"] .receipt-dialog .receipt-payments strong, body[data-identidad="belport"] .receipt-dialog .receipt-foot{ color:#fff4fd; } body[data-identidad="belport"] .receipt-dialog .receipt-payments div{border-color:#54204f;} /* La lista de una transferencia hereda la superficie oscura de Belport y Pepon. */ body[data-identidad="belport"] .dialog .transfer-note-list{background:linear-gradient(145deg,#210d2a 0%,#170a1d 100%);border-color:#6d2a64;color:#fff5fd;box-shadow:inset 0 1px 0 #ffffff0a} body[data-identidad="belport"] .dialog .transfer-note-list h3{color:#fff7fd} body[data-identidad="belport"] .dialog .transfer-note-list .empty-state,body[data-identidad="belport"] .dialog .transfer-note-list .empty-state p{color:#d8b7d2} body[data-identidad="touch-lapaz"] .dialog .transfer-note-list{background:linear-gradient(145deg,#1c140e 0%,#130d09 100%);border-color:#705127;color:#fff6e7;box-shadow:inset 0 1px 0 #ffffff0a} body[data-identidad="touch-lapaz"] .dialog .transfer-note-list h3{color:#fff8ea} body[data-identidad="touch-lapaz"] .dialog .transfer-note-list .empty-state,body[data-identidad="touch-lapaz"] .dialog .transfer-note-list .empty-state p{color:#ddc79d} body[data-identidad="touch-victoria"] .surface,body[data-identidad="touch-victoria"] .metric,body[data-identidad="touch-victoria"] .quick-link,body[data-identidad="touch-victoria"] .dialog,body[data-identidad="touch-victoria"] .dialogo-personal,body[data-identidad="touch-victoria"] .tarjeta-panel,body[data-identidad="touch-victoria"] .cabecera-panel,body[data-identidad="touch-victoria"] .titulo-panel{background:#fff;border-color:#c9e2d3;box-shadow:0 10px 27px #0b513d12;color:#17372c} body[data-identidad="touch-victoria"] .surface-head p,body[data-identidad="touch-victoria"] .page-title p,body[data-identidad="touch-victoria"] .metric-info>span,body[data-identidad="touch-victoria"] .metric-info>small,body[data-identidad="touch-victoria"] .quick-link small,body[data-identidad="touch-victoria"] .field label,body[data-identidad="touch-victoria"] .field>span,body[data-identidad="touch-victoria"] .muted,body[data-identidad="touch-victoria"] .note-footer{color:#5d756b} body[data-identidad="touch-victoria"] .page-title h1,body[data-identidad="touch-victoria"] .page-eyebrow{color:#087a52} body[data-identidad="touch-victoria"] .metric-icon,body[data-identidad="touch-victoria"] .quick-icon{background:#e4f5eb;color:#087a52} body[data-identidad="touch-victoria"] .quick-link:hover{background:#edf8f1;border-color:#72c69a;color:#123d2e} body[data-identidad="touch-victoria"] .field input,body[data-identidad="touch-victoria"] .field select,body[data-identidad="touch-victoria"] .field textarea,body[data-identidad="touch-victoria"] .compact-select,body[data-identidad="touch-victoria"] .dialog .field input,body[data-identidad="touch-victoria"] .dialog .field select,body[data-identidad="touch-victoria"] .dialog .field textarea{background:#fff;border-color:#badbc6;color:#17372c;-webkit-text-fill-color:#17372c;caret-color:#087a52} body[data-identidad="touch-victoria"] .field input::placeholder,body[data-identidad="touch-victoria"] .field textarea::placeholder{color:#799185;opacity:1} body[data-identidad="touch-victoria"] .field input:focus,body[data-identidad="touch-victoria"] .field select:focus,body[data-identidad="touch-victoria"] .field textarea:focus{outline-color:#087a5225;border-color:#178e61} body[data-identidad="touch-victoria"] .data-table th{background:#edf8f1;color:#0b6b49;border-color:#c9e2d3} body[data-identidad="touch-victoria"] .data-table td,body[data-identidad="touch-victoria"] .form-actions{border-color:#d6e9de;color:#17372c} body[data-identidad="touch-victoria"] .data-table tbody tr:hover{background:#e8f6ee} body[data-identidad="touch-victoria"] .text-button{background:#fff;border-color:#b9dac6;color:#087a52} body[data-identidad="touch-victoria"] .text-button:hover{background:#e2f4e9;border-color:#48ac79;color:#045c3d} body[data-identidad="touch-victoria"] .input-readonly,body[data-identidad="touch-victoria"] .info-note,body[data-identidad="touch-victoria"] .stock-asignado,body[data-identidad="touch-victoria"] .variante-card,body[data-identidad="touch-victoria"] .color-stock,body[data-identidad="touch-victoria"] .usuario-eliminar{background:#edf8f1;border-color:#c7e2d2;color:#1d4a39} body[data-identidad="touch-victoria"] .dialog .close-button{background:#e5f5eb;color:#087a52} body[data-identidad="touch-victoria"] .dialog .close-button:hover{background:#d5efdf;color:#045c3d} body[data-identidad="touch-victoria"] .filter-tabs{background:#e7f5ec;border-color:#c8e3d3} body[data-identidad="touch-victoria"] .filter-tabs button{color:#527063} body[data-identidad="touch-victoria"] .filter-tabs button[aria-pressed=true]{background:#fff;color:#087a52;box-shadow:0 1px 5px #07543c18} /* Apertura y cierre de caja. */ .cash-status{border:1px solid var(--borde);border-radius:8px;min-height:37px;padding:8px 11px;background:var(--verde-claro);color:var(--verde-oscuro);font-size:.8125rem;font-weight:650;white-space:nowrap} .cash-goal-status{border:1px solid color-mix(in srgb,var(--morado) 35%,var(--borde));border-radius:8px;min-height:37px;padding:8px 11px;background:color-mix(in srgb,var(--verde-claro) 72%,white);color:var(--morado);font-size:.8125rem;font-weight:700;white-space:nowrap}.cash-goal-status:hover{filter:brightness(.97)}.cash-goal-status.cash-goal-reached{background:#e7f6ed;color:#17603f;border-color:#b8ddc5}.cash-goal{margin-top:4px} #control-caja-dialog{max-width:650px}.cash-expense{display:grid;gap:12px;padding:18px;border:1px solid var(--borde);border-radius:12px;background:var(--surface-soft,var(--verde-claro));margin-top:10px}.cash-expense h3{font-size:1.05rem;margin:0}.cash-expense p{font-size:.875rem;color:var(--secundario);line-height:1.55;margin:4px 0 0}.cash-expense-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}.cash-expense-fields .field:first-child{grid-column:1/-1}.cash-expense-fields .field>span{font-size:.9375rem}.cash-expense-fields input,.cash-expense-fields select{min-height:50px;padding:12px 13px;font-size:1rem}.cash-expense-fields .boton{grid-column:1/-1;min-height:50px;font-size:1rem;white-space:nowrap}#control-caja-dialog .cash-exchange input,#control-caja-dialog .cash-goal input{min-height:50px;padding:12px 13px;font-size:1.05rem}#control-caja-dialog .cash-exchange>span,#control-caja-dialog .cash-goal>span{font-size:.9375rem} .cash-status:hover{filter:brightness(.97)}.cash-status.cash-abierta{background:#e7f6ed;color:#17603f;border-color:#b8ddc5}.cash-status.cash-cerrada{background:#f6eee7;color:#80531d;border-color:#e7cfb5}.cash-status.cash-sin_apertura{background:#fff4df;color:#8c6423;border-color:#e9d2a9} .cash-detail{display:grid;gap:14px}.cash-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cash-summary>div{padding:12px;border:1px solid var(--borde);border-radius:9px;background:var(--verde-claro)}.cash-summary span{display:block;color:var(--secundario);font-size:.75rem}.cash-summary strong{display:block;margin-top:5px;font-size:.95rem}.cash-method-title{font-size:.8125rem;font-weight:650;margin:3px 0 -7px}.cash-methods{margin:0;padding-left:19px;color:var(--secundario);font-size:.8125rem;line-height:1.8}.cash-sale-notice{margin:0 0 16px;padding:12px 14px;border:1px solid #e9d2a9;border-radius:9px;background:#fff8e9;color:#80531d;font-size:.875rem}.cash-sale-notice .text-button{margin-left:8px;min-height:31px} .boton.is-disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.35)} @media(max-width:760px){.cash-status{font-size:.75rem;padding:7px 9px}.cash-summary{grid-template-columns:1fr}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}} @media(max-width:500px){#control-caja-dialog{max-width:calc(100% - 20px)}.cash-expense{padding:15px}.cash-expense-fields{grid-template-columns:1fr}.cash-expense-fields .field:first-child{grid-column:auto}.cash-expense-fields .boton{grid-column:auto}} /* Pepon-Litoral: el control de caja no debe heredar las superficies claras. */ body[data-identidad="touch-lapaz"] .dialog .cash-summary>div, body[data-identidad="touch-lapaz"] .dialog .cash-expense, body[data-identidad="touch-lapaz"] .dialog .cash-sale-notice{ background:linear-gradient(145deg,#21170f 0%,#120d09 100%) !important; border-color:#755728 !important; color:#fff6e7 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); } body[data-identidad="touch-lapaz"] .dialog .cash-summary>div span, body[data-identidad="touch-lapaz"] .dialog .cash-expense p, body[data-identidad="touch-lapaz"] .dialog .cash-methods{color:#d9c49a !important;} body[data-identidad="touch-lapaz"] .dialog .cash-summary>div strong, body[data-identidad="touch-lapaz"] .dialog .cash-expense h3, body[data-identidad="touch-lapaz"] .dialog .cash-method-title{color:#fff8ea !important;} body.open-navegando .app-main,body.open-navegando .app-topbar{opacity:.58;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.global-feedback{position:fixed;z-index:1000;top:22px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 32px));padding:16px 20px;border:1px solid #b9dfc7;border-radius:12px;background:#effaf2;color:#175f3b;box-shadow:0 14px 40px #17122535;font-size:1rem;font-weight:650;line-height:1.45;text-align:center;animation:open-feedback-in .2s ease-out}.global-feedback.error{border-color:#efc0ca;background:#fff0f3;color:#a42d44}@keyframes open-feedback-in{from{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%,0)}} .table-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 0;color:var(--text-soft,#667085);font-size:.9rem}.table-pagination>div{display:flex;gap:.5rem}.table-pagination button[disabled]{opacity:.45;cursor:not-allowed}@media(max-width:600px){.table-pagination{align-items:flex-start;flex-direction:column}}