a:link, a:visited, a:hover, a:active{
  text-decoration: none !important;
}

.rounded, .select2-selection, .bootstrap-tagsinput, .bootstrap-tagsinput > .badge{
	border-radius:8px !important;
}

.rounded-start,  .select2-selection, .bootstrap-tagsinput, .bootstrap-tagsinput > .badge{
	border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.rounded-end,  .select2-selection, .bootstrap-tagsinput, .bootstrap-tagsinput > .badge{
	border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.rounded-top,  .select2-selection, .bootstrap-tagsinput, .bootstrap-tagsinput > .badge{
	border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.rounded-bottom,  .select2-selection, .bootstrap-tagsinput, .bootstrap-tagsinput > .badge{
	border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.backgroundImage{
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.form-check-input{
  width: 1.2em !important;
  height: 1.2em !important;
}

.form-check-input:active,.form-check-input:focus,.btn{
  outline:0 !important;
  box-shadow: none !important;
}

.list-group-item {
  border:0px !important;
}

/* =============================================================
   AUTHENTICATED RESPONSIVE QA HARDENING — ACON-8 / PR #126
   -------------------------------------------------------------
   The legacy dashboard mobile rule moves a 250px sidebar off-screen,
   while the glass shell renders it at 300px. The 50px mismatch leaves
   a visible sidebar strip at 768/390px. These high-specificity guards
   keep the drawer fully outside the viewport, restore full content
   width, and make Inicio + Analytics usable at compact breakpoints.
   ============================================================= */

@media (max-width: 1180px) and (min-width: 769px) {
  #page-content-wrapper #dash-root .dash-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #page-content-wrapper #dash-root .dash-charts-row-1 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #page-content-wrapper .an-wrap .an-grid.kpi-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #page-content-wrapper .an-wrap .an-grid.col-2 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 768px) {
  html body.glass-ui #wrapper #sidebar-wrapper,
  html body.glass-ui #wrapper #sidebar-wrapper.collapsed {
    position: fixed !important;
    left: -300px !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    height: 100vh !important;
    padding: 16px !important;
    z-index: 1000 !important;
    overflow: visible !important;
  }

  html body.glass-ui #wrapper #sidebar-wrapper.show,
  html body.glass-ui #wrapper #sidebar-wrapper.collapsed.show {
    left: 0 !important;
  }

  html body.glass-ui #wrapper #sidebar-wrapper.show .menu-text,
  html body.glass-ui #wrapper #sidebar-wrapper.collapsed.show .menu-text {
    display: revert !important;
    opacity: 1 !important;
  }

  html body.glass-ui #wrapper #sidebar-wrapper.collapsed.show .erp-sidebar-section {
    display: block !important;
  }

  html body.glass-ui #wrapper #page-content-wrapper {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding: 8px !important;
  }

  #page-content-wrapper #dash-root .dash-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #page-content-wrapper #dash-root .dash-charts-row-1,
  #page-content-wrapper #dash-root .dash-charts-row-2 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #page-content-wrapper #dash-root .dash-charts-row-2 .dash-block-detailed {
    grid-column: auto !important;
  }

  #page-content-wrapper #dash-root .dash-shortcuts-grid-full {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #page-content-wrapper .an-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 10px 36px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  #page-content-wrapper .an-wrap .an-grid.kpi-4,
  #page-content-wrapper .an-wrap .an-grid.col-2,
  #page-content-wrapper .an-wrap .an-grid.col-3 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #page-content-wrapper .an-wrap .an-card {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  #page-content-wrapper .an-wrap .an-card h3 {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  #page-content-wrapper .an-wrap .an-chart-wrap,
  #page-content-wrapper .an-wrap .an-chart-wrap.tall {
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {
  #page-content-wrapper #dash-root.inicio-dashboard {
    padding: 10px 8px 24px !important;
  }

  #page-content-wrapper #dash-root .dash-branch-label,
  #page-content-wrapper #dash-root .dash-branch-selector-wrap {
    width: 100% !important;
  }

  #page-content-wrapper #dash-root .dash-branch-selector-wrap {
    min-width: 0 !important;
    max-width: none !important;
  }

  #page-content-wrapper #dash-root .dash-shift-banner {
    align-items: stretch !important;
    padding: 12px !important;
  }

  #page-content-wrapper #dash-root .dash-shift-left,
  #page-content-wrapper #dash-root .dash-shift-actions {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  #page-content-wrapper #dash-root .dash-shift-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  #page-content-wrapper #dash-root .dash-kpi {
    padding: 10px !important;
    gap: 8px !important;
  }

  #page-content-wrapper #dash-root .dash-kpi-icon {
    width: 34px !important;
    height: 34px !important;
  }

  #page-content-wrapper #dash-root .dash-card {
    padding: 14px !important;
  }

  #page-content-wrapper #dash-root .dash-card-header {
    align-items: flex-start !important;
  }

  #page-content-wrapper #dash-root .dash-chart-canvas-wrap {
    height: 220px !important;
  }

  #page-content-wrapper .an-wrap .an-head {
    display: block !important;
  }

  #page-content-wrapper .an-wrap .an-head > div:last-child {
    width: 100% !important;
    margin-top: 10px !important;
    flex-wrap: wrap !important;
  }

  #page-content-wrapper .an-wrap .an-head > div:last-child .an-btn {
    flex: 1 1 auto !important;
    justify-content: center !important;
  }

  #page-content-wrapper .an-wrap .an-filters .an-fg {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #page-content-wrapper .an-wrap .an-fg input,
  #page-content-wrapper .an-wrap .an-fg select {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #page-content-wrapper .an-wrap .an-branches {
    width: 100% !important;
    max-width: none !important;
  }

  #page-content-wrapper .an-wrap .an-card {
    padding: 12px !important;
  }

  #page-content-wrapper .an-wrap .an-chart-wrap.tall {
    height: 280px !important;
  }

  #page-content-wrapper .an-wrap #fcReload {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* ACON-8: Forecast is read-only and intentionally has no realtime transport. */
body:has(#fcReload):has(#fcCard):has(#fqCard) #anRtBadge {
  display: none !important;
}