/* Generado por vidrio-oro.mjs: el verde azulado de las hojas del programa, pasado al oro.
   No se edita a mano: se vuelve a correr "node vidrio-oro.mjs". */
/* ── app.css ── */
html.vidrio {
  --shadow: 0 8px 24px rgb(var(--ac2) / .08);
}
html.vidrio[data-theme="light"] .nav-item.active {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="light"] .nav-item.active:hover {
  background: rgb(var(--ac) / .1);
}
html.vidrio .button.primary {
  background: linear-gradient(135deg,var(--teal),rgb(var(--ac)));
  box-shadow: 0 6px 13px rgb(var(--ac) / .19);
}
html.vidrio .button.primary:not(:disabled):hover {
  box-shadow: 0 10px 24px rgb(var(--ac) / .3);
}
html.vidrio[data-theme="light"] .hero-icon {
  background: rgb(var(--ac) / .1);
}
html.vidrio .hero.purple .hero-icon {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .hero.purple .hero-icon {
  background: rgb(var(--ac) / .1);
}
html.vidrio .badge.success {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .badge.success {
  background: rgb(var(--ac) / .1);
}
html.vidrio .badge.info {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .badge.info {
  background: rgb(var(--ac) / .1);
}
html.vidrio .badge.teal {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="light"] .badge.teal {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="light"] .stat-icon {
  background: rgb(var(--ac) / .1);
}
html.vidrio .stat-card.blue .stat-icon {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .stat-card.blue .stat-icon {
  background: rgb(var(--ac) / .1);
}
html.vidrio .stat-card.purple .stat-icon {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .stat-card.purple .stat-icon {
  background: rgb(var(--ac) / .1);
}
html.vidrio .metric>span {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .metric>span {
  background: rgb(var(--ac) / .1);
}
html.vidrio .metric>span.green {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .metric>span.green {
  background: rgb(var(--ac) / .1);
}
html.vidrio .metric>span.blue {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .metric>span.blue {
  background: rgb(var(--ac) / .1);
}
html.vidrio .good {
  color: rgb(var(--ac2));
}
html.vidrio .notice.info {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .notice.info {
  background: rgb(var(--ac) / .1);
}
html.vidrio .selected-person-bar>small {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="light"] .bar-chart {
  background: repeating-linear-gradient(to bottom,transparent 0,transparent 36px,rgb(var(--ac) / .1) 37px);
}
html.vidrio .bar-chart i {
  background: linear-gradient(rgb(var(--ac)),rgb(var(--ac)));
}
html.vidrio[data-theme="light"] .available-reports button:first-of-type {
  background: rgb(var(--ac) / .1);
}
html.vidrio .report-actions p {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .file-person.selected {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="light"] .welcome {
  background: radial-gradient(circle at 7% 6%,rgb(var(--ac) / .1) 0,transparent 26%),radial-gradient(circle at 97% 15%,rgb(var(--ac) / .1) 0,transparent 29%),#fff;
}
html.vidrio[data-theme="light"] .welcome-module span {
  background: rgb(var(--ac) / .1);
}
html.vidrio .welcome-module.vacaciones span {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .welcome-module.vacaciones span {
  background: rgb(var(--ac) / .1);
}
html.vidrio .welcome-module.reportes span {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .welcome-module.reportes span {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="dark"] .hero:after {
  background: linear-gradient(90deg,transparent 45%,rgba(255, 255, 255, .06));
}
html.vidrio[data-theme="dark"] .available-reports button:first-of-type {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .report-actions p {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="dark"] .dropzone {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .welcome {
  background: radial-gradient(circle at 12% 6%, rgb(var(--ac) / .20) 0, transparent 42%),
    radial-gradient(circle at 88% 16%, rgb(var(--ac2) / .16) 0, transparent 44%),
    radial-gradient(circle at 50% 118%, rgb(var(--ac) / .12) 0, transparent 52%),
    linear-gradient(165deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .06) 48%, rgba(255, 255, 255, .06) 100%);
}
html.vidrio[data-theme="dark"] .welcome-copy h1 {
  background: linear-gradient(100deg, #ffffff 0%, #a9e8e3 52%, rgb(var(--ac)) 100%);
}
html.vidrio[data-theme="dark"] {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"]::before {
  background: radial-gradient(circle at 16% 0%, rgb(var(--ac) / .10) 0, transparent 38%),
    radial-gradient(circle at 92% 6%, rgb(var(--ac2) / .09) 0, transparent 40%),
    linear-gradient(170deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .06) 42%, rgba(255, 255, 255, .06) 100%);
}
html.vidrio[data-theme="dark"] .sidebar {
  background: radial-gradient(circle at 50% -8%, rgb(var(--ac) / .17) 0, transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .06) 55%, rgba(255, 255, 255, .06) 100%);
}
html.vidrio[data-theme="dark"] .sidebar::after {
  background: linear-gradient(180deg, transparent 0, rgb(var(--ac) / .38) 22%, rgb(var(--ac) / .38) 72%, transparent 100%);
}
html.vidrio[data-theme="dark"] .nav-item:hover {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .nav-item.active,
html.vidrio[data-theme="dark"] .nav-item.active:hover {
  background: rgb(var(--ac) / .13);
  color: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .nav-item::before {
  background: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .badge.success {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .17);
}
html.vidrio[data-theme="dark"] .badge.info {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .17);
}
html.vidrio[data-theme="dark"] .badge.teal {
  color: rgb(var(--ac));
  background: rgb(var(--ac) / .18);
}
html.vidrio[data-theme="dark"] .notice.info {
  color: rgb(var(--ac2));
  background: rgba(255, 255, 255, .06);
}
html.vidrio .net-side {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .net-side {
  background: rgb(var(--ac) / .1);
}
html.vidrio .modal-backdrop {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .toast {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .stat-icon,
html.vidrio[data-theme="dark"] .metric>span {
  color: rgb(var(--ac));
  background: rgb(var(--ac) / .16);
}
html.vidrio[data-theme="dark"] .stat-card.blue .stat-icon,
html.vidrio[data-theme="dark"] .metric>span.blue {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .17);
}
html.vidrio[data-theme="dark"] .stat-card.purple .stat-icon,
html.vidrio[data-theme="dark"] .metric>span.purple {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .18);
}
html.vidrio[data-theme="dark"] .stat-card.green .stat-icon,
html.vidrio[data-theme="dark"] .metric>span.green {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .17);
}
html.vidrio .stat-card.blue .stat-icon,
html.vidrio .metric.blue .stat-icon {
  --tono: rgb(var(--ac2));
}
html.vidrio .stat-card.purple .stat-icon,
html.vidrio .metric.purple .stat-icon {
  --tono: rgb(var(--ac2));
}
html.vidrio .stat-card.green .stat-icon,
html.vidrio .metric.green .stat-icon {
  --tono: rgb(var(--ac2));
}
html.vidrio[data-theme="dark"] .stat-card .stat-icon,
html.vidrio[data-theme="dark"] .metric .stat-icon {
  --tono: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .stat-card.blue .stat-icon,
html.vidrio[data-theme="dark"] .metric.blue .stat-icon {
  --tono: rgb(var(--ac2));
}
html.vidrio[data-theme="dark"] .stat-card.purple .stat-icon,
html.vidrio[data-theme="dark"] .metric.purple .stat-icon {
  --tono: rgb(var(--ac2));
}
html.vidrio[data-theme="dark"] .stat-card.green .stat-icon,
html.vidrio[data-theme="dark"] .metric.green .stat-icon {
  --tono: rgb(var(--ac2));
}
html.vidrio .avatar {
  color: var(--av-tinta, rgb(var(--ac)));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--av-tinta, rgb(var(--ac))) 16%, transparent);
}
html.vidrio[data-theme="light"] .avatar {
  background: var(--av-fondo, rgb(var(--ac) / .1));
}
html.vidrio[data-theme="dark"] .avatar {
  background: color-mix(in srgb, var(--av-tinta, rgb(var(--ac))) 22%, transparent);
  color: color-mix(in srgb, var(--av-tinta, rgb(var(--ac))) 45%, #ffffff);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--av-tinta, rgb(var(--ac))) 34%, transparent);
}
/* ── home.css ── */
html.vidrio .welcome-module .welcome-icon {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="light"] .welcome-module .welcome-icon {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="dark"] .welcome-module .welcome-icon {
  color: rgb(var(--ac));
  background: rgb(var(--ac) / .16);
}
html.vidrio[data-theme="dark"] .welcome-module {
  background: linear-gradient(180deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .06) 100%);
}
html.vidrio[data-theme="light"] .welcome-module.colaboradores .welcome-icon {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="light"] .welcome-module.tiempo .welcome-icon {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="light"] .welcome-module.pagos .welcome-icon {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="light"] .welcome-module.liquidaciones .welcome-icon {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="light"] .welcome-module.reportes .welcome-icon {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="dark"] .welcome-module.colaboradores .welcome-icon {
  background: rgb(var(--ac2) / .13);
}
html.vidrio[data-theme="dark"] .welcome-module.tiempo .welcome-icon {
  background: rgb(var(--ac2) / .13);
}
html.vidrio[data-theme="dark"] .welcome-module.pagos .welcome-icon {
  background: rgb(var(--ac2) / .14);
}
html.vidrio[data-theme="dark"] .welcome-module.liquidaciones .welcome-icon {
  background: rgb(var(--ac2) / .15);
}
html.vidrio[data-theme="dark"] .welcome-module.reportes .welcome-icon {
  background: rgb(var(--ac2) / .15);
}
html.vidrio[data-theme="dark"] .esp-aqui {
  color: rgb(var(--ac));
}
/* ── collaborators.css ── */
html.vidrio[data-theme="dark"] .hero.collaborators::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .06) 46%, rgba(255, 255, 255, .06) 76%, rgba(255, 255, 255, .06) 100%);
}
html.vidrio .hero-plant::before {
  background: radial-gradient(ellipse at 24% 75%, rgb(var(--ac2)) 0 12%, transparent 13%), radial-gradient(ellipse at 75% 72%, rgb(var(--ac2)) 0 13%, transparent 14%), radial-gradient(ellipse at 50% 25%, rgb(var(--ac2)) 0 21%, transparent 22%);
}
html.vidrio[data-theme="dark"] .freq-semanal {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .17);
}
html.vidrio[data-theme="dark"] .freq-quincenal {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .17);
}
html.vidrio[data-theme="dark"] .freq-mensual {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .19);
}
html.vidrio[data-theme="dark"] .vacation-chip {
  color: rgb(var(--ac));
  background: rgb(var(--ac) / .13);
  border-color: rgb(var(--ac) / .28);
}
html.vidrio .freq-semanal {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .freq-semanal {
  background: rgb(var(--ac) / .1);
}
html.vidrio .freq-quincenal {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .freq-quincenal {
  background: rgb(var(--ac) / .1);
}
html.vidrio .freq-mensual {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .freq-mensual {
  background: rgb(var(--ac) / .1);
}
html.vidrio .vacation-chip {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="light"] .vacation-chip {
  background: rgb(var(--ac) / .1);
}
html.vidrio .segmented .dot-active {
  background: rgb(var(--ac2));
}
html.vidrio .time-gross {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="light"] .time-gross {
  background: rgb(var(--ac) / .1);
}
html.vidrio .time-net {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .time-net {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="dark"] .time-rate {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .time-inputs input {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .time-gross {
  color: rgb(var(--ac));
  background: rgb(var(--ac) / .13);
}
html.vidrio[data-theme="dark"] .time-net {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .17);
}
html.vidrio[data-theme="dark"] .time-card.saved {
  border-color: rgb(var(--ac) / .35);
}
html.vidrio[data-theme="dark"] .deduction-row input {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .deduction-remove {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .cfg-icon.teal {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="light"] .cfg-icon.teal {
  background: rgb(var(--ac) / .1);
}
html.vidrio .cfg-icon.purple {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .cfg-icon.purple {
  background: rgb(var(--ac) / .1);
}
html.vidrio .cfg-icon.blue {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .cfg-icon.blue {
  background: rgb(var(--ac) / .1);
}
html.vidrio .cfg-note.info {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .cfg-note.info {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="dark"] .cfg-body input,
html.vidrio[data-theme="dark"] .cfg-body textarea {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .cfg-body input:disabled {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .cfg-note.info {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .14);
}
html.vidrio[data-theme="dark"] .cfg-icon.teal {
  color: rgb(var(--ac));
  background: rgb(var(--ac) / .15);
}
html.vidrio[data-theme="dark"] .cfg-icon.purple {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .18);
}
html.vidrio[data-theme="dark"] .cfg-icon.blue {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .16);
}
html.vidrio[data-theme="dark"] .cfg-empresa .company-form input {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .pay-gross {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="light"] .pay-gross {
  background: rgb(var(--ac) / .1);
}
html.vidrio .pay-net {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .pay-net {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="dark"] .pay-preview {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .pay-gross {
  color: rgb(var(--ac));
  background: rgb(var(--ac) / .13);
}
html.vidrio[data-theme="dark"] .pay-net {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .17);
}
html.vidrio .liq-total {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .liq-total {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="dark"] .liq-base > div {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .liq-rows article {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .liq-total {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .17);
}
html.vidrio[data-theme="dark"] .hero-icon {
  color: rgb(var(--ac));
  background: rgb(var(--ac) / .16);
}
html.vidrio[data-theme="dark"] .hero.purple .hero-icon {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .20);
}
html.vidrio[data-theme="dark"] .hero.collaborators::after,
html.vidrio[data-theme="dark"] .hero:has(.hero-photo-office)::after,
html.vidrio[data-theme="dark"] .hero:has(.hero-photo-liquidations)::after,
html.vidrio[data-theme="dark"] .hero:has(.hero-photo-bonuses)::after {
  background: linear-gradient(90deg,
    rgba(255, 255, 255, .06) 0%,
    rgba(255, 255, 255, .06) 30%,
    rgba(255, 255, 255, .06) 46%,
    rgba(255, 255, 255, .06) 58%,
    rgba(255, 255, 255, .06) 70%,
    rgba(255, 255, 255, .06) 82%,
    rgba(255, 255, 255, .06) 92%,
    rgba(255, 255, 255, .06) 100%);
}
html.vidrio .hero::before {
  background: radial-gradient(220px circle at var(--mx) var(--my),
    rgb(var(--ac) / .16) 0%,
    rgb(var(--ac) / .07) 38%,
    transparent 70%);
}
html.vidrio .hero:hover {
  border-color: rgb(var(--ac) / .32);
}
html.vidrio[data-theme="dark"] .hero::before {
  background: radial-gradient(240px circle at var(--mx) var(--my),
    rgb(var(--ac) / .20) 0%,
    rgb(var(--ac) / .08) 40%,
    transparent 72%);
}
html.vidrio[data-theme="dark"] .hero:hover {
  border-color: rgb(var(--ac) / .35);
}
html.vidrio[data-theme="light"] tr.row-pick:hover td {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="light"] tr.row-pick.selected-row:hover td {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="dark"] tr.row-pick:hover td {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="light"] .file-person:hover {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="light"] .file-person.selected:hover {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="dark"] .file-person:hover {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .time-toolbar .liquidation-picker:first-child select {
  box-shadow: 0 0 0 3px rgb(var(--ac) / .12);
}
html.vidrio[data-theme="dark"] .time-toolbar .liquidation-picker:first-child select {
  border-color: rgb(var(--ac) / .5);
  box-shadow: 0 0 0 3px rgb(var(--ac) / .12);
}
html.vidrio[data-theme="dark"] .agui-overview .metrics-strip span svg {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .metrics-strip span svg {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .file-tabs button:hover:not(.on) {
  border-color: rgb(var(--ac) / .45);
  color: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .dropzone {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .dropzone b {
  color: rgb(var(--ac));
  border-color: rgb(var(--ac) / .4);
}
html.vidrio .theme-picker button.on {
  box-shadow: 0 0 0 3px rgb(var(--ac) / .14);
}
html.vidrio[data-theme="light"] .tp-light {
  background-color: rgb(var(--ac) / .1);
  background-image: linear-gradient(#fff, #fff),
    linear-gradient(var(--teal), var(--teal)),
    linear-gradient(rgb(var(--ac) / .1), rgb(var(--ac) / .1)),
    linear-gradient(rgb(var(--ac) / .1), rgb(var(--ac) / .1));
}
html.vidrio .tp-dark {
  background-color: rgba(255, 255, 255, .06);
  background-image: linear-gradient(rgba(255, 255, 255, .06), rgba(255, 255, 255, .06)),
    linear-gradient(rgb(var(--ac)), rgb(var(--ac))),
    linear-gradient(#2c3a50, #2c3a50),
    linear-gradient(#2c3a50, #2c3a50);
}
html.vidrio .tp-auto {
  background-color: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="light"] .tp-auto {
  background-image: linear-gradient(var(--teal), var(--teal)),
    linear-gradient(rgb(var(--ac) / .1), rgb(var(--ac) / .1)),
    linear-gradient(#2c3a50, #2c3a50),
    linear-gradient(#fff, #fff),
    linear-gradient(rgb(var(--ac) / .1), rgb(var(--ac) / .1));
}
html.vidrio[data-theme="dark"] .theme-picker button.on .theme-name {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="light"] .segmented {
  background: rgb(var(--ac) / .1);
}
html.vidrio .segmented button.on {
  box-shadow: 0 2px 10px rgb(var(--ac) / .38);
}
html.vidrio[data-theme="dark"] .segmented {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .segmented button.on {
  background: rgb(var(--ac));
  box-shadow: 0 2px 12px rgb(var(--ac) / .3);
}
html.vidrio .liq-track[data-step="1"] li:nth-child(1)::before,
html.vidrio .liq-track[data-step="2"] li:nth-child(2)::before,
html.vidrio .liq-track[data-step="3"] li:nth-child(3)::before {
  box-shadow: 0 0 0 4px rgb(var(--ac) / .18);
}
html.vidrio .liq-basis {
  background: rgb(var(--ac) / .045);
}
html.vidrio .liq-total {
  background: rgb(var(--ac) / .07);
}
html.vidrio[data-theme="dark"] .liq-basis {
  background: rgb(var(--ac) / .07);
}
html.vidrio[data-theme="dark"] .liq-total {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="dark"] .liq-track[data-step="1"] li:nth-child(-n + 1),
html.vidrio[data-theme="dark"] .liq-track[data-step="2"] li:nth-child(-n + 2),
html.vidrio[data-theme="dark"] .liq-track[data-step="3"] li:nth-child(-n + 3) {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .liq-track[data-step="1"] li:nth-child(-n + 1)::before,
html.vidrio[data-theme="dark"] .liq-track[data-step="2"] li:nth-child(-n + 2)::before,
html.vidrio[data-theme="dark"] .liq-track[data-step="3"] li:nth-child(-n + 3)::before {
  border-color: rgb(var(--ac));
  background: rgb(var(--ac));
}
html.vidrio .roster-card[data-modality="horas"]::before {
  background: rgb(var(--ac2));
}
html.vidrio .roster-card.is-selected {
  box-shadow: 0 0 0 3px rgb(var(--ac) / .16), 0 12px 26px rgba(16, 28, 66, .1);
}
html.vidrio .roster-card > footer {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .roster-card.is-selected {
  box-shadow: 0 0 0 3px rgb(var(--ac) / .22), 0 12px 26px rgba(0, 0, 0, .34);
}
html.vidrio[data-theme="dark"] .roster-vac svg {
  color: rgb(var(--ac));
}
/* ── employee-detail.css ── */
html.vidrio[data-theme="light"] .document-icon {
  background: rgb(var(--ac) / .1);
}
html.vidrio .payment-accounts article.primary {
  border-color: rgb(var(--ac));
}
html.vidrio[data-theme="light"] .payment-accounts article.primary {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="light"] .sinpe-accounts article.primary {
  background: rgb(var(--ac) / .1);
}
html.vidrio .sinpe-accounts i {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .sinpe-accounts i {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="light"] .employee-history > div > span {
  background: rgb(var(--ac) / .1);
}
html.vidrio .employee-history > div:nth-child(2n) > span {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .employee-history > div:nth-child(2n) > span {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="light"] .vacation-metrics svg {
  background: rgb(var(--ac) / .1);
}
html.vidrio .notifications > div > span {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="light"] .notifications > div > span {
  background: rgb(var(--ac) / .1);
}
html.vidrio .notifications > div:nth-child(2n) > span {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="light"] .notifications > div:nth-child(2n) > span {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="dark"] .tramo-vivo b {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .tramo-vivo::before {
  background: rgb(var(--ac));
  box-shadow: 0 0 0 3px rgb(var(--ac) / .18);
}
html.vidrio[data-theme="dark"] .pausa-icono {
  color: rgb(var(--ac));
  background: rgb(var(--ac) / .14);
}
html.vidrio[data-theme="dark"] .pausa-opcion.elegida {
  border-color: rgb(var(--ac));
  background: rgb(var(--ac) / .08);
}
html.vidrio[data-theme="dark"] .payment-accounts article.primary,
html.vidrio[data-theme="dark"] .sinpe-accounts article.primary {
  border-color: rgb(var(--ac) / .38);
  background: rgb(var(--ac) / .09);
}
html.vidrio[data-theme="dark"] .sinpe-accounts i {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .14);
}
html.vidrio[data-theme="dark"] .employee-history > div > span,
html.vidrio[data-theme="dark"] .document-icon,
html.vidrio[data-theme="dark"] .vacation-metrics svg {
  color: rgb(var(--ac));
  background: rgb(var(--ac) / .14);
}
html.vidrio[data-theme="dark"] .employee-history > div:nth-child(2n) > span {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .14);
}
html.vidrio[data-theme="dark"] .employee-tabs button.active,
html.vidrio[data-theme="dark"] .employee-tabs button.active svg {
  color: rgb(var(--ac));
  border-bottom-color: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .payment-accounts article:hover,
html.vidrio[data-theme="dark"] .sinpe-accounts article:hover {
  border-color: rgb(var(--ac) / .40);
  background: rgb(var(--ac) / .07);
  box-shadow: 0 2px 10px rgb(var(--ac) / .14);
}
html.vidrio[data-theme="dark"] .employee-tabs button:hover:not(.active),
html.vidrio[data-theme="dark"] .employee-tabs button:hover:not(.active) svg {
  color: rgb(var(--ac));
}
/* ── reportes.css ── */
html.vidrio[data-theme="dark"] .rep-panel,
html.vidrio[data-theme="dark"] .quien.reportes {
  --rep-luz: rgb(var(--ac));
  --rep-luz-alta: rgb(var(--ac));
}
html.vidrio .rep-tramo.pagado {
  background: color-mix(in srgb, rgb(var(--ac2)) 78%, #fff);
}
html.vidrio[data-theme="dark"] .rep-tramo.pagado {
  background: rgb(var(--ac2));
}
html.vidrio .rep-muestra.pagado {
  background: color-mix(in srgb, rgb(var(--ac2)) 78%, #fff);
}
html.vidrio[data-theme="dark"] .rep-muestra.pagado {
  background: rgb(var(--ac2));
}
html.vidrio[data-theme="dark"] .portada-equipo {
  border-color: color-mix(in srgb, rgb(var(--ac)) 50%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, rgb(var(--ac)) 14%, transparent), transparent);
}
html.vidrio[data-theme="dark"] .portada-equipo:hover {
  border-color: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .portada-equipo-icono {
  background: linear-gradient(160deg, rgb(var(--ac)), rgb(var(--ac)));
  box-shadow: 0 3px 10px rgb(var(--ac) / .34);
}
html.vidrio[data-theme="dark"] .portada-equipo-flecha {
  color: rgb(var(--ac));
}
/* ── expedientes.css ── */
html.vidrio[data-theme="dark"] .exp-panel {
  --exp-luz: rgb(var(--ac));
  --exp-luz-alta: rgb(var(--ac));
}
html.vidrio .exp-hoja-tipo.img {
  color: rgb(var(--ac2));
  background: color-mix(in srgb, rgb(var(--ac2)) 12%, transparent);
}
html.vidrio .exp-hoja-tipo.doc {
  color: rgb(var(--ac2));
  background: color-mix(in srgb, rgb(var(--ac2)) 12%, transparent);
}
html.vidrio[data-theme="dark"] .exp-hoja-tipo.img {
  color: rgb(var(--ac2));
  background: color-mix(in srgb, rgb(var(--ac2)) 16%, transparent);
}
html.vidrio[data-theme="dark"] .exp-hoja-tipo.doc {
  color: rgb(var(--ac2));
  background: color-mix(in srgb, rgb(var(--ac2)) 16%, transparent);
}
html.vidrio[data-theme="dark"] .exp-nombrar {
  --nom-luz: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .exp-nombrar-campo input {
  background: rgba(255, 255, 255, .06);
}
/* ── modal.css ── */
html.vidrio .modal-backdrop {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .drawer-close {
  box-shadow: 0 5px 16px rgb(var(--ac2) / 0.08);
}
html.vidrio[data-theme="dark"] .hero:has(.hero-photo-office)::after,
html.vidrio[data-theme="dark"] .hero:has(.hero-photo-liquidations)::after,
html.vidrio[data-theme="dark"] .hero:has(.hero-photo-bonuses)::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .06) 46%, rgba(255, 255, 255, .06) 76%, rgba(255, 255, 255, .06) 100%);
}
html.vidrio[data-theme="dark"] .form-grid input,
html.vidrio[data-theme="dark"] .form-grid select,
html.vidrio[data-theme="dark"] .form-grid textarea {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .form-grid fieldset,
html.vidrio[data-theme="dark"] .account-editor,
html.vidrio[data-theme="dark"] .sinpe-editor section {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .mini-cards span {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .button.primary:hover {
  box-shadow: 0 10px 22px rgb(var(--ac) / .34);
}
html.vidrio .button.primary:active {
  box-shadow: 0 3px 9px rgb(var(--ac) / .26);
}
html.vidrio .button.outline:hover,
html.vidrio .button.quiet:hover,
html.vidrio .select-button:hover,
html.vidrio .back-link:hover {
  background: rgb(var(--ac) / .06);
}
html.vidrio .more:hover {
  background: rgb(var(--ac) / .07);
}
html.vidrio .file-tabs button:hover:not(.on),
html.vidrio .employee-tabs button:hover:not(.active) {
  background: rgb(var(--ac) / .06);
}
html.vidrio .deduction-add:hover {
  background: rgb(var(--ac) / .06);
}
html.vidrio .dropzone:hover {
  background: rgb(var(--ac) / .05);
}
html.vidrio .app-shell input:focus-visible,
html.vidrio .app-shell select:focus-visible,
html.vidrio .app-shell textarea:focus-visible {
  box-shadow: 0 0 0 3px rgb(var(--ac) / .16);
}
html.vidrio[data-theme="dark"] .button.primary:hover {
  box-shadow: 0 10px 22px rgb(var(--ac) / .3);
}
html.vidrio[data-theme="dark"] .button.outline:hover,
html.vidrio[data-theme="dark"] .button.quiet:hover,
html.vidrio[data-theme="dark"] .select-button:hover,
html.vidrio[data-theme="dark"] .back-link:hover,
html.vidrio[data-theme="dark"] .more:hover,
html.vidrio[data-theme="dark"] .deduction-add:hover {
  color: rgb(var(--ac));
  border-color: rgb(var(--ac));
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="dark"] .app-shell input:focus-visible,
html.vidrio[data-theme="dark"] .app-shell select:focus-visible,
html.vidrio[data-theme="dark"] .app-shell textarea:focus-visible {
  border-color: rgb(var(--ac));
  box-shadow: 0 0 0 3px rgb(var(--ac) / .2);
}
html.vidrio[data-theme="dark"] .person-cell:hover b {
  color: rgb(var(--ac));
}
html.vidrio .liquidation-picker:focus-within select {
  box-shadow: 0 0 0 3px rgb(var(--ac) / .16);
}
html.vidrio[data-theme="dark"] .liquidation-picker:focus-within select {
  border-color: rgb(var(--ac));
  box-shadow: 0 0 0 3px rgb(var(--ac) / .2);
}
html.vidrio[data-theme="dark"] .logo-realce:hover .logo-realce-marco {
  filter: drop-shadow(calc(var(--sombraX, 0px) * .34) calc(var(--sombraY, 10px) * .34) 2px rgb(var(--ac) / .42))
    drop-shadow(var(--sombraX, 0px) var(--sombraY, 10px) 14px rgb(var(--ac) / .48));
}
html.vidrio[data-theme="light"] .agui-mes.sin i {
  background: rgb(var(--ac) / .1);
}
html.vidrio[data-theme="dark"] .agui-periodo {
  --acento: rgb(var(--ac));
}
html.vidrio .agui-pagado-marca {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .12);
}
html.vidrio[data-theme="dark"] .agui-fichas {
  --acento: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .agui-col-barra {
  background: linear-gradient(180deg, rgb(var(--ac)), rgb(var(--ac)));
  box-shadow: 0 3px 10px rgb(var(--ac) / .22);
}
html.vidrio[data-theme="dark"] .agui-col:hover .agui-col-barra,
html.vidrio[data-theme="dark"] .agui-col.hoy .agui-col-barra {
  box-shadow: 0 3px 14px rgb(var(--ac) / .4);
}
html.vidrio[data-theme="dark"] .agui-col:hover,
html.vidrio[data-theme="dark"] .agui-col.hoy {
  background: rgb(var(--ac) / .10);
}
html.vidrio[data-theme="dark"] .agui-col.hoy .agui-col-mes {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .agui-resumen-total dd,
html.vidrio[data-theme="dark"] .agui-confirmar-total dd {
  color: rgb(var(--ac));
}
html.vidrio[data-theme="dark"] .agui-pagado-marca {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .16);
}
html.vidrio[data-theme="light"] .agui-leyenda .agui-muestra.sin {
  background: rgb(var(--ac) / .1);
}
html.vidrio .agui-overview .metrics-strip > span svg {
  background: rgb(var(--ac) / .10);
}
html.vidrio[data-theme="dark"] .agui-overview .metrics-strip > span svg {
  color: rgb(var(--ac));
  background: rgb(var(--ac) / .14);
}
html.vidrio .quien-ficha:hover:not(.on) {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .link-upload:hover {
  background: rgb(var(--ac) / .08);
}
html.vidrio .quien-buscar:hover {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .aviso-fila:hover {
  background: rgb(var(--ac) / .05);
}
html.vidrio .avisos-vacio svg {
  color: rgb(var(--ac));
}
html.vidrio .avisos-cerrar:hover {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .aviso-fila:hover {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .avisos-vacio > span {
  background: rgb(var(--ac) / .12);
  color: rgb(var(--ac));
}
html.vidrio .ficha-tab-icono {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .ficha-tab:hover {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .ficha-tab.on {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .ficha-nota {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .ficha-cuenta {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .company-form select {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .llave-ojo:hover {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .llave-estado {
  color: rgb(var(--ac));
}
html.vidrio .time-card.trabada input:disabled {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .vac-regla i.gozada {
  --tono: rgb(var(--ac));
}
html.vidrio .vac-regla i.pagada {
  --tono: rgb(var(--ac2));
}
html.vidrio .vac-pie .pt.gozada {
  --tono: rgb(var(--ac));
}
html.vidrio .vac-pie .pt.pagada {
  --tono: rgb(var(--ac2));
}
html.vidrio .vac-chip.pagada {
  border-color: color-mix(in srgb, var(--blue, rgb(var(--ac2))) 34%, var(--line));
  background: color-mix(in srgb, rgb(var(--ac2)) 10%, transparent);
  color: rgb(var(--ac2));
}
html.vidrio .vac-chip.pagada:hover {
  border-color: rgb(var(--ac2));
  background: color-mix(in srgb, rgb(var(--ac2)) 18%, transparent);
}
html.vidrio[data-theme="dark"] .vac-chip.pagada {
  color: rgb(var(--ac2));
  border-color: rgb(var(--ac2) / .34);
  background: rgb(var(--ac2) / .16);
}
html.vidrio[data-theme="dark"] .liq-regla-pasos > li.pasado > i,
html.vidrio[data-theme="dark"] .liq-regla-pasos > li.actual > i {
  background: linear-gradient(180deg, rgb(var(--ac)), rgb(var(--ac)));
  box-shadow: 0 3px 10px rgb(var(--ac) / .22);
}
html.vidrio[data-theme="dark"] .liq-regla-pasos > li.actual > i {
  box-shadow: 0 3px 15px rgb(var(--ac) / .46);
}
html.vidrio[data-theme="dark"] .liq-regla-pasos > li.pasado:hover > i,
html.vidrio[data-theme="dark"] .liq-regla-pasos > li.actual:hover > i {
  box-shadow: 0 0 14px rgb(var(--ac) / .45), 0 6px 18px rgb(var(--ac) / .5);
}
html.vidrio[data-theme="dark"] .liq-regla-globo {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .vac-regla i.pagada,
html.vidrio .vac-pie .pt.pagada,
html.vidrio .cal-leyenda .pt.pagada {
  --tono: rgb(var(--ac2));
}
html.vidrio[data-theme="dark"] .vac-regla i.pagada,
html.vidrio[data-theme="dark"] .vac-pie .pt.pagada,
html.vidrio[data-theme="dark"] .cal-leyenda .pt.pagada {
  --tono: rgb(var(--ac2));
}
html.vidrio .vac-regla i.pagada,
html.vidrio .vac-pie .pt.pagada,
html.vidrio .cal-leyenda .pt.pagada {
  --tono: rgb(var(--ac2));
}
html.vidrio[data-theme="dark"] .agui-col:hover .agui-col-barra {
  box-shadow: 0 0 15px rgb(var(--ac) / .5), 0 7px 20px rgb(var(--ac) / .55);
}
/* ── configuracion.css ── */
html.vidrio .aj-tono-empresa {
  --tono: rgb(var(--ac2));
}
html.vidrio .aj-tono-inicio {
  --tono: rgb(var(--ac));
}
html.vidrio .aj-tono-apariencia {
  --tono: rgb(var(--ac2));
}
html.vidrio .aj-tono-planilla {
  --tono: rgb(var(--ac2));
}
html.vidrio .aj-tono-contrasena {
  --tono: rgb(var(--ac2));
}
html.vidrio .aj-tono-nube {
  --tono: rgb(var(--ac2));
}
html.vidrio .aj-tono-soporte {
  --tono: rgb(var(--ac2));
}
html.vidrio[data-theme="dark"] .aj-caja {
  background: color-mix(in srgb, rgba(255, 255, 255, .06) 28%, var(--card));
}
html.vidrio .aj-dato.bien {
  background: color-mix(in srgb, rgb(var(--ac2)) 13%, transparent);
}
html.vidrio[data-theme="dark"] .aj-dato.bien {
  color: rgb(var(--ac2));
  background: rgb(var(--ac2) / .17);
}
html.vidrio .aj-interruptor.on {
  background: linear-gradient(135deg, var(--teal), rgb(var(--ac)));
}
html.vidrio[data-theme="dark"] .aj-interruptor.on {
  background: linear-gradient(135deg, rgb(var(--ac)), rgb(var(--ac)));
}
html.vidrio .aj-papel {
  --cp-verde: rgb(var(--ac));
}
html.vidrio .aj-papel-renglones i:nth-child(4) {
  background: color-mix(in srgb, rgb(var(--ac)) 22%, #eef1f5);
}
html.vidrio[data-theme="light"] .ajustes .aj-tema-vista {
  background: rgb(var(--ac) / .1);
}
html.vidrio .tv-lado {
  background: #fff linear-gradient(90deg, rgb(var(--ac)) 0 3px, transparent 3px) no-repeat 0 30% / 100% 12%;
}
html.vidrio .tv-titulo {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="light"] .tv-renglon {
  background: rgb(var(--ac) / .1);
}
html.vidrio .tv-renglon.corto {
  background: color-mix(in srgb, rgb(var(--ac)) 45%, #d5dde9);
}
html.vidrio[data-theme="light"] .tv-renglon.corto {
  background: color-mix(in srgb, #009f9b 45%, rgb(var(--ac) / .1));
}
html.vidrio .ajustes .tv-dark {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .tv-dark .tv-lado {
  background-color: rgba(255, 255, 255, .06);
  background-image: linear-gradient(90deg, rgb(var(--ac)) 0 3px, transparent 3px);
}
html.vidrio[data-theme="light"] .tv-dark .tv-titulo {
  background: rgb(var(--ac) / .1);
}
html.vidrio .tv-dark .tv-tarjeta {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .tv-dark .tv-renglon.corto {
  background: color-mix(in srgb, rgb(var(--ac)) 45%, #2c3a50);
}
html.vidrio .ajustes .tv-auto {
  background: linear-gradient(118deg, #eef1f6 0 50%, rgba(255, 255, 255, .06) 50% 100%);
}
html.vidrio[data-theme="light"] .ajustes .tv-auto {
  background: linear-gradient(118deg, rgb(var(--ac) / .1) 0 50%, #121824 50% 100%);
}
html.vidrio .tv-auto .tv-tarjeta.dos {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="light"] .tv-auto .tv-renglon {
  background: linear-gradient(90deg, rgb(var(--ac) / .1) 0 45%, #2c3a50 45%);
}
html.vidrio[data-theme="light"] .tv-auto .tv-renglon.corto {
  background: rgb(var(--ac) / .1);
}
html.vidrio .aj-llave {
  --estado: rgb(var(--ac2));
}
html.vidrio .aj-destino.nube {
  --d: rgb(var(--ac2));
}
html.vidrio .aj-nube.conectada .aj-nube-hilo em {
  border-color: color-mix(in srgb, rgb(var(--ac2)) 35%, transparent);
}
html.vidrio[data-theme="dark"] .aj-nube.conectada .aj-nube-hilo em {
  color: rgb(var(--ac2));
}
html.vidrio .aj-mensaje.bien {
  background: color-mix(in srgb, rgb(var(--ac2)) 12%, transparent);
}
html.vidrio[data-theme="dark"] .aj-mensaje.bien {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="dark"] .aj-desplegable {
  background: color-mix(in srgb, rgba(255, 255, 255, .06) 28%, var(--card));
}
html.vidrio .aj-sql pre {
  background: rgba(255, 255, 255, .06);
}
html.vidrio[data-theme="dark"] .aj-sql pre {
  background: rgba(255, 255, 255, .06);
}
html.vidrio .aj-version.al-dia {
  --tono: rgb(var(--ac2));
}
html.vidrio .aj-hito.esta .aj-hito-punto {
  border-color: rgb(var(--ac2));
  background: rgb(var(--ac2));
  box-shadow: 0 0 0 4px color-mix(in srgb, rgb(var(--ac2)) 18%, transparent);
}
html.vidrio .aj-espacio-barra .planilla,
html.vidrio .aj-espacio-leyenda .planilla::before {
  background: rgb(var(--ac));
}
html.vidrio .aj-espacio-barra .copias,
html.vidrio .aj-espacio-leyenda .copias::before {
  background: rgb(var(--ac2));
}
html.vidrio[data-theme="dark"] .aj-balance.queda h4 {
  color: rgb(var(--ac2));
}
html.vidrio .aj-balance.queda li svg {
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="dark"] .soporte-datos {
  background: color-mix(in srgb, rgba(255, 255, 255, .06) 28%, var(--card));
}
html.vidrio[data-theme="dark"] .inv-bloque {
  background: color-mix(in srgb, rgba(255, 255, 255, .06) 28%, var(--card));
}
html.vidrio .inv-bloque .inv-copiar.copiado {
  border-color: color-mix(in srgb, rgb(var(--ac2)) 55%, var(--line));
  color: rgb(var(--ac2));
}
html.vidrio[data-theme="dark"] .inv-bloque .inv-copiar.copiado {
  color: rgb(var(--ac2));
}
/* ── telefono.css ── */
@media (max-width: 480px) {
html.vidrio[data-theme="dark"] .tel-cabeza {
  background: color-mix(in srgb, rgba(255, 255, 255, .06) 76%, transparent);
}
}
@media (max-width: 480px) {
html.vidrio[data-theme="dark"] .tel-barra {
  background: color-mix(in srgb, rgba(255, 255, 255, .06) 74%, transparent);
}
}