/* ANNA brand shell — dashboard and POS navigation only.
   Keeps the data surfaces readable while aligning the chrome with the black/gold landing. */
:root{
  --azul:#B7791F;
  --azul-claro:#FFF7E0;
  --azul-oscuro:#8A5A0A;
  --sidebar-bg:#0B0D12;
}

.header,
body.dark .header{
  background:linear-gradient(115deg,#080A0E 0%,#111820 58%,#211707 100%)!important;
  color:#F8FAFC;
  border-bottom:1px solid rgba(247,183,49,.22);
  box-shadow:0 2px 14px rgba(0,0,0,.22);
}
.header-left h2{color:#F7B731!important;}
.header-left .menu-btn{color:#F7B731!important;}
.header-right .user-name{color:#D7DEE6!important;}
.header-right .tienda-badge{
  background:rgba(247,183,49,.14)!important;
  color:#F7B731!important;
  border:1px solid rgba(247,183,49,.28);
}
.header-right .logout-btn{
  border-color:rgba(247,183,49,.35)!important;
  color:#E5E7EB!important;
}
.header-right .logout-btn:hover{
  background:rgba(247,183,49,.12)!important;
  border-color:#F7B731!important;
  color:#F7B731!important;
}

.sidebar,
body.dark .sidebar{
  background:linear-gradient(180deg,#080B10 0%,#0D151D 58%,#171108 100%)!important;
  border-right:1px solid rgba(247,183,49,.18)!important;
  box-shadow:4px 0 24px rgba(0,0,0,.22);
}
.sidebar-header{
  background:linear-gradient(135deg,#07090D 0%,#17120A 100%)!important;
  border-bottom:1px solid rgba(247,183,49,.22);
}
.sidebar-section-label,.sidebar-sep{color:#B9A77B!important;}
.sidebar-item{color:#CBD5E1!important;}
.sidebar-item:hover,
body.dark .sidebar-item:hover{
  background:rgba(247,183,49,.11)!important;
  color:#F7B731!important;
}
.sidebar-item.active{
  background:linear-gradient(90deg,rgba(247,183,49,.19),rgba(247,183,49,.05))!important;
  color:#F7B731!important;
  border-left-color:#F7B731!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),inset 0 -1px 0 rgba(247,183,49,.06);
}
.sidebar-item .anna-nav-icon{color:currentColor!important;}

/* The switcher sits inside the dark header: set its own text contrast explicitly. */
.tienda-switcher-panel{
  background:#FFFFFF!important;
  border-color:rgba(201,139,27,.34)!important;
  color:#334155!important;
}
.tsw-item{color:#334155!important;}
.tsw-nombre{color:#334155!important;}
.tsw-tipo{color:#64748B!important;}
.tsw-empresa .tsw-tipo{color:#9A650F!important;}
.tsw-item.activa{background:#FFF7E0!important;}
body.dark .tienda-switcher-panel{background:#171B23!important;color:#E2E8F0!important;border-color:rgba(247,183,49,.34)!important;}
body.dark .tsw-item,body.dark .tsw-nombre{color:#E2E8F0!important;}
body.dark .tsw-tipo{color:#AEB8C5!important;}

.card,.stat-card,.tienda-card{
  border-color:rgba(183,121,31,.14);
}
.card-title{color:#3D2A10;}
.stat-card .stat-value{color:#B7791F;}
.tienda-card{border-top-color:#C98B1B;}

.btn-primary,.btn-verde{
  background:linear-gradient(135deg,#F7B731,#FF9F1C,#FF6B35)!important;
  color:#0B0D12!important;
  box-shadow:0 4px 14px rgba(183,121,31,.22);
}
.btn-primary:hover,.btn-verde:hover{
  background:linear-gradient(135deg,#FFD166,#F7B731,#FF6B35)!important;
  color:#0B0D12!important;
  box-shadow:0 6px 20px rgba(183,121,31,.32);
}
.form-group input:focus,.form-group select:focus,
.search-bar input:focus,.pos-search:focus{
  border-color:#C98B1B!important;
  box-shadow:0 0 0 3px rgba(247,183,49,.13);
}

/* On dark mode the data cards stay dark, but their accents remain ANNA gold. */
body.dark .card-title{color:#F4D58A!important;}
body.dark .stat-card .stat-value{color:#F7B731!important;}
body.dark .tienda-card{border-top-color:#F7B731!important;}
body.dark .btn-primary,body.dark .btn-verde{color:#0B0D12!important;}

/* Internal cards — restrained gold accents, keeping the information surface light. */
.card,.stat-card,.tienda-card,.grafica-card{
  border:1px solid rgba(183,121,31,.16)!important;
  box-shadow:0 3px 12px rgba(15,23,42,.055);
}
.card{border-top:2px solid rgba(201,139,27,.58)!important;}
.card-title{
  color:#3D2A10!important;
  border-bottom:1px solid rgba(183,121,31,.12);
  padding-bottom:9px;
}
.stat-card{
  border-top:3px solid #C98B1B!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.stat-card:hover,.tienda-card:hover{
  transform:translateY(-2px);
  border-color:rgba(201,139,27,.42)!important;
  box-shadow:0 8px 22px rgba(183,121,31,.13);
}
.stat-card.orange{border-top-color:#FF6B35!important;}
.stat-card.green{border-top-color:#28A745!important;}
.stat-card.red{border-top-color:#DC3545!important;}
.stat-card .stat-value{color:#B7791F!important;}
.grafica-card{border-top:2px solid rgba(201,139,27,.42)!important;}
.tienda-card{border-top:4px solid #C98B1B!important;}

body.dark .card,body.dark .stat-card,body.dark .tienda-card,body.dark .grafica-card{
  border-color:rgba(247,183,49,.20)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.18);
}
body.dark .card{border-top-color:rgba(247,183,49,.72)!important;}
body.dark .card-title{border-bottom-color:rgba(247,183,49,.15);}
body.dark .stat-card{border-top-color:#F7B731!important;}
body.dark .stat-card.orange{border-top-color:#FF6B35!important;}
body.dark .stat-card.green{border-top-color:#28A745!important;}
body.dark .stat-card.red{border-top-color:#DC3545!important;}
body.dark .grafica-card{border-top-color:rgba(247,183,49,.70)!important;}
body.dark .tienda-card{border-top-color:#F7B731!important;}

#dash-cerebro-global .card{
  border-color:rgba(183,121,31,.16)!important;
  border-top:2px solid rgba(201,139,27,.58)!important;
}
#dash-cerebro-global .stat-card{
  background:linear-gradient(145deg,#fff,#fffaf0)!important;
  border-color:rgba(183,121,31,.20)!important;
  border-top:3px solid #C98B1B!important;
}
#dash-cerebro-global .stat-card.orange{background:linear-gradient(145deg,#fff7ed,#ffedd5)!important;border-top-color:#FF6B35!important;}
#dash-cerebro-global .stat-card.green{background:linear-gradient(145deg,#f0fdf4,#dcfce7)!important;border-top-color:#28A745!important;}
#dash-cerebro-global .stat-card.red{background:linear-gradient(145deg,#fff1f2,#ffe4e6)!important;border-top-color:#DC3545!important;}
#dash-cerebro-global .stat-value{color:#9A650F!important;}

/* Mobile header/store switcher: keep the selector inside the viewport. */
@media (max-width:899px){
  .header{padding:10px 12px!important;gap:6px;}
  .header-left{min-width:0!important;flex:1 1 auto;gap:8px!important;overflow:visible!important;}
  .header-left h2{font-size:16px!important;white-space:nowrap;flex:0 0 auto;}
  .header-left>div[style*="display:flex"]{min-width:0;flex:1 1 0;gap:6px!important;overflow:visible;}
  #btn-volver-empresa{flex:0 0 auto;max-width:94px;padding:4px 8px!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #tienda-switcher-wrap{min-width:0;flex:1 1 0;max-width:100%;}
  #header-tienda{display:flex;min-width:0;width:100%;max-width:100%;padding:5px 8px!important;font-size:11px!important;overflow:hidden;text-overflow:ellipsis;}
  #header-tienda-nombre{display:inline-block;min-width:0;max-width:calc(100vw - 270px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;}
  .tienda-switcher-panel{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 62px)!important;right:8px!important;left:auto!important;transform:none!important;width:min(340px,calc(100vw - 16px))!important;min-width:0!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 82px)!important;overflow-y:auto!important;}
  .tsw-header{color:#9A650F!important;background:linear-gradient(90deg,#fffaf0,#fff)!important;}
  .tsw-item{min-width:0;align-items:center;}
  .tsw-item>div{min-width:0;}
  .tsw-nombre,.tsw-tipo{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .tsw-nombre{color:#334155;}
}

/* Mobile header: two clean rows instead of squeezing every control together. */
@media (max-width:899px){
  .header{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    row-gap:6px!important;
    height:auto!important;
    min-height:70px;
    padding:8px 10px!important;
  }
  .header-left{
    order:1;
    width:100%!important;
    max-width:100%!important;
    flex:1 1 100%!important;
    min-height:34px;
  }
  .header-left h2{
    max-width:96px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .header-right{
    order:2;
    width:100%!important;
    max-width:100%!important;
    flex:1 1 100%!important;
    min-width:0!important;
    min-height:34px;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
  }
  .header-right .user-name{
    min-width:0;
    max-width:42%;
    margin-right:auto;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .header-right .logout-btn{
    flex:0 0 auto;
    min-width:0;
    padding:6px 8px!important;
    font-size:12px!important;
    white-space:nowrap;
  }
  #dark-toggle,#readable-toggle,#btn-mi-asistencia,
  .header-right>div>button{
    width:32px!important;
    height:32px!important;
    padding:4px!important;
    font-size:16px!important;
    flex:0 0 32px!important;
  }
}

/* Secondary actions, tabs and status labels use the same institutional palette. */
.btn-outline,.btn-secondary,.btn-sec{
  background:#FFFDF7!important;
  border:1px solid rgba(183,121,31,.46)!important;
  color:#8A5A0A!important;
}
.btn-outline:hover,.btn-secondary:hover,.btn-sec:hover{
  background:#FFF7E0!important;
  border-color:#C98B1B!important;
  color:#6E4808!important;
}
.btn-gris{
  background:#F5F1E8!important;
  border:1px solid #E7D8B7!important;
  color:#5B4B2A!important;
}
.btn-gris:hover{background:#EEE5D1!important;border-color:#D8BE86!important;color:#3D2A10!important;}
.btn-azul{background:linear-gradient(135deg,#F7B731,#FF9F1C)!important;color:#0B0D12!important;}
.btn-success{background:#2F855A!important;color:#fff!important;}
.btn-warning{background:#D69E2E!important;color:#1F1603!important;}
.btn-danger,.btn-rojo{background:#C53030!important;color:#fff!important;}

.badge{border:1px solid transparent;}
.badge-azul,.badge-blue{background:#FFF3C4!important;color:#805B08!important;border-color:#E8C96B!important;}
.badge-naranja,.badge-orange{background:#FFE6D8!important;color:#A64212!important;border-color:#F3B08B!important;}
.badge-amarillo{background:#FFF3C4!important;color:#805B08!important;border-color:#E8C96B!important;}
.badge-verde,.badge-green{background:#E4F5E9!important;color:#17633A!important;border-color:#A9D8B6!important;}
.badge-rojo,.badge-red{background:#FDE4E4!important;color:#9B2525!important;border-color:#E9A9A9!important;}
.badge-gris{background:#F1F2F3!important;color:#56616B!important;border-color:#D7DCE0!important;}

.tabs{background:#F6F1E6!important;border:1px solid rgba(183,121,31,.14);}
.tab.active,.inv-tab.active,.cfg-tab.active{
  background:#FFF7E0!important;
  color:#8A5A0A!important;
  border-color:#E8C96B!important;
  box-shadow:0 1px 5px rgba(183,121,31,.16)!important;
}
.tab:hover,.inv-tab:hover,.cfg-tab:hover{color:#8A5A0A!important;background:#FFFDF7!important;}
.tallas-badge{background:#FFF3C4!important;color:#805B08!important;border:1px solid #E8C96B;}
.dash-action-btn{border-color:rgba(183,121,31,.38)!important;}

/* Data surfaces: tables, filters and forms stay light and easy to scan. */
.table-wrap,.hv-table-wrap,.hv-tabla-wrap,.inv-tabla-wrap,.nom-table-wrap,.perm-table-wrap{
  border:1px solid rgba(183,121,31,.18)!important;
  border-radius:12px!important;
  background:#FFFDF8!important;
  box-shadow:0 2px 10px rgba(15,23,42,.035);
}
.table-wrap table,.hv-table,.hv-tabla,.inv-tabla,.nom-table,.perm-table{
  background:#FFFDF8!important;
}
.table-wrap th,.hv-table th,.hv-tabla th,.inv-tabla th,.nom-table th,.perm-table th,
table thead th{
  background:#F6F1E6!important;
  color:#4A3A20!important;
  border-bottom:1px solid #E1C98D!important;
  font-weight:800;
}
.table-wrap td,.hv-table td,.hv-tabla td,.inv-tabla td,.nom-table td,.perm-table td,
table tbody td{
  border-bottom-color:#EEE6D6!important;
}
.table-wrap tbody tr:hover,.hv-table tbody tr:hover,.hv-tabla tbody tr:hover,
.inv-tabla tbody tr:hover,.nom-table tbody tr:hover,.perm-table tbody tr:hover,
table tbody tr:hover{background:#FFF9EC!important;}

.form-group label,.filter-group label,.filters label,.filtros label,
.inv-filtros label,.hv-filtros label,.formTitle,.formSubtitle{
  color:#4A3A20!important;
}
.form-group input:not([type="checkbox"]):not([type="radio"]),
.form-group select,.form-group textarea,
.form-control,.inv-input,.inv-input-sm,.inv-select,
.search-bar input,.pos-search,.products-search-bar input,
.hv-filtros input,.hv-filtros select,.inv-filtros input,.inv-filtros select,
.filters input,.filters select,.filtros input,.filtros select,
.radar-selector-wrap select,.touch-search,.touch-filter{
  border:1px solid #D8C7A5!important;
  border-radius:8px!important;
  background:#FFFDF8!important;
  color:#26323D!important;
}
.form-group input:not([type="checkbox"]):not([type="radio"]):focus,
.form-group select:focus,.form-group textarea:focus,
.form-control:focus,.inv-input:focus,.inv-input-sm:focus,.inv-select:focus,
.search-bar input:focus,.pos-search:focus,.products-search-bar input:focus,
.hv-filtros input:focus,.hv-filtros select:focus,.inv-filtros input:focus,
.inv-filtros select:focus,.filters input:focus,.filters select:focus,
.filtros input:focus,.filtros select:focus,.radar-selector-wrap select:focus,
.touch-search:focus,.touch-filter:focus{
  border-color:#C98B1B!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(247,183,49,.16)!important;
}
::placeholder{color:#8A8172!important;}

body.dark .table-wrap,body.dark .hv-table-wrap,body.dark .hv-tabla-wrap,
body.dark .inv-tabla-wrap,body.dark .nom-table-wrap,body.dark .perm-table-wrap,
body.dark .table-wrap table,body.dark .hv-table,body.dark .hv-tabla,
body.dark .inv-tabla,body.dark .nom-table,body.dark .perm-table{
  background:#171B23!important;
  border-color:rgba(247,183,49,.2)!important;
}
body.dark .table-wrap th,body.dark .hv-table th,body.dark .hv-tabla th,
body.dark .inv-tabla th,body.dark .nom-table th,body.dark .perm-table th,
body.dark table thead th{background:#242A33!important;color:#F4D58A!important;border-bottom-color:rgba(247,183,49,.3)!important;}
body.dark .table-wrap td,body.dark .hv-table td,body.dark .hv-tabla td,
body.dark .inv-tabla td,body.dark .nom-table td,body.dark .perm-table td,
body.dark table tbody td{border-bottom-color:#303742!important;}
body.dark .table-wrap tbody tr:hover,body.dark .hv-table tbody tr:hover,
body.dark .hv-tabla tbody tr:hover,body.dark .inv-tabla tbody tr:hover,
body.dark .nom-table tbody tr:hover,body.dark .perm-table tbody tr:hover,
body.dark table tbody tr:hover{background:#20262F!important;}

/* Apartados: el encabezado usa contraste explícito en ambos temas. */
#screen-apartados table thead th{
  background:#F6F1E6!important;
  color:#4A3A20!important;
}
body.dark #screen-apartados table thead th{
  background:#242A33!important;
  color:#F4D58A!important;
}

/* La lectura clara también respeta el contraste del tema oscuro. */
html.ui-readable .screen .card-title{color:#3D2A10!important;}
body.dark .screen .card-title{color:#F4D58A!important;}
html.ui-readable body.dark .screen .card-title{color:#F4D58A!important;}
html.ui-readable #screen-apartados .card-title{color:#3D2A10!important;}
body.dark #screen-apartados .card-title,html.ui-readable body.dark #screen-apartados .card-title{color:#F4D58A!important;}

body.dark .form-group label,body.dark .filter-group label,body.dark .filters label,
body.dark .filtros label,body.dark .inv-filtros label,body.dark .hv-filtros label,
body.dark .formTitle,body.dark .formSubtitle{color:#F4D58A!important;}
body.dark .form-group input:not([type="checkbox"]):not([type="radio"]),
body.dark .form-group select,body.dark .form-group textarea,body.dark .form-control,
body.dark .inv-input,body.dark .inv-input-sm,body.dark .inv-select,
body.dark .search-bar input,body.dark .pos-search,body.dark .products-search-bar input,
body.dark .hv-filtros input,body.dark .hv-filtros select,body.dark .inv-filtros input,
body.dark .inv-filtros select,body.dark .filters input,body.dark .filters select,
body.dark .filtros input,body.dark .filtros select,body.dark .radar-selector-wrap select,
body.dark .touch-search,body.dark .touch-filter{background:#20262F!important;color:#F1F5F9!important;border-color:#56606D!important;}

/* POS táctil: búsqueda, catálogo, tallas, carrito y cobro. Solo presentación. */
.pos-layout{gap:14px!important;}
.pos-products,.pos-cart{
  border:1px solid rgba(183,121,31,.18)!important;
  border-top:3px solid #C98B1B!important;
  box-shadow:0 4px 16px rgba(15,23,42,.055)!important;
}
.pos-products{background:#FFFDF8!important;}
.pos-search{
  min-height:48px!important;
  box-sizing:border-box!important;
  border:1px solid #D8C7A5!important;
  background:#FFF!important;
  color:#26323D!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.03);
}
.pos-search:focus{border-color:#C98B1B!important;box-shadow:0 0 0 3px rgba(247,183,49,.16)!important;}
#pos-smart-bar{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;padding:2px 0 4px;}
#pos-smart-bar button{
  background:#FFFDF7!important;
  border:1px solid #D8C7A5!important;
  color:#6E4808!important;
  transition:background .15s,border-color .15s,transform .15s;
}
#pos-smart-bar button:hover,#pos-smart-bar button:focus-visible{
  background:#FFF3C4!important;border-color:#C98B1B!important;color:#5B3904!important;outline:0;transform:translateY(-1px);
}
.pos-grid{scrollbar-color:#D8BE86 #F6F1E6;}
.pos-item{
  background:#FFFDF8!important;
  border-bottom:1px solid #EEE6D6!important;
  min-height:62px;
  padding:11px 12px!important;
  gap:10px!important;
}
.pos-item:hover,.pos-item:focus-visible{background:#FFF9EC!important;outline:0;}
.pos-item .name{color:#253746!important;min-width:0;}
.pos-item .price{color:#9A650F!important;font-weight:850!important;text-align:right;}
.pos-item-promo{border-left:3px solid #C98B1B!important;}
.pos-item .pos-item-photo{border-color:#E7D8B7!important;background:#F6F1E6!important;}
.pos-cart{background:#FFFDF8!important;}
.pos-cart-header{border-bottom:1px solid #EEE6D6;padding-bottom:10px;}
.pos-cart-header h3{color:#3D2A10!important;}
.pos-cart-item{padding:10px 0!important;border-bottom-color:#EEE6D6!important;}
.pos-cart-item .info .name{color:#253746!important;}
.pos-cart-item .info .qty{color:#756A59!important;}
.pos-cart-item .actions{gap:5px!important;}
.pos-cart-item .actions button{
  min-width:32px!important;min-height:32px!important;border:1px solid #D8C7A5!important;
}
.pos-cart-item .actions .cart-plus{background:#B7791F!important;color:#fff!important;border-color:#9A650F!important;}
.pos-cart-item .actions .cart-minus{background:#F5F1E8!important;color:#5B4B2A!important;}
.pos-cart-total{border-top:2px solid #E1C98D!important;}
.pos-cart-total .row.total{
  font-size:40px!important;
  line-height:1.08!important;
  font-weight:900!important;
  color:#FFD700!important;
  border-top-color:#E7B23C!important;
  padding-top:10px!important;
  margin-top:6px!important;
  text-shadow:none!important;
}
.pos-cart-total .row.total *{color:inherit!important;text-shadow:none!important;}
.pos-checkout-btn{
  background:linear-gradient(135deg,#F7B731,#FF9F1C,#FF6B35)!important;
  color:#0B0D12!important;
  box-shadow:0 4px 14px rgba(183,121,31,.22);
}
.pos-checkout-btn:hover{background:linear-gradient(135deg,#FFD166,#F7B731,#FF6B35)!important;}
.pos-checkout-btn:disabled{background:#D8D4CB!important;color:#77736C!important;box-shadow:none!important;}
#pos-carrito-fab{
  background:linear-gradient(135deg,#F7B731,#FF9F1C,#FF6B35)!important;
  color:#0B0D12!important;
  border:1px solid #D89A22!important;
  box-shadow:0 6px 18px rgba(183,121,31,.32)!important;
}
.talla-pos-grid{gap:9px!important;}
.talla-pos-btn{
  min-height:68px;
  justify-content:center;
  border:1px solid #C98B1B!important;
  background:#FFF7E0!important;
  box-shadow:0 2px 6px rgba(183,121,31,.08);
}
.talla-pos-btn:hover,.talla-pos-btn:focus-visible{
  background:#F7B731!important;color:#0B0D12!important;transform:translateY(-1px)!important;outline:0;
}
.talla-pos-btn .talla-num{color:#8A5A0A!important;}
.talla-pos-btn:hover .talla-num,.talla-pos-btn:focus-visible .talla-num{color:#0B0D12!important;}
.talla-pos-btn .talla-stock{color:#756A59!important;}
.talla-pos-btn:disabled{cursor:not-allowed!important;filter:saturate(.7);}

@media(max-width:700px){
  .pos-products{padding:12px 10px 82px!important;border-radius:12px!important;}
  .pos-search{font-size:16px!important;margin-bottom:9px!important;}
  .pos-grid{max-height:calc(100dvh - 245px)!important;}
  .pos-item{min-height:66px;padding:12px 9px!important;}
  .pos-item .name{font-size:14px!important;line-height:1.28;}
  .pos-item .price{font-size:13px!important;max-width:42%;white-space:normal;}
  .pos-cart{padding:14px!important;border-top:3px solid #C98B1B!important;}
  #pos-carrito-fab{bottom:max(16px,env(safe-area-inset-bottom))!important;right:16px!important;min-height:48px;}
  .talla-pos-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .talla-pos-btn{min-height:72px!important;padding:10px 5px!important;}
}
body.dark .pos-products,body.dark .pos-cart{background:#171B23!important;border-color:rgba(247,183,49,.2)!important;}
body.dark .pos-search{background:#20262F!important;color:#F1F5F9!important;border-color:#56606D!important;}
body.dark .pos-item{background:#171B23!important;border-bottom-color:#303742!important;}
body.dark .pos-item:hover,body.dark .pos-item:focus-visible{background:#20262F!important;}
body.dark .pos-item .name,body.dark .pos-cart-item .info .name{color:#F1F5F9!important;}
body.dark .pos-item .price{color:#F4D58A!important;}

/* Dashboard ejecutivo: el dorado es el hilo común, sin perder semántica en los datos. */
.dash-empresa-banner{
  background:linear-gradient(115deg,#080A0E 0%,#111820 62%,#302107 100%)!important;
  border:1px solid rgba(247,183,49,.28);
  box-shadow:0 6px 18px rgba(15,23,42,.12);
}
.dash-empresa-banner .deb-label{color:#D8C28B!important;opacity:1!important;}
.dash-empresa-banner .deb-num{color:#F7D47A!important;}

#screen-dashboard .stats-grid{gap:12px!important;}
#screen-dashboard .stat-card{
  background:linear-gradient(145deg,#FFFFFF 0%,#FFFDF7 100%)!important;
  border:1px solid rgba(183,121,31,.18)!important;
  border-top:3px solid #C98B1B!important;
  box-shadow:0 4px 14px rgba(15,23,42,.055)!important;
  min-height:126px;
  display:flex;flex-direction:column;justify-content:center;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#screen-dashboard .stat-card.orange,
#screen-dashboard .stat-card.red,
#screen-dashboard .stat-card.green{border-top-color:#C98B1B!important;}
#screen-dashboard .stat-card:hover{
  transform:translateY(-2px);
  border-color:rgba(201,139,27,.44)!important;
  box-shadow:0 8px 22px rgba(183,121,31,.14)!important;
}
#screen-dashboard .stat-card .stat-icon{font-size:29px;line-height:1;margin-bottom:4px;}
#screen-dashboard .stat-card .stat-value{color:#9A650F!important;font-weight:850!important;}
#screen-dashboard .stat-card .stat-label{color:#756A59!important;font-weight:700;letter-spacing:1.15px;}

#anna-advisor{
  background:linear-gradient(115deg,#080A0E 0%,#111820 60%,#3A2808 100%)!important;
  color:#FFFFFF!important;
  border:1px solid rgba(247,183,49,.42)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#anna-advisor [style*="letter-spacing"]{color:#F7D47A!important;opacity:1!important;font-weight:800;}
#anna-advisor [style*="font-size:12px"]{color:#E8DCC2!important;}
#anna-advisor button{
  background:linear-gradient(135deg,#F7B731,#FF9F1C)!important;
  border:1px solid #E8C96B!important;
  color:#0B0D12!important;
  box-shadow:0 3px 10px rgba(183,121,31,.24);
}
#anna-advisor button:hover{background:#FFD166!important;transform:translateY(-1px);}
#screen-dashboard #dash-top-card,#screen-dashboard #dash-bajo-card{
  border-top:2px solid rgba(201,139,27,.68)!important;
}
#screen-dashboard #dash-top-card .card-title,#screen-dashboard #dash-bajo-card .card-title{
  color:#3D2A10!important;
}

#dash-cerebro-global{
  background:linear-gradient(115deg,#080A0E 0%,#111820 62%,#302107 100%)!important;
  border:1px solid rgba(247,183,49,.30)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.18)!important;
}
#dash-cerebro-global .stat-card,
#dash-cerebro-global .stat-card.orange,
#dash-cerebro-global .stat-card.red,
#dash-cerebro-global .stat-card.green{border-top-color:#C98B1B!important;}

@media(max-width:600px){
  #screen-dashboard .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  #screen-dashboard .stat-card{min-height:116px!important;padding:13px!important;border-radius:14px!important;}
  #screen-dashboard .stat-card .stat-value{font-size:25px!important;}
  #screen-dashboard .stat-card .stat-label{font-size:11px!important;letter-spacing:.85px;}
  #anna-advisor{margin:12px 0!important;padding:14px!important;border-radius:15px!important;}
  #anna-advisor [style*="font-size:17px"]{font-size:16px!important;line-height:1.35;}
}
body.dark #screen-dashboard .stat-card{background:linear-gradient(145deg,#20262F,#171B23)!important;border-color:rgba(247,183,49,.22)!important;border-top-color:#F7B731!important;}
body.dark #screen-dashboard .stat-card .stat-label{color:#C8B98E!important;}
body.dark #screen-dashboard #dash-top-card .card-title,body.dark #screen-dashboard #dash-bajo-card .card-title{color:#F4D58A!important;}

/* Stock y gráficos: mismo acabado sobrio, con estados legibles. */
#screen-dashboard #dash-bajo-card #dash-bajo,
#screen-dashboard #dash-top-card #dash-top{color:#334155;}
#screen-dashboard #dash-bajo-card table,#screen-dashboard #dash-top-card table{
  border-collapse:collapse;width:100%;background:#FFFDF8!important;
}
#screen-dashboard #dash-bajo-card th,#screen-dashboard #dash-top-card th{
  background:#F6F1E6!important;color:#4A3A20!important;text-transform:uppercase;
  font-size:10px;letter-spacing:.45px;padding:10px 8px;border-bottom:1px solid #E1C98D!important;
}
#screen-dashboard #dash-bajo-card td,#screen-dashboard #dash-top-card td{
  padding:10px 8px;border-bottom:1px solid #EEE6D6!important;color:#334155;
}
#screen-dashboard #dash-bajo-card tbody tr:hover,#screen-dashboard #dash-top-card tbody tr:hover{background:#FFF9EC!important;}
#screen-dashboard #dash-bajo-card .empty-state{color:#756A59!important;padding:18px 8px;}
#screen-dashboard #dash-bajo-card .badge{font-weight:800;}
/* Empty states inherit a dark text color from the light dashboard rules.
   Reassert a readable foreground when the user switches to dark mode. */
body.dark #screen-dashboard #dash-bajo-card #dash-bajo,
body.dark #screen-dashboard #dash-top-card #dash-top,
body.dark #screen-dashboard #dash-rotacion,
body.dark #dash-rot-global{color:#E2E8F0!important;}
body.dark #screen-dashboard #dash-bajo-card .empty-state,
body.dark #screen-dashboard #dash-top-card .empty-state,
body.dark #screen-dashboard #dash-rotacion .empty-state,
body.dark #dash-rot-global .empty-state{color:#CBD5E1!important;}
/* Inventory's base stylesheet uses a navy title for the light palette.
   Override the title/empty/modal captions in dark mode so they do not
   disappear against the dark work area. */
body.dark .inv-wrap .inv-header h2,
body.dark .inv-wrap .inv-section-header h3,
body.dark .inv-wrap .inv-modal-hdr h3{color:#F1F5F9!important;}
body.dark .inv-wrap .inv-empty,
body.dark .inv-wrap .inv-loading{color:#CBD5E1!important;}
/* Comprobantes renders its list title with an inline light-theme color.
   Keep the heading readable when the surrounding screen is dark. */
body.dark #screen-comprobantes .comp-list-header h2{color:#F4D58A!important;}
/* Cierres injects a light-theme navy heading inline; keep it visible in dark mode. */
body.dark #screen-cierres h3{color:#F4D58A!important;}
body.dark #screen-cierres .empty-state{color:#CBD5E1!important;}

.grafica-card,.graf-wrap{
  background:#FFFDF8!important;
  border:1px solid rgba(183,121,31,.18)!important;
  border-top:2px solid rgba(201,139,27,.68)!important;
  border-radius:14px!important;
  box-shadow:0 4px 16px rgba(15,23,42,.055)!important;
}
.grafica-title,.graf-titulo{color:#3D2A10!important;font-weight:850!important;}
.grafica-leyenda,.graf-line-legend{color:#756A59!important;}
.graf-dot-hoy{background:#B7791F!important;}
#graf-resumen-hoy{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center;color:#756A59!important;}
#graf-resumen-hoy span{color:#9A650F!important;}
.graf-empty{color:#756A59!important;background:#FFFDF8!important;border-radius:10px;}
.anna-line-chart{
  background:linear-gradient(180deg,#FFFDF8 0%,#F8F2E6 100%)!important;
  border-color:#E1C98D!important;
}
.anna-line-chart line{stroke:#E5DCCB!important;}
.anna-line-chart path[stroke="#0f7baa"]{stroke:#B7791F!important;}
.anna-line-chart circle[fill="#0f7baa"]{fill:#B7791F!important;}
.anna-line-chart circle[fill="#f59e0b"]{fill:#F7B731!important;}
.anna-line-chart text{fill:#756A59!important;}

@media(max-width:700px){
  .grafica-card,.graf-wrap{padding:12px!important;border-radius:13px!important;}
  .grafica-title,.graf-titulo{font-size:12px!important;}
  .anna-line-chart{height:240px!important;min-height:210px!important;}
  #screen-dashboard #dash-bajo-card th,#screen-dashboard #dash-top-card th{font-size:9px;padding:9px 6px;}
  #screen-dashboard #dash-bajo-card td,#screen-dashboard #dash-top-card td{padding:9px 6px;font-size:12px;}
}
body.dark #screen-dashboard #dash-bajo-card table,body.dark #screen-dashboard #dash-top-card table{background:#171B23!important;}
body.dark #screen-dashboard #dash-bajo-card th,body.dark #screen-dashboard #dash-top-card th{background:#242A33!important;color:#F4D58A!important;border-bottom-color:rgba(247,183,49,.3)!important;}
body.dark #screen-dashboard #dash-bajo-card td,body.dark #screen-dashboard #dash-top-card td{color:#E2E8F0!important;border-bottom-color:#303742!important;}
body.dark .grafica-card,body.dark .graf-wrap{background:#171B23!important;border-color:rgba(247,183,49,.22)!important;}
body.dark .anna-line-chart{background:linear-gradient(180deg,#20262F,#171B23)!important;border-color:rgba(247,183,49,.3)!important;}

/* Cerebro Operativo: superficie clara para que el contenido respire. */
#dash-cerebro-global{
  background:linear-gradient(135deg,#FFFDF8 0%,#F7F1E5 100%)!important;
  border:1px solid rgba(183,121,31,.24)!important;
  color:#334155!important;
  box-shadow:0 8px 24px rgba(15,23,42,.08)!important;
}
#dash-cerebro-global .card{
  background:#FFFDF8!important;
  border-color:rgba(183,121,31,.18)!important;
  color:#334155!important;
  box-shadow:0 4px 14px rgba(15,23,42,.045)!important;
}
#dash-cerebro-global .card-title{color:#3D2A10!important;}
#dash-cerebro-global #btn-radar-tendencias{
  background:#FFF7E0!important;
  border-color:#D8BE86!important;
  color:#805B08!important;
  box-shadow:0 2px 8px rgba(183,121,31,.10);
}
#dash-cerebro-global #btn-radar-tendencias:hover{background:#F7B731!important;color:#0B0D12!important;}
#dash-cerebro-global [style*="border:2px solid #93c5fd"]{
  background:linear-gradient(135deg,#FFF8E8,#FFFDF8)!important;
  border:1px solid #D8BE86!important;
}
#dash-cerebro-global [style*="color:#1d4ed8"]{color:#9A650F!important;}
#dash-cerebro-global [style*="color:#0f3d5e"]{color:#3D2A10!important;}
#dash-cerebro-global [style*="border-bottom:1px solid #f1f1f1"]{border-bottom-color:#EEE6D6!important;}
#dash-cerebro-global [style*="color:#64748b"]{color:#756A59!important;}
#dash-cerebro-global .stats-grid .stat-card{
  background:linear-gradient(145deg,#FFFFFF,#FFF9EC)!important;
  color:#334155!important;
  border-top-color:#C98B1B!important;
}
body.dark #dash-cerebro-global{
  background:linear-gradient(135deg,#20262F,#171B23)!important;
  color:#E2E8F0!important;
}
body.dark #dash-cerebro-global .card{background:#20262F!important;color:#E2E8F0!important;}
body.dark #dash-cerebro-global .card-title{color:#F4D58A!important;}

/* Detalles premium del dashboard: rotación, tiendas y acciones. */
#screen-dashboard #dash-rotacion,#dash-rot-global{
  color:#334155!important;
}
#screen-dashboard #dash-rotacion table,#dash-rot-global table{
  border-collapse:collapse!important;width:100%;background:#FFFDF8!important;
}
#screen-dashboard #dash-rotacion th,#dash-rot-global th{
  background:#F6F1E6!important;color:#4A3A20!important;border-bottom:1px solid #E1C98D!important;
  text-transform:uppercase;font-size:10px;letter-spacing:.4px;padding:9px 8px!important;white-space:nowrap;
}
#screen-dashboard #dash-rotacion td,#dash-rot-global td{
  border-bottom:1px solid #EEE6D6!important;color:#334155;padding:9px 8px!important;vertical-align:middle;
}
#screen-dashboard #dash-rotacion tr.rot-product-row:hover,#dash-rot-global tr.rot-product-row:hover{background:#FFF9EC!important;}
#screen-dashboard #dash-rotacion td div[style*="background:#eee"],#dash-rot-global td div[style*="background:#eee"]{
  background:#EFE8D9!important;border:1px solid #E4D7BA;
}
#screen-dashboard #dash-rotacion .empty-state,#dash-rot-global .empty-state{color:#756A59!important;padding:18px 8px;}
#dash-rot-global .rot-tienda-bloque{
  border:1px solid rgba(183,121,31,.20)!important;border-radius:11px!important;overflow:hidden;
  background:#FFFDF8;box-shadow:0 2px 8px rgba(15,23,42,.035);
}
#dash-rot-global .rot-tienda-header{
  background:linear-gradient(90deg,#FFF7E0,#FFFDF8)!important;
  color:#3D2A10!important;border-bottom:1px solid #E8D7B3;
}
#dash-rot-global .rot-tienda-header span{color:#3D2A10!important;}
#dash-rot-global .rot-tienda-panel{background:#FFFDF8!important;}
.rot-global-filter{
  cursor:pointer!important;transition:transform .15s,box-shadow .15s,outline .15s;
}
.rot-global-filter:hover{transform:translateY(-1px);box-shadow:0 3px 9px rgba(183,121,31,.16);}
#dash-rot-global .rot-global-filter[aria-pressed="true"]{box-shadow:0 0 0 2px #C98B1B!important;outline-offset:1px!important;}
.dash-action-btn{font-weight:800!important;transition:transform .15s,box-shadow .15s!important;}
.dash-action-btn:hover{transform:translateY(-1px);box-shadow:0 3px 9px rgba(183,121,31,.14)!important;}
.dash-promo-apply{
  background:#FFF7E0!important;border-color:#D8BE86!important;color:#805B08!important;
}
.dash-promo-remove{background:#FFF1F0!important;border-color:#E2A8A3!important;color:#A3342B!important;}
.dash-replenish{background:#FFF4E8!important;border-color:#E6B26A!important;color:#A64212!important;}
#dash-ver-mas .btn-gris{margin-top:4px;}
.tiendas-grid{gap:12px!important;}
.tienda-card{
  background:linear-gradient(145deg,#FFFFFF,#FFFDF7)!important;
  border:1px solid rgba(183,121,31,.18)!important;
  border-top:4px solid #C98B1B!important;
  box-shadow:0 4px 14px rgba(15,23,42,.05)!important;
}
.tienda-card:hover{box-shadow:0 9px 22px rgba(183,121,31,.14)!important;transform:translateY(-2px);}
.tienda-card .tc-nombre{color:#3D2A10!important;}
.tienda-card .tc-tipo,.tienda-card .tc-sub{color:#756A59!important;}
.tienda-card .tc-monto{color:#9A650F!important;}
.tienda-card .tc-row{color:#4A5560!important;border-top-color:#EEE6D6!important;}
.tienda-card .tc-alerta{background:#FFF4E8!important;color:#A64212!important;border:1px solid #F0C58F;}
.tienda-card button{background:linear-gradient(135deg,#F7B731,#FF9F1C)!important;color:#0B0D12!important;border:1px solid #D89A22!important;}
.tc-sin-ventas .tc-monto{color:#9B927F!important;}
body.dark #screen-dashboard #dash-rotacion table,body.dark #dash-rot-global table,
body.dark #dash-rot-global .rot-tienda-panel{background:#171B23!important;}
body.dark #screen-dashboard #dash-rotacion th,body.dark #dash-rot-global th{background:#242A33!important;color:#F4D58A!important;border-bottom-color:rgba(247,183,49,.3)!important;}
body.dark #screen-dashboard #dash-rotacion td,body.dark #dash-rot-global td{color:#E2E8F0!important;border-bottom-color:#303742!important;}
body.dark #dash-rot-global .rot-tienda-bloque{background:#171B23!important;border-color:rgba(247,183,49,.22)!important;}
body.dark #dash-rot-global .rot-tienda-header{background:#242A33!important;color:#F4D58A!important;border-bottom-color:rgba(247,183,49,.25)!important;}
body.dark #dash-rot-global .rot-tienda-header span{color:#F4D58A!important;}
body.dark .tienda-card{background:linear-gradient(145deg,#20262F,#171B23)!important;border-color:rgba(247,183,49,.22)!important;border-top-color:#F7B731!important;}
body.dark .tienda-card .tc-nombre,body.dark .tienda-card .tc-monto{color:#F4D58A!important;}

/* Modales: jerarquía fina para promoción, reabastecimiento y cobro. */
.modal-overlay,#modal-promo,.inv-modal{
  background:rgba(15,23,42,.38)!important;
  backdrop-filter:blur(4px);
}
.modal,.modal-box,.inv-modal-box,#modal-promo>div{
  background:#FFFDF8!important;
  border:1px solid rgba(183,121,31,.22)!important;
  border-top:3px solid #C98B1B!important;
  border-radius:17px!important;
  box-shadow:0 18px 55px rgba(15,23,42,.20)!important;
  color:#334155;
}
.modal-header,.inv-modal-hdr{
  background:linear-gradient(90deg,#FFF7E0,#FFFDF8)!important;
  border-bottom:1px solid #E8D7B3!important;
}
.modal-header h3,.inv-modal-hdr h3,.modal-title{color:#3D2A10!important;}
.modal-body,.inv-modal-body{color:#334155;}
.modal-footer,.inv-modal-footer{border-top:1px solid #E8D7B3!important;background:#FFFDF8;}
#modal-promo>div{padding:24px!important;}
#modal-promo h3{color:#3D2A10!important;}
#modal-promo label{color:#4A3A20!important;}
#modal-promo #lbl-pct,#modal-promo #lbl-desc-fijo,#modal-promo #lbl-fijo{
  background:#FFFDF8!important;border:1px solid #D8C7A5!important;color:#5B4B2A!important;
  transition:background .15s,border-color .15s,transform .15s;
}
#modal-promo #lbl-pct:hover,#modal-promo #lbl-desc-fijo:hover,#modal-promo #lbl-fijo:hover{
  background:#FFF7E0!important;border-color:#C98B1B!important;transform:translateY(-1px);
}
#modal-promo input[type=number],#modal-promo select,
#modal-promo #promo-valor-input,#modal-promo #promo-motivo{
  background:#FFF!important;border:1px solid #D8C7A5!important;color:#26323D!important;
}
#modal-promo input:focus,#modal-promo select:focus{border-color:#C98B1B!important;box-shadow:0 0 0 3px rgba(247,183,49,.15)!important;outline:0;}
#modal-promo #promo-preview{
  padding:9px 10px;border-radius:9px;background:#FFF7E0!important;border:1px solid #E8D7B3;color:#805B08!important;
}
#modal-promo button[onclick*="cerrarModalPromo"]{
  background:#F5F1E8!important;border:1px solid #E7D8B7!important;color:#5B4B2A!important;
}
#modal-promo button[onclick*="confirmarPromo"]{
  background:linear-gradient(135deg,#F7B731,#FF9F1C)!important;border:1px solid #D89A22!important;color:#0B0D12!important;
  box-shadow:0 3px 10px rgba(183,121,31,.22);
}

.inv-modal-hdr .inv-modal-close{color:#6E4808!important;}
.inv-form-row label{color:#4A3A20!important;}
.inv-input,.inv-select,.inv-form-row .inv-input,.inv-form-row .inv-select{
  background:#FFFDF8!important;border-color:#D8C7A5!important;color:#26323D!important;border-radius:8px!important;
}
.inv-input:focus,.inv-select:focus{border-color:#C98B1B!important;box-shadow:0 0 0 3px rgba(247,183,49,.15)!important;outline:0;}
.inv-prod-resultados{border-color:#E1C98D!important;background:#FFFDF8;}
.inv-prod-item{border-bottom-color:#EEE6D6!important;color:#334155;}
.inv-prod-item:hover{background:#FFF9EC!important;}
.inv-btn-prim,.inv-btn-primary{background:linear-gradient(135deg,#F7B731,#FF9F1C)!important;color:#0B0D12!important;border-color:#D89A22!important;}
.inv-btn-sec{background:#F5F1E8!important;color:#5B4B2A!important;border-color:#E7D8B7!important;}

#checkout-modal{background:rgba(15,23,42,.40)!important;backdrop-filter:blur(4px);}
#checkout-modal .modal{background:#FFFDF8!important;border-top-color:#C98B1B!important;}
#checkout-modal .modal-header{
  background:linear-gradient(115deg,#0F2735 0%,#244653 66%,#8A5A0A 100%)!important;
  border-bottom:1px solid rgba(247,183,49,.34)!important;
}
#checkout-modal .modal-header h3{color:#F7D47A!important;}
#checkout-body>div[style*="linear-gradient(135deg,#1565C0"]{
  background:linear-gradient(115deg,#0F2735 0%,#244653 62%,#9A650F 100%)!important;
  box-shadow:0 5px 18px rgba(15,23,42,.20)!important;
}
#checkout-body #btn-confirmar-venta{
  background:linear-gradient(135deg,#F7B731,#FF9F1C,#FF6B35)!important;
  border:1px solid #D89A22!important;color:#0B0D12!important;
  box-shadow:0 4px 16px rgba(183,121,31,.25)!important;
}
#checkout-body #btn-confirmar-venta:hover{background:#FFD166!important;}
#checkout-body button[onclick="confirmApartado()"]{
  background:#FFF7E0!important;border:1px solid #D8BE86!important;color:#805B08!important;
}
#checkout-body [style*="background:#e8f0ff"],#checkout-body [style*="background:#eff6ff"],
#checkout-body [style*="background:#f8faff"],#checkout-body [style*="background:#fafafa"]{
  background:#FFF8E8!important;border-color:#E1C98D!important;
}
#checkout-body #check-total-fixed{color:#9A650F!important;}
#checkout-body #pos-salida-venta [style*="background:#fff"],
#checkout-body details{background:#FFFDF8!important;border-color:#E1C98D!important;}
#checkout-body input:not([type="radio"]):not([type="checkbox"]),#checkout-body select{
  background:#FFF!important;border-color:#D8C7A5!important;color:#26323D!important;
}
#checkout-body input:focus,#checkout-body select:focus{border-color:#C98B1B!important;box-shadow:0 0 0 3px rgba(247,183,49,.15)!important;outline:0;}
#checkout-body label{color:#4A3A20!important;}
#metodos-pago-grid .metodo-btn{
  border-radius:11px!important;min-height:58px!important;box-shadow:0 2px 7px rgba(15,23,42,.05);transition:transform .15s,box-shadow .15s;
}
#metodos-pago-grid .metodo-btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(183,121,31,.14);}
#checkout-body button[onclick="agregarCuotaPago()"]{
  background:linear-gradient(135deg,#F7B731,#FF9F1C)!important;color:#0B0D12!important;border:1px solid #D89A22!important;
}
#pagos-estado{border-radius:11px!important;}

@media(max-width:600px){
  #modal-promo>div{width:calc(100vw - 28px)!important;max-width:420px!important;padding:20px!important;}
  .modal,.inv-modal-box{max-width:calc(100vw - 24px)!important;}
  #checkout-modal{padding:10px!important;align-items:flex-end!important;}
  #checkout-modal .modal{max-height:94vh!important;border-radius:17px 17px 0 0!important;}
  #checkout-body>div[style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important;}
  #metodos-pago-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
body.dark .modal,body.dark .modal-box,body.dark .inv-modal-box,body.dark #modal-promo>div,
body.dark #checkout-modal .modal{background:#20262F!important;color:#E2E8F0!important;border-color:rgba(247,183,49,.25)!important;}
body.dark .modal-header,body.dark .inv-modal-hdr{background:#242A33!important;border-bottom-color:rgba(247,183,49,.25)!important;}

/* Administración: perfil de empresa, configuración y usuarios. */
#screen-configuracion .page-header h2,#screen-usuarios .page-header h2,#screen-empresa .page-header h2{
  color:#3D2A10!important;font-weight:850;
}
#config-content .cfg-tabs{
  background:#F6F1E6!important;border:1px solid rgba(183,121,31,.18)!important;
  border-radius:14px!important;padding:6px!important;gap:6px!important;
}
#config-content .cfg-tab{
  background:#FFFDF8!important;border:1px solid #D8C7A5!important;color:#756A59!important;
  border-radius:10px!important;padding:9px 14px!important;font-weight:800!important;
  transition:background .15s,border-color .15s,transform .15s;
}
#config-content .cfg-tab:hover{background:#FFF7E0!important;color:#805B08!important;border-color:#C98B1B!important;transform:translateY(-1px);}
#config-content .cfg-tab.active{
  background:linear-gradient(135deg,#F7B731,#FF9F1C)!important;
  color:#0B0D12!important;border-color:#D89A22!important;box-shadow:0 3px 10px rgba(183,121,31,.18)!important;
}
#config-content .cfg-grid{gap:14px!important;}
#config-content .cfg-card{
  background:#FFFDF8!important;border:1px solid rgba(183,121,31,.18)!important;
  border-top:2px solid rgba(201,139,27,.68)!important;border-radius:14px!important;
  padding:18px!important;box-shadow:0 4px 14px rgba(15,23,42,.045);
}
#config-content .cfg-card h4{color:#3D2A10!important;font-weight:850!important;}
#config-content .cfg-row{border-bottom-color:#EEE6D6!important;}
#config-content .cfg-row label{color:#4A3A20!important;}
#config-content .cfg-badge{background:#FFF3C4!important;color:#805B08!important;border:1px solid #E8C96B!important;}
#config-content .cfg-sep{border-top-color:#E8D7B3!important;}
#config-content .cfg-card p,#config-content .cfg-card small{color:#756A59!important;}
#config-content .toggle-sl{background:#D6C7A9!important;}
#config-content .toggle-sw input:checked+.toggle-sl{background:#B7791F!important;}
#config-content .toggle-sl:before{box-shadow:0 1px 4px rgba(15,23,42,.20);}
#config-content .perm-table{background:#FFFDF8!important;border:1px solid rgba(183,121,31,.18)!important;border-radius:10px;overflow:hidden;}
#config-content .perm-table th{background:#F6F1E6!important;color:#4A3A20!important;border-bottom-color:#E1C98D!important;}
#config-content .perm-table td{border-bottom-color:#EEE6D6!important;color:#334155!important;}
#config-content .perm-table tr:hover td{background:#FFF9EC!important;}
#config-content .perm-dot.pin{background:#C98B1B!important;}
#config-content .perm-dot.no{background:#E5DED0!important;}
#config-content .notif-block{background:#FFF8E8!important;border:1px solid #E8D7B3!important;}
#config-content .btn-primary{margin-top:8px;}

#screen-empresa .card,#screen-usuarios .card{
  background:#FFFDF8!important;border-color:rgba(183,121,31,.18)!important;
  border-top:2px solid rgba(201,139,27,.68)!important;border-radius:14px!important;
  box-shadow:0 4px 14px rgba(15,23,42,.045);
}
#screen-empresa .card-title{color:#3D2A10!important;}
#screen-usuarios #mis-tiendas-list{gap:10px!important;}
#screen-usuarios #mis-tiendas-list>div{
  background:#FFF8E8!important;border:1px solid #E8D7B3!important;border-radius:11px!important;
  box-shadow:0 2px 7px rgba(15,23,42,.035);
}
#screen-usuarios #mis-tiendas-list strong{color:#3D2A10!important;}
#screen-usuarios #mis-tiendas-list small{color:#756A59!important;}
#screen-usuarios #usuarios-list{
  overflow-x:auto;border:1px solid rgba(183,121,31,.18)!important;border-radius:14px!important;
  background:#FFFDF8!important;box-shadow:0 4px 14px rgba(15,23,42,.045);
}
#screen-usuarios #usuarios-list table{background:#FFFDF8!important;min-width:720px;}
#screen-usuarios #usuarios-list th{background:#F6F1E6!important;color:#4A3A20!important;border-bottom-color:#E1C98D!important;}
#screen-usuarios #usuarios-list td{border-bottom-color:#EEE6D6!important;color:#334155!important;}
#screen-usuarios #usuarios-list tr:hover td{background:#FFF9EC!important;}
#screen-usuarios .btn-naranja,#modal-generic .btn-naranja{
  background:linear-gradient(135deg,#F7B731,#FF9F1C,#FF6B35)!important;
  color:#0B0D12!important;border:1px solid #D89A22!important;
}
#modal-generic{background:rgba(15,23,42,.38)!important;backdrop-filter:blur(4px);}
#modal-generic .modal-box{background:#FFFDF8!important;border-top:3px solid #C98B1B!important;}
#modal-generic .modal-header{background:linear-gradient(90deg,#FFF7E0,#FFFDF8)!important;border-bottom-color:#E8D7B3!important;}
#modal-generic .modal-title{color:#3D2A10!important;}
#modal-generic .modal-body{color:#334155!important;}
#modal-generic .form-group label{color:#4A3A20!important;}
#modal-generic .form-group input,#modal-generic .form-group select,#modal-generic .form-group textarea{
  background:#FFF!important;border-color:#D8C7A5!important;color:#26323D!important;
}
#modal-generic .form-group input:focus,#modal-generic .form-group select:focus{border-color:#C98B1B!important;box-shadow:0 0 0 3px rgba(247,183,49,.15)!important;outline:0;}

@media(max-width:700px){
  #config-content .cfg-grid,#config-content .cfg-grid-3{grid-template-columns:1fr!important;}
  #config-content .cfg-tabs{overflow-x:auto;flex-wrap:nowrap!important;padding:5px!important;}
  #config-content .cfg-tab{flex:0 0 auto;font-size:12px!important;padding:8px 12px!important;}
  #config-content .cfg-card{padding:14px!important;}
  #config-content .cfg-row{align-items:flex-start!important;gap:10px;}
  #config-content .cfg-row label{font-size:12px!important;}
  #screen-usuarios #usuarios-list{border-radius:11px!important;}
}
body.dark #config-content .cfg-card,body.dark #screen-empresa .card,body.dark #screen-usuarios .card,
body.dark #screen-usuarios #usuarios-list,body.dark #screen-usuarios #usuarios-list table{background:#20262F!important;border-color:rgba(247,183,49,.22)!important;}
body.dark #config-content .cfg-tabs{background:#242A33!important;border-color:rgba(247,183,49,.22)!important;}
body.dark #config-content .cfg-tab{background:#20262F!important;color:#C8B98E!important;border-color:#56606D!important;}
body.dark #config-content .cfg-tab.active{background:#F7B731!important;color:#0B0D12!important;border-color:#E8C96B!important;}
body.dark #config-content .cfg-row label,body.dark #config-content .cfg-card h4,
body.dark #screen-usuarios #usuarios-list td{color:#F4D58A!important;}
body.dark #config-content .perm-table th,body.dark #screen-usuarios #usuarios-list th{background:#242A33!important;color:#F4D58A!important;}

/* Equipo, comisiones y métodos de pago: operación administrativa con la misma firma. */
#screen-empleados .page-header h2,#screen-metodos-pago .page-header h2{color:#3D2A10!important;font-weight:850;}
#empleados-list .card,#metodos-pago-content .card{
  background:#FFFDF8!important;border-color:rgba(183,121,31,.18)!important;
  border-top:2px solid rgba(201,139,27,.58)!important;border-radius:14px!important;
  box-shadow:0 4px 14px rgba(15,23,42,.045);
}
#empleados-list>.card:first-child{
  background:linear-gradient(115deg,#0F2735 0%,#244653 68%,#8A5A0A 100%)!important;
  border:1px solid rgba(247,183,49,.32)!important;border-top:3px solid #F7B731!important;color:#fff!important;
  box-shadow:0 7px 22px rgba(15,23,42,.16)!important;
}
#empleados-list>.card:first-child h3,#empleados-list>.card:first-child p{color:#fff!important;}
#empleados-list .card h3,#empleados-list .card h4,#metodos-pago-content .card-title{color:#3D2A10!important;}
#empleados-list .card small,#empleados-list .card label{color:#756A59!important;}
#empleados-list .form-control,#metodos-pago-content input{
  background:#FFF!important;border-color:#D8C7A5!important;color:#26323D!important;border-radius:8px!important;
}
#empleados-list .form-control:focus,#metodos-pago-content input:focus{border-color:#C98B1B!important;box-shadow:0 0 0 3px rgba(247,183,49,.15)!important;outline:0;}
#empleados-list .btn-outline{background:#FFFDF7!important;}
#empleados-list .btn-outline:hover{background:#FFF7E0!important;}
#emp-comisiones-cont>.card:first-child,#emp-comisiones-cont .card,
#emp-turnos-cont .card,#emp-asistencia-cont .card,#emp-jerarquia-cont .card,#emp-documentos-cont .card{
  border-color:rgba(183,121,31,.18)!important;
}
#emp-comisiones-cont>.card:first-child,#emp-comisiones-cont .card:first-child,
#emp-turnos-cont>.card:first-child,#emp-asistencia-cont>.card:first-child,
#emp-jerarquia-cont>.card:first-child,#emp-documentos-cont>.card:first-child{
  background:linear-gradient(115deg,#0F2735 0%,#244653 68%,#8A5A0A 100%)!important;
  border:1px solid rgba(247,183,49,.30)!important;border-top:3px solid #F7B731!important;color:#fff!important;
}
#emp-comisiones-cont>.card:first-child h3,#emp-comisiones-cont>.card:first-child p,
#emp-turnos-cont>.card:first-child h3,#emp-turnos-cont>.card:first-child p,
#emp-asistencia-cont>.card:first-child h3,#emp-asistencia-cont>.card:first-child p,
#emp-jerarquia-cont>.card:first-child h3,#emp-jerarquia-cont>.card:first-child p,
#emp-documentos-cont>.card:first-child h3,#emp-documentos-cont>.card:first-child p{color:#fff!important;}
#empleados-list .table-wrap,#emp-comisiones-cont .table-wrap,#emp-turnos-cont .table-wrap,
#emp-asistencia-cont .table-wrap,#emp-jerarquia-cont .table-wrap,#emp-documentos-cont .table-wrap{
  background:#FFFDF8!important;border-color:rgba(183,121,31,.18)!important;
}
#empleados-list table th,#emp-comisiones-cont table th,#emp-turnos-cont table th,
#emp-asistencia-cont table th,#emp-jerarquia-cont table th,#emp-documentos-cont table th{
  background:#F6F1E6!important;color:#4A3A20!important;border-bottom-color:#E1C98D!important;
}
#empleados-list table td,#emp-comisiones-cont table td,#emp-turnos-cont table td,
#emp-asistencia-cont table td,#emp-jerarquia-cont table td,#emp-documentos-cont table td{border-bottom-color:#EEE6D6!important;color:#334155!important;}
#empleados-list table tr:hover td,#emp-comisiones-cont table tr:hover td,#emp-turnos-cont table tr:hover td,
#emp-asistencia-cont table tr:hover td,#emp-jerarquia-cont table tr:hover td,#emp-documentos-cont table tr:hover td{background:#FFF9EC!important;}

#metodos-pago-content>div[style*="background:var(--azul"]{
  background:#FFF7E0!important;color:#6E4808!important;border:1px solid #E8D7B3!important;
  border-left:4px solid #C98B1B!important;border-radius:11px!important;box-shadow:none;
}
#metodos-pago-content .mp-row{background:#FFFDF8!important;border-bottom-color:#EEE6D6!important;}
#metodos-pago-content .mp-row[style*="opacity:.55"]{background:#F2EEE6!important;}
#metodos-pago-content .mp-row:hover{background:#FFF9EC!important;box-shadow:inset 3px 0 0 #C98B1B!important;}
#metodos-pago-content .mp-row .mp-nombre-display{color:#3D2A10!important;}
#metodos-pago-content .mp-row span[style*="background:#e8f4fd"]{background:#FFF3C4!important;color:#805B08!important;border:1px solid #E8C96B;}
#metodos-pago-content .mp-row button{border-radius:7px!important;}
#metodos-pago-content .mp-row button[onclick*="moverMetodo"]{background:#F5F1E8!important;border-color:#E7D8B7!important;color:#5B4B2A!important;}
#metodos-pago-content .mp-row button[onclick*="toggleMetodo"]{box-shadow:0 2px 6px rgba(15,23,42,.10);}
#metodos-pago-content .card>div[style*="grid-template-columns:60px"]{grid-template-columns:70px 1.2fr 1.2fr auto!important;}
#metodos-pago-content #mp-new-icono,#metodos-pago-content #mp-new-nombre,#metodos-pago-content #mp-new-desc{
  background:#FFFDF8!important;border:1px solid #D8C7A5!important;color:#26323D!important;
}
#metodos-pago-content #mp-new-icono:focus,#metodos-pago-content #mp-new-nombre:focus,#metodos-pago-content #mp-new-desc:focus{
  border-color:#C98B1B!important;box-shadow:0 0 0 3px rgba(247,183,49,.15)!important;outline:0;
}
#metodos-pago-content .card>div[style*="grid-template-columns:60px"]>div{min-width:0;}
#metodos-pago-content .card>div[style*="grid-template-columns:60px"] label{display:block!important;margin-bottom:4px;color:#756A59!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#metodos-pago-content .card>div[style*="grid-template-columns:60px"] input{box-sizing:border-box!important;min-width:0;}

@media(max-width:700px){
  #empleados-list>.card:first-child{padding:16px!important;}
  #empleados-list .card>div[style*="display:flex"]{align-items:stretch;}
  #metodos-pago-content .card>div[style*="grid-template-columns:60px"]{grid-template-columns:58px 1fr!important;}
  #metodos-pago-content .card>div[style*="grid-template-columns:60px"]>div:nth-child(3){grid-column:2;}
  #metodos-pago-content .card>div[style*="grid-template-columns:60px"]>div:last-child{grid-column:2;}
  #metodos-pago-content .mp-row{padding:10px 8px!important;gap:6px!important;}
}
body.dark #empleados-list .card,body.dark #metodos-pago-content .card,
body.dark #empleados-list .table-wrap,body.dark #metodos-pago-content .mp-row{background:#20262F!important;border-color:rgba(247,183,49,.22)!important;}
body.dark #empleados-list table th,body.dark #emp-comisiones-cont table th,
body.dark #emp-turnos-cont table th,body.dark #emp-asistencia-cont table th,
body.dark #emp-jerarquia-cont table th,body.dark #emp-documentos-cont table th{background:#242A33!important;color:#F4D58A!important;}
body.dark #empleados-list table td,body.dark #emp-comisiones-cont table td,
body.dark #emp-turnos-cont table td,body.dark #emp-asistencia-cont table td,
body.dark #emp-jerarquia-cont table td,body.dark #emp-documentos-cont table td{color:#E2E8F0!important;border-bottom-color:#394351!important;}
/* The page header and secondary employee cards inherit light-theme brown
   values from the shared brand layer; restore a readable dark foreground. */
body.dark #screen-empleados .page-header h2,
body.dark #screen-metodos-pago .page-header h2{color:#F4D58A!important;}
body.dark #empleados-list .card h3,
body.dark #empleados-list .card h4,
body.dark #metodos-pago-content .card-title{color:#F4D58A!important;}
body.dark #empleados-list .card small,
body.dark #empleados-list .card label{color:#CBD5E1!important;}
/* Empty pizarra copy uses a light-theme gray inline style. */
body.dark #anna-pizarra-promociones [style*="padding:30px"][style*="color:#64748b"],
body.dark #anna-pizarra-promociones [style*="padding:30px"][style*="color:#64748b"] p{color:#CBD5E1!important;}
body.dark #anna-pizarra-promociones table thead tr{background:#242A33!important;color:#F4D58A!important;}
body.dark #anna-pizarra-promociones table tbody td{color:#E2E8F0!important;border-bottom-color:#394351!important;}
/* Shared page/modal headers often carry inline light-theme navy/brown
   colors. Keep those headings visible in dark mode across modules. */
body.dark .page-header h2,
body.dark .page-header h3,
body.dark .modal-header h3,
body.dark .modal-title{color:#F4D58A!important;}
body.dark .modal-body,
body.dark .modal-footer{color:#E2E8F0!important;}

/* POS móvil: los resultados de otras tiendas llevan nombre, stock, precio y
   acción en columnas estables. Evita que el stock vertical se meta dentro
   del nombre cuando el ancho es estrecho. */
.pos-item[style*="cursor:default"] .name{min-width:0;overflow-wrap:anywhere;}
@media(max-width:700px){
  .pos-item[style*="cursor:default"]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 136px!important;
    grid-template-rows:auto auto auto;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:5px!important;
    min-height:112px!important;
    padding:12px 9px!important;
  }
  .pos-item[style*="cursor:default"]>.name{
    grid-column:1!important;grid-row:1 / span 3!important;align-self:center!important;
    line-height:1.28!important;word-break:normal!important;overflow-wrap:anywhere!important;
  }
  .pos-item[style*="cursor:default"]>.name small{
    margin-top:4px!important;line-height:1.25!important;overflow-wrap:anywhere!important;
  }
  .pos-item[style*="cursor:default"]>span:not(.name){
    grid-column:2!important;justify-self:end!important;max-width:100%!important;
    white-space:normal!important;text-align:right!important;line-height:1.18!important;
  }
  .pos-item[style*="cursor:default"]>span:not(.name):not(.price){grid-row:1!important;}
  .pos-item[style*="cursor:default"]>.price{grid-row:2!important;font-size:13px!important;white-space:nowrap!important;}
  .pos-item[style*="cursor:default"]>button{
    grid-column:2!important;grid-row:3!important;width:100%!important;max-width:136px!important;
    min-width:0!important;box-sizing:border-box!important;white-space:normal!important;
    text-align:center!important;line-height:1.15!important;margin:0!important;
  }
}

/* Resultados POS de otras tiendas: el bloque derecho contiene cantidad,
   precio y acción para que ningún texto pueda invadir el nombre. */
.pos-item-cross-store{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 150px!important;
  column-gap:10px!important;
  align-items:center!important;
  min-height:94px;
}
.pos-item-cross-store>.name{grid-column:1!important;min-width:0!important;overflow-wrap:anywhere!important;line-height:1.28!important;}
.pos-item-cross-store>.name small{display:block!important;margin-top:4px!important;line-height:1.25!important;overflow-wrap:anywhere!important;}
.pos-transfer-side{
  grid-column:2!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:center!important;gap:5px!important;min-width:0!important;text-align:right;
}
.pos-transfer-stock{display:block!important;white-space:normal!important;line-height:1.18!important;text-align:right!important;overflow-wrap:anywhere!important;}
.pos-item-cross-store .price{display:block!important;white-space:nowrap!important;text-align:right!important;line-height:1.15!important;}
.pos-transfer-side>button{width:100%!important;box-sizing:border-box!important;white-space:normal!important;text-align:center!important;line-height:1.15!important;margin:0!important;}
@media(max-width:700px){
  .pos-item-cross-store{
    grid-template-columns:minmax(0,1fr) 136px!important;
    min-height:112px!important;
    padding:12px 9px!important;
    row-gap:0!important;
  }
  .pos-transfer-side{gap:5px!important;}
}

/* Selector de talla y cantidad para solicitar traslados desde POS. */
.pos-transfer-modal{z-index:10040!important;}
.pos-transfer-box{max-width:500px!important;width:min(500px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;}
.pos-transfer-body{overflow-y:auto!important;}
.pos-transfer-product{font-size:18px;font-weight:900;color:#3D2A10;line-height:1.25;margin-bottom:5px;overflow-wrap:anywhere;}
.pos-transfer-route{padding:9px 11px;margin:0 0 16px;border:1px solid #E8D7B3;border-left:3px solid #C98B1B;border-radius:9px;background:#FFF8E8;color:#6E4808;font-size:12px;line-height:1.35;overflow-wrap:anywhere;}
.pos-transfer-label{display:block!important;margin:12px 0 7px;color:#4A3A20!important;font-size:12px!important;font-weight:850!important;letter-spacing:.02em;}
.pos-transfer-size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:8px;}
.pos-transfer-size{min-height:58px;padding:8px 6px;border:1px solid #D8C7A5;border-radius:10px;background:#FFFDF8;color:#4A3A20;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:background .15s,border-color .15s,transform .15s;}
.pos-transfer-size strong{font-size:14px;}
.pos-transfer-size small{font-size:11px;color:#756A59;line-height:1.15;text-align:center;}
.pos-transfer-size:hover,.pos-transfer-size:focus-visible{background:#FFF7E0;border-color:#C98B1B;outline:0;transform:translateY(-1px);}
.pos-transfer-size.is-selected{background:linear-gradient(135deg,#F7B731,#FF9F1C)!important;border-color:#D89A22!important;color:#0B0D12!important;box-shadow:0 3px 10px rgba(183,121,31,.2);}
.pos-transfer-size.is-selected small{color:#3D2A10;}
.pos-transfer-size:disabled{background:#F2EEE6;color:#A6A097;border-color:#E5DED0;cursor:not-allowed;transform:none;}
.pos-transfer-selection{min-height:18px;margin-top:7px;color:#8A5A0A;font-size:12px;font-weight:800;}
.pos-transfer-quantity-input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #D8C7A5;border-radius:9px;background:#FFF!important;color:#26323D!important;font-size:18px;font-weight:850;text-align:center;}
.pos-transfer-quantity-input:focus{border-color:#C98B1B!important;box-shadow:0 0 0 3px rgba(247,183,49,.15)!important;outline:0;}
.pos-transfer-quantity-input:disabled{background:#F2EEE6!important;color:#A6A097!important;cursor:not-allowed;}
.pos-transfer-max{display:block;margin-top:6px;color:#756A59;font-size:11px;line-height:1.25;}
.pos-transfer-summary{margin-top:12px;padding:10px 11px;border:1px solid #E8D7B3;border-radius:9px;background:#FFF8E8;color:#6E4808;font-size:12px;font-weight:750;line-height:1.35;overflow-wrap:anywhere;}
.pos-transfer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;}
.pos-transfer-actions .btn{min-height:40px;}
@media(max-width:600px){
  .pos-transfer-box{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:16px!important;}
  .pos-transfer-box .modal-body{padding:16px!important;}
  .pos-transfer-size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
  .pos-transfer-actions{position:sticky;bottom:0;padding-top:10px;background:#FFFDF8;}
}
body.dark .pos-transfer-product{color:#F4D58A;}
body.dark .pos-transfer-route,body.dark .pos-transfer-summary{background:#2A2923;color:#F4D58A;border-color:rgba(247,183,49,.3);}
body.dark .pos-transfer-size{background:#20262F;color:#E2E8F0;border-color:#56606D;}
body.dark .pos-transfer-size small,body.dark .pos-transfer-max{color:#C8B98E;}
body.dark .pos-transfer-quantity-input{background:#20262F!important;color:#F1F5F9!important;border-color:#56606D!important;}

/* Mis Tiendas: tarjetas premium claras con navy institucional y dorado fino. */
#screen-mis-tiendas .page-header h2{color:#3D2A10!important;font-weight:850;}
#screen-mis-tiendas #mis-tiendas-grid{
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:14px!important;margin-top:10px!important;
}
#screen-mis-tiendas #mis-tiendas-grid>.card{
  padding:0!important;overflow:hidden!important;background:#FFFDF8!important;
  border:1px solid rgba(183,121,31,.18)!important;border-top:3px solid #C98B1B!important;
  border-radius:15px!important;box-shadow:0 4px 14px rgba(15,23,42,.055)!important;
  transition:transform .18s,box-shadow .18s,border-color .18s;
}
#screen-mis-tiendas #mis-tiendas-grid>.card:hover{
  transform:translateY(-2px);border-color:rgba(201,139,27,.44)!important;box-shadow:0 9px 22px rgba(183,121,31,.14)!important;
}
#screen-mis-tiendas #mis-tiendas-grid>.card>div:first-child{
  background:linear-gradient(115deg,#0F2735 0%,#244653 68%,#8A5A0A 100%)!important;
  padding:14px 16px!important;border-radius:12px 12px 0 0!important;
  border-bottom:1px solid rgba(247,183,49,.32)!important;
}
#screen-mis-tiendas #mis-tiendas-grid>.card>div:first-child>div:first-child{min-width:0;}
#screen-mis-tiendas #mis-tiendas-grid>.card>div:first-child>div:first-child>div:first-child{color:#FFF!important;}
#screen-mis-tiendas #mis-tiendas-grid>.card>div:first-child>div:first-child>div:last-child{color:#F4D58A!important;opacity:1!important;}
#screen-mis-tiendas #mis-tiendas-grid>.card>div:first-child button[data-tid]{
  background:linear-gradient(135deg,#F7B731,#FF9F1C)!important;color:#0B0D12!important;
  border:1px solid #D89A22!important;border-radius:9px!important;box-shadow:0 3px 9px rgba(183,121,31,.22);
}
#screen-mis-tiendas #mis-tiendas-grid>.card>div:first-child button[onclick*="editarPermisosTienda"]{
  background:rgba(255,247,224,.16)!important;color:#F7D47A!important;border:1px solid rgba(247,183,49,.48)!important;border-radius:9px!important;
}
#screen-mis-tiendas #mis-tiendas-grid>.card>div:nth-child(2){
  background:#FFFDF8!important;padding:14px 16px!important;color:#334155;
}
#screen-mis-tiendas #mis-tiendas-grid>.card>div:nth-child(2) [style*="text-transform:uppercase"]{color:#756A59!important;}
#screen-mis-tiendas #mis-tiendas-grid>.card>div:nth-child(2) [style*="font-weight:600"]{color:#3D2A10!important;}
#screen-mis-tiendas #mis-tiendas-grid>.card>div:nth-child(2) .btn-outline{
  background:#FFFDF7!important;border:1px solid #D8BE86!important;color:#805B08!important;border-radius:9px!important;
}
#screen-mis-tiendas #mis-tiendas-grid>.card>div:nth-child(2) .btn-outline:hover{background:#FFF7E0!important;}
#screen-mis-tiendas #mis-tiendas-grid>.card>div:nth-child(2) span[style*="background:var(--bg-input)"]{
  background:#FFF7E0!important;color:#805B08!important;border:1px solid #E8D7B3!important;
}
#screen-mis-tiendas #mis-tiendas-grid>.card>div:nth-child(2) span[style*="color:#e67e22"]{color:#A64212!important;}
@media(max-width:600px){
  #screen-mis-tiendas #mis-tiendas-grid{grid-template-columns:1fr!important;gap:12px!important;}
  #screen-mis-tiendas #mis-tiendas-grid>.card>div:first-child{padding:13px 14px!important;}
  #screen-mis-tiendas #mis-tiendas-grid>.card>div:nth-child(2){padding:13px 14px!important;}
}
body.dark #screen-mis-tiendas #mis-tiendas-grid>.card{background:#20262F!important;border-color:rgba(247,183,49,.22)!important;}
body.dark #screen-mis-tiendas #mis-tiendas-grid>.card>div:nth-child(2){background:#20262F!important;color:#E2E8F0!important;}
body.dark #screen-mis-tiendas #mis-tiendas-grid>.card>div:nth-child(2) [style*="text-transform:uppercase"]{color:#C8B98E!important;}
body.dark #screen-mis-tiendas #mis-tiendas-grid>.card>div:nth-child(2) [style*="font-weight:600"]{color:#F4D58A!important;}
#screen-mis-tiendas #mis-tiendas-grid .tienda-config-locked{
  display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 8px;
  border:1px solid rgba(247,183,49,.34);border-radius:9px;background:rgba(255,247,224,.10);color:#F4D58A;font-size:14px;cursor:not-allowed;
}


.pos-location-trigger{flex:0 0 auto;width:32px;min-width:32px;height:32px;padding:0;border:1px solid #D8C7A5;border-radius:9px;background:#FFFDF7;color:#9A650F;font-size:17px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .15s,border-color .15s,transform .15s;}
.pos-location-trigger:hover,.pos-location-trigger:focus-visible{background:#FFF3C4;border-color:#C98B1B;outline:0;transform:translateY(-1px);}


/* Mensajero interno: contraste y panel responsive.
   La campanita vive en un encabezado oscuro, pero el panel hereda el
   fondo claro de la aplicación; los colores quedan explícitos para que
   títulos, mensajes y fechas no se pierdan en celular ni escritorio. */
#notif-panel,
#notif-panel *{box-sizing:border-box;}
#notif-panel{
  background:#FFFDF8!important;
  color:#1F2937!important;
  border:1px solid #D8C7A5!important;
  box-shadow:0 12px 32px rgba(15,23,42,.24)!important;
  overflow-x:hidden!important;
}
#notif-panel>div:first-child{
  background:#FFFAF0!important;
  border-bottom:1px solid #E8D7B3!important;
}
#notif-panel #notif-titulo{color:#3D2A10!important;}
#notif-panel>div:first-child button{
  color:#1D4ED8!important;
  font-weight:700;
}
#notif-panel #notif-lista>div{
  border-bottom-color:#EEE6D6!important;
}
#notif-panel #notif-lista>div strong,
#notif-panel #notif-lista>div [style*="font-size:13px"]{
  color:#1F2937!important;
}
#notif-panel #notif-lista>div [style*="color:#aab4c5"]{
  color:#475569!important;
}
#notif-panel #notif-lista>div [style*="color:#64748b"]{
  color:#64748B!important;
}
#notif-panel #notif-lista>div [style*="color:#94a3b8"]{
  color:#5B6B7D!important;
}
#notif-panel #notif-lista>div[style*="background:rgba(37,99,235,.08)"]{
  background:#EFF6FF!important;
  color:#1D4ED8!important;
}
body.dark #notif-panel{
  background:#171B23!important;
  color:#F1F5F9!important;
  border-color:rgba(247,183,49,.34)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.45)!important;
}
body.dark #notif-panel>div:first-child{
  background:#20262F!important;
  border-bottom-color:#394351!important;
}
body.dark #notif-panel #notif-titulo,
body.dark #notif-panel #notif-lista>div strong,
body.dark #notif-panel #notif-lista>div [style*="font-size:13px"]{
  color:#F1F5F9!important;
}
body.dark #notif-panel>div:first-child button{color:#93C5FD!important;}
body.dark #notif-panel #notif-lista>div{border-bottom-color:#303742!important;}
body.dark #notif-panel #notif-lista>div [style*="color:#aab4c5"]{color:#CBD5E1!important;}
body.dark #notif-panel #notif-lista>div [style*="color:#64748b"]{color:#94A3B8!important;}
body.dark #notif-panel #notif-lista>div [style*="color:#94a3b8"]{color:#AEB8C5!important;}

/* En celular no se ancla al pequeño contenedor de la campana: ocupa el
   ancho visible y queda debajo del encabezado, sin salirse por la izquierda. */
@media (max-width:899px){
  #notif-panel{
    position:fixed!important;
    top:var(--anna-notif-top,118px)!important;
    left:8px!important;
    right:8px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:calc(100dvh - var(--anna-notif-top,118px) - 16px)!important;
    border-radius:14px!important;
    z-index:1100!important;
    -webkit-overflow-scrolling:touch;
  }
  #notif-panel #notif-lista>div{padding-left:14px!important;padding-right:14px!important;}
}
@media (max-width:380px){
  #notif-panel{left:6px!important;right:6px!important;}
  #notif-panel>div:first-child{padding-left:12px!important;padding-right:12px!important;}
}

/* También mejora las etiquetas de sección cuyo color vive en el propio div. */
#notif-panel #notif-lista>div[style*="color:#94a3b8"]{color:#5B6B7D!important;}
body.dark #notif-panel #notif-lista>div[style*="color:#94a3b8"]{color:#AEB8C5!important;}


/* Catálogo de productos: en pantallas angostas se presenta como tarjetas,
   no como una tabla de escritorio que obliga a cortar o desplazar el nombre. */
@media (max-width:700px){
  #prod-list,
  #prod-list .table-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  #prod-list .table-wrap{
    overflow:visible!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #prod-list .table-wrap table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }
  #prod-list .table-wrap thead{display:none!important;}
  #prod-list .table-wrap tbody{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    gap:10px!important;
  }
  #prod-list .table-wrap tbody tr{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    gap:5px 10px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px!important;
    background:#FFFDF8!important;
    border:1px solid #E8D7B3!important;
    border-radius:12px!important;
    box-shadow:0 2px 8px rgba(15,23,42,.05)!important;
  }
  #prod-list .table-wrap tbody td{
    display:block!important;
    grid-column:2!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    padding:0!important;
    border:0!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    vertical-align:top!important;
    line-height:1.3!important;
  }
  #prod-list .table-wrap tbody td.producto-lista-foto{
    grid-column:1!important;
    grid-row:1 / span 4!important;
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    align-self:start!important;
  }
  #prod-list .table-wrap tbody td:nth-child(2){grid-row:1!important;}
  #prod-list .table-wrap tbody td:nth-child(3){grid-row:2!important;}
  #prod-list .table-wrap tbody td:nth-child(4){grid-row:3!important;}
  #prod-list .table-wrap tbody td:nth-child(5){grid-row:4!important;}
  #prod-list .table-wrap tbody td:nth-child(6){
    grid-column:1 / -1!important;
    grid-row:5!important;
    margin-top:4px!important;
    padding-top:8px!important;
    border-top:1px solid #EEE6D6!important;
  }
  #prod-list .table-wrap tbody td:nth-child(2)::before,
  #prod-list .table-wrap tbody td:nth-child(3)::before,
  #prod-list .table-wrap tbody td:nth-child(4)::before,
  #prod-list .table-wrap tbody td:nth-child(5)::before{
    display:block!important;
    margin-bottom:2px!important;
    color:#756A59!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
  }
  #prod-list .table-wrap tbody td:nth-child(2)::before{content:'Código';}
  #prod-list .table-wrap tbody td:nth-child(3)::before{content:'Producto';}
  #prod-list .table-wrap tbody td:nth-child(4)::before{content:'Precio';}
  #prod-list .table-wrap tbody td:nth-child(5)::before{content:'Stock';}
  #prod-list .table-wrap tbody td:nth-child(2){
    color:#475569!important;
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;
    font-size:12px!important;
  }
  #prod-list .table-wrap tbody td:nth-child(3) b{
    display:inline!important;
    color:#1F2937!important;
    font-size:16px!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  #prod-list .table-wrap tbody td:nth-child(3) .badge,
  #prod-list .table-wrap tbody td:nth-child(3) .prod-transfer-note{
    white-space:normal!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  #prod-list .table-wrap tbody td:nth-child(4),
  #prod-list .table-wrap tbody td:nth-child(5){
    color:#334155!important;
    font-size:13px!important;
  }
  #prod-list .table-wrap tbody td:nth-child(6)>div{
    display:flex!important;
    flex-wrap:wrap!important;
    width:100%!important;
    min-width:0!important;
    gap:6px!important;
  }
  #prod-list .table-wrap tbody td:nth-child(6) .btn{
    flex:1 1 120px!important;
    min-width:0!important;
    max-width:100%!important;
    justify-content:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    padding:8px 9px!important;
  }
  #prod-list .table-wrap tbody td:nth-child(6) .producto-accion-texto{white-space:normal!important;}
  #prod-list .table-wrap tbody .producto-lista-thumb,
  #prod-list .table-wrap tbody .producto-lista-placeholder{
    display:inline-grid!important;
    width:50px!important;
    height:50px!important;
    max-width:50px!important;
    border-radius:10px!important;
  }
  /* El contenedor de la pantalla también pierde un poco de acolchado para
     que la tarjeta realmente aproveche el ancho del teléfono. */
  #screen-productos>.card{padding:14px!important;}
}
body.dark #prod-list .table-wrap tbody tr{
  background:#20262F!important;
  border-color:rgba(247,183,49,.24)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.18)!important;
}
body.dark #prod-list .table-wrap tbody td:nth-child(2)::before,
body.dark #prod-list .table-wrap tbody td:nth-child(3)::before,
body.dark #prod-list .table-wrap tbody td:nth-child(4)::before,
body.dark #prod-list .table-wrap tbody td:nth-child(5)::before{color:#C8B98E!important;}
body.dark #prod-list .table-wrap tbody td:nth-child(2){color:#CBD5E1!important;}
body.dark #prod-list .table-wrap tbody td:nth-child(3) b{color:#F1F5F9!important;}
body.dark #prod-list .table-wrap tbody td:nth-child(4),
body.dark #prod-list .table-wrap tbody td:nth-child(5){color:#E2E8F0!important;}
body.dark #prod-list .table-wrap tbody td:nth-child(6){border-top-color:#394351!important;}


/* Traslados: estructura legible y tarjetas en pantallas angostas. */
#screen-traslados .traslados-history-card{min-width:0;}
#screen-traslados #traslados-list{width:100%;box-sizing:border-box;}
#screen-traslados #traslados-list.loading{min-height:110px;gap:10px;flex-wrap:wrap;}
#screen-traslados .traslados-loading-text{font-size:13px;color:#756A59;}
#screen-traslados .traslados-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
#screen-traslados .traslados-table{width:100%;min-width:820px;table-layout:fixed;}
#screen-traslados .traslados-table th,#screen-traslados .traslados-table td{vertical-align:top;overflow-wrap:anywhere;word-break:break-word;}
#screen-traslados .traslados-history-table th:nth-child(1){width:48px;}
#screen-traslados .traslados-history-table th:nth-child(2){width:92px;}
#screen-traslados .traslados-history-table th:nth-child(3),#screen-traslados .traslados-history-table th:nth-child(4){width:145px;}
#screen-traslados .traslados-history-table th:nth-child(5){width:105px;}
#screen-traslados .traslados-history-table th:nth-child(7){width:88px;}
#screen-traslados .traslados-history-table th:nth-child(8){width:155px;}
#screen-traslados .traslados-request-table{min-width:680px;}
#screen-traslados .traslados-request-table th:nth-child(1){width:78px;}
#screen-traslados .traslados-request-table th:nth-child(2){width:160px;}
#screen-traslados .traslados-request-table th:nth-child(4){width:92px;}
#screen-traslados .traslados-request-table th:nth-child(5){width:125px;}
#screen-traslados .traslados-request-table th:nth-child(6){width:160px;}
#screen-traslados .traslados-table td small{display:block;margin-top:3px;color:#756A59;}
#screen-traslados .traslado-items{display:grid;gap:4px;color:#475569;line-height:1.35;}
#screen-traslados .traslado-rejection{margin-top:5px;color:#b91c1c;line-height:1.35;}
#screen-traslados .traslado-empty-detail{color:#94a3b8;}
#screen-traslados .traslado-actions{white-space:normal!important;}
#screen-traslados .traslado-actions .btn{margin:2px 3px 2px 0;white-space:normal;line-height:1.15;}

@media(max-width:700px){
  #screen-traslados>.traslados-page-header{padding:14px!important;border-radius:13px!important;}
  #screen-traslados>.traslados-page-header>div{align-items:stretch!important;}
  #screen-traslados>.traslados-page-header .card-title{font-size:16px!important;line-height:1.25;}
  #screen-traslados>.traslados-page-header .btn{width:100%;justify-content:center;min-height:42px;}
  #screen-traslados>.traslados-history-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  #screen-traslados #traslados-list{display:block!important;padding:0!important;}
  #screen-traslados #traslados-list.loading{display:flex!important;padding:34px 12px!important;min-height:110px;}
  #screen-traslados .traslados-solicitudes-panel{padding:12px!important;border-radius:13px!important;}
  #screen-traslados .traslados-solicitudes-panel h3{font-size:15px!important;line-height:1.25;}
  #screen-traslados .traslados-solicitudes-panel p{font-size:12px!important;line-height:1.4;}
  #screen-traslados .traslados-table-wrap{overflow:visible!important;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;}
  #screen-traslados .traslados-table{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important;}
  #screen-traslados .traslados-table thead{display:none!important;}
  #screen-traslados .traslados-table tbody{display:grid!important;width:100%!important;gap:10px!important;}
  #screen-traslados .traslados-table tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;margin:0!important;padding:11px!important;background:#FFFDF8!important;border:1px solid #E8D7B3!important;border-radius:13px!important;box-shadow:0 2px 8px rgba(15,23,42,.05)!important;}
  #screen-traslados .traslados-table tbody td{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;gap:8px!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:7px 2px!important;border:0!important;border-bottom:1px solid #EEE6D6!important;line-height:1.3!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
  #screen-traslados .traslados-table tbody td:last-child{border-bottom:0!important;padding-top:9px!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;}
  #screen-traslados .traslados-table tbody td:not(:last-child)::before{content:attr(data-label);display:block!important;color:#756A59!important;font-size:10px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
  #screen-traslados .traslados-table tbody td:last-child::before{display:none!important;}
  #screen-traslados .traslados-table tbody td[data-label="Estado"]{align-items:start!important;}
  #screen-traslados .traslados-table tbody td[data-label="Detalle"]{align-items:start!important;}
  #screen-traslados .traslado-actions .btn{flex:1 1 118px!important;min-width:0!important;justify-content:center!important;padding:8px 8px!important;margin:0!important;}
  #screen-traslados .traslados-table .badge{white-space:normal!important;text-align:center!important;line-height:1.2!important;}
  #screen-traslados .traslado-items{gap:3px;}
  #screen-traslados .traslados-modal-box{width:calc(100vw - 18px)!important;max-width:none!important;margin:9px auto!important;padding:16px!important;border-radius:15px!important;box-sizing:border-box;}
  #screen-traslados .traslados-modal-box h3{font-size:18px!important;padding-right:22px;}
  #screen-traslados .traslados-modal-box>div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;gap:9px!important;}
  #screen-traslados .traslados-modal-box>div:last-child{flex-direction:column!important;}
  #screen-traslados .traslados-modal-box>div:last-child .btn{width:100%!important;justify-content:center!important;}
}
body.dark #screen-traslados .traslados-table tbody tr{background:#20262F!important;border-color:rgba(247,183,49,.24)!important;}
body.dark #screen-traslados .traslados-table tbody td{border-bottom-color:#394351!important;color:#E2E8F0!important;}
body.dark #screen-traslados .traslados-table tbody td:not(:last-child)::before{color:#C8B98E!important;}
body.dark #screen-traslados .traslado-items{color:#E2E8F0!important;}

/* Selector de tiendas: el listado puede crecer sin salirse de la pantalla. */
.tienda-switcher-panel{
  max-height:min(72vh,560px)!important;
  display:none;
  flex-direction:column;
  overflow:hidden!important;
}
.tienda-switcher-panel.open{display:flex!important;}
.tsw-search-wrap{
  flex:0 0 auto;
  padding:10px 12px;
  background:#fffdf8;
  border-bottom:1px solid rgba(201,139,27,.18);
}
.tsw-search-wrap label{
  display:block;
  margin-bottom:5px;
  color:#756A59;
  font-size:10px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.tsw-search-wrap input{
  display:block;
  width:100%;
  box-sizing:border-box;
  min-height:38px;
  padding:8px 10px;
  border:1px solid #D9C79E;
  border-radius:8px;
  background:#fff;
  color:#334155;
  font:inherit;
  font-size:13px;
  outline:none;
}
.tsw-search-wrap input:focus{border-color:#C98B1B;box-shadow:0 0 0 3px rgba(247,183,49,.18);}
#tsw-lista{
  min-height:0;
  max-height:calc(min(72vh,560px) - 112px);
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
#tsw-lista::-webkit-scrollbar{width:8px;}
#tsw-lista::-webkit-scrollbar-thumb{background:#D9C79E;border-radius:8px;}
@media(max-width:899px){
  .tienda-switcher-panel{max-height:calc(100dvh - 82px)!important;}
  #tsw-lista{max-height:calc(100dvh - 194px)!important;}
  .tsw-search-wrap{padding:9px 10px;}
}

/* Dark mode: el resumen del carrito del POS debe conservar contraste alto.
   El dorado de la marca anterior (#8A5A0A) quedaba opaco sobre #171B23. */
body.dark .pos-cart-total{
  border-top-color:#56606D!important;
}
body.dark .pos-cart-total .row{
  color:#E2E8F0!important;
}
body.dark .pos-cart-total .row.total{
  color:#FFD700!important;
  border-top-color:#8A7443!important;
  text-shadow:none!important;
}
body.dark .pos-cart-total .row.total *{
  color:#FFD700!important;
  text-shadow:none!important;
}

/* Dark mode: the cart header and separator must match the readable totals. */
body.dark .pos-cart-header{
  border-bottom-color:#56606D!important;
}
body.dark .pos-cart-header h3{
  color:#F4D58A!important;
}


/* POS: el total debe ganar al modo de texto legible y verse grande, nítido y oro sólido. */
#cart-total .row.total,
html.ui-readable #cart-total .row.total{
  font-size:40px!important;
  line-height:1.08!important;
  font-weight:900!important;
  color:#FFD700!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}
#cart-total .row.total>span{
  font-size:inherit!important;
  color:inherit!important;
  text-shadow:none!important;
}

/* La columna del carrito se adapta al ancho real antes de agrandar el total. */
@media (min-width:701px) and (max-width:1200px){
  .pos-layout{grid-template-columns:minmax(0,1fr) clamp(260px,32vw,380px)!important;}
}

/* En pantallas angostas el monto baja a una segunda línea para que el oro completo nunca se corte. */
@media(max-width:1100px){
  #cart-total .row.total{
    flex-direction:column!important;
    align-items:flex-end!important;
    gap:0!important;
  }
  #cart-total .row.total>span:first-child{
    font-size:28px!important;
    line-height:1.05!important;
  }
  #cart-total .row.total>span:last-child{
    font-size:40px!important;
    line-height:1.05!important;
  }
}

/* Huella y presencia: no dejar el error de conexión escondido en un toast. */
#pres-zk-error{
  display:none;
  margin-top:10px;
  padding:11px 12px;
  border:2px solid #ef4444;
  border-radius:10px;
  background:#fef2f2;
  color:#991b1b;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
}
body.dark #pres-zk-error{
  background:#451a1a!important;
  border-color:#f87171!important;
  color:#fecaca!important;
}
body.dark #pres-zk-error *{color:inherit!important;}
body.dark #pres-zk-estado{
  background:#2a2923!important;
  border:1px solid #67542a!important;
}
body.dark #pres-zk-estado>div:last-child{color:#CBD5E1!important;}

/* Reinicio masivo de inventario: explicación y error siempre visibles. */
.reinicio-cero-alert{
  padding:12px 13px;
  margin-bottom:14px;
  border:2px solid #f59e0b;
  border-radius:11px;
  background:#fff7ed;
  color:#7c2d12;
  font-size:13px;
  line-height:1.5;
}
.reinicio-cero-alert p{margin:6px 0;}
.reinicio-cero-alert ul{margin:7px 0;padding-left:20px;}
.reinicio-cero-alert .reinicio-cero-danger{color:#991b1b;font-weight:800;}
.reinicio-cero-error{
  display:none;
  padding:10px 12px;
  margin-top:12px;
  border:2px solid #ef4444;
  border-radius:10px;
  background:#fef2f2;
  color:#991b1b;
  font-size:13px;
  line-height:1.45;
  font-weight:800;
}
body.dark .reinicio-cero-alert{
  background:#422006!important;
  border-color:#f59e0b!important;
  color:#fed7aa!important;
}
body.dark .reinicio-cero-alert *{color:inherit!important;}
body.dark .reinicio-cero-error{
  background:#451a1a!important;
  border-color:#f87171!important;
  color:#fecaca!important;
}