@import url('/assets/brand-core.css?v=20260804-11-final');
@import url('/assets/checka-theme-foundation.css?v=20260804-11-final');
@import url('/assets/checka-theme-public.css?v=20260804-11-final');
@import url('/assets/checka-theme-commerce.css?v=20260805-01-final');
@import url('/assets/checka-theme-auth.css?v=20260804-11-final');
@import url('/assets/checka-theme-app.css?v=20260804-11-final');
@import url('/assets/checka-theme-responsive.css?v=20260804-11-final');
@import url('/assets/checka-theme-legal.css?v=20260804-11-final');
@import url('/assets/checka-theme-continuity.css?v=20260804-11-final');
@import url('/assets/checka-theme-polish.css?v=20260804-11-final');
@import url('/assets/checka-theme-approved.css?v=20260804-11-final');
@import url('/assets/checka-theme-fidelity-v5.css?v=20260804-11-final');
@import url('/assets/checka-theme-landing-exact-v6.css?v=20260804-11-final');
@import url('/assets/checka-theme-landing-reference-v7.css?v=20260804-11-final');
@import url('/assets/checka-theme-landing-pixel-v11.css?v=20260805-03-final');

:root {
  --checka-logo-dark-surface: #00183C;
  --checka-logo-light-surface: #F4F7FB;
}

/* CHECKA_AUTH_MOBILE_FINAL_20260809
 * Única capa mobile específica del workspace autenticado. Desktop queda
 * gobernado exclusivamente por las hojas base importadas arriba.
 */
@media (max-width: 820px) {
  :root {
    --checka-mobile-drawer-width: min(76vw, 300px);
    --checka-mobile-drawer-footer: 192px;
  }

  html,
  body,
  .app-frame,
  .shell,
  .route-screen,
  #dashboardPanel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html,
  body,
  .app-frame,
  .shell {
    overflow-x: hidden !important;
  }

  .app-frame,
  .app-frame.sidebar-collapsed {
    display: block !important;
  }

  /* Header de la aplicación. */
  .sidebar,
  .app-frame.sidebar-collapsed .sidebar {
    position: relative !important;
    z-index: 120 !important;
    display: block !important;
    width: 100% !important;
    min-height: 70px !important;
    height: 70px !important;
    padding: 7px 12px !important;
    overflow: visible !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-sizing: border-box !important;
  }

  .sidebar-top-group {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .sidebar-top {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .brand-logo,
  .app-frame.sidebar-collapsed .brand-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 148px !important;
    min-width: 0 !important;
    max-width: 148px !important;
    height: 50px !important;
    min-height: 0 !important;
    padding: 1px 2px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .brand-logo img.checka-brand-image--canonical {
    display: block !important;
    width: 100% !important;
    max-width: 148px !important;
    height: auto !important;
    max-height: 48px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  /* Trigger cerrado. */
  .nav-toggle,
  #navToggle {
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;
    z-index: 20 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 10px !important;
    background: rgba(9,22,39,.72) !important;
    box-shadow: 0 7px 18px rgba(2,8,18,.18), inset 0 1px rgba(255,255,255,.04) !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .nav-toggle span,
  #navToggle span {
    display: block !important;
    flex: 0 0 2px !important;
    width: 18px !important;
    height: 2px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 99px !important;
    background: #f4f7fb !important;
    transform-origin: center !important;
    transition: transform .22s ease, opacity .16s ease, width .16s ease !important;
  }

  /* El contexto completo del sidebar queda por encima del backdrop al abrir. */
  .sidebar:has(.side-nav.is-open),
  .app-frame.sidebar-collapsed .sidebar:has(.side-nav.is-open) {
    z-index: 9100 !important;
  }

  body:has(#sideNav.is-open) {
    overflow: hidden !important;
    touch-action: none !important;
  }

  body:has(#sideNav.is-open)::before {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9000 !important;
    display: block !important;
    content: '' !important;
    background: rgba(3,10,20,.50) !important;
    backdrop-filter: blur(1px) !important;
    -webkit-backdrop-filter: blur(1px) !important;
  }

  /* X abierta. */
  #navToggle[aria-expanded='true'] {
    position: fixed !important;
    top: calc(12px + env(safe-area-inset-top)) !important;
    right: 10px !important;
    z-index: 9300 !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-color: rgba(255,112,57,.34) !important;
    border-radius: 10px !important;
    background: #112238 !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.28) !important;
    transform: none !important;
  }

  #navToggle[aria-expanded='true'] span:nth-child(1) {
    transform: translateY(6px) rotate(45deg) !important;
  }

  #navToggle[aria-expanded='true'] span:nth-child(2) {
    width: 0 !important;
    opacity: 0 !important;
  }

  #navToggle[aria-expanded='true'] span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg) !important;
  }

  /* Drawer: más angosto y con área de navegación independiente del footer. */
  .side-nav,
  .app-frame.sidebar-collapsed .side-nav {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: var(--checka-mobile-drawer-footer) !important;
    left: auto !important;
    z-index: 9200 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    width: var(--checka-mobile-drawer-width) !important;
    max-width: 300px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: calc(62px + env(safe-area-inset-top)) 12px 16px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-left: 1px solid #20334a !important;
    background:
      radial-gradient(circle at 100% 0, rgba(255,90,31,.13), transparent 29%),
      linear-gradient(180deg,#091725 0%,#07121f 58%,#060e19 100%) !important;
    box-shadow: -20px 0 52px rgba(0,0,0,.34) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(104%,0,0) !important;
    transition: transform .27s cubic-bezier(.22,.8,.22,1), opacity .18s ease, visibility .18s ease !important;
    box-sizing: border-box !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    -webkit-font-smoothing: antialiased !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    scrollbar-width: thin !important;
    scrollbar-color: #31455d transparent !important;
  }

  .side-nav::before {
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 4px 11px !important;
    color: #f7f9fc !important;
    content: 'Navegación' !important;
    font: 750 19px/1.1 'Bricolage Grotesque', system-ui, sans-serif !important;
    letter-spacing: -.025em !important;
  }

  .side-nav.is-open,
  .app-frame.sidebar-collapsed .side-nav.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0,0,0) !important;
  }

  /* Nunca forzar visibles los módulos que la lógica de roles marcó hidden. */
  .side-nav .nav-link.hidden,
  .side-nav .nav-section-label.hidden {
    display: none !important;
  }

  .side-nav .nav-section-label {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 12px 7px 4px !important;
    padding: 0 !important;
    color: #71839a !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: .17em !important;
    text-transform: uppercase !important;
  }

  .side-nav .nav-link,
  .app-frame.sidebar-collapsed .side-nav .nav-link {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    color: #a7b5c6 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  .side-nav .nav-link:hover,
  .side-nav .nav-link:focus-visible {
    color: #f3f6fa !important;
    border-color: #273a50 !important;
    background: #0f1e2e !important;
  }

  .side-nav .nav-link.active {
    color: #ff743a !important;
    border-color: rgba(255,102,44,.22) !important;
    background: linear-gradient(90deg,rgba(255,90,31,.18),rgba(255,90,31,.035)) !important;
  }

  .side-nav .nav-link-icon {
    flex: 0 0 17px !important;
    width: 17px !important;
    height: 17px !important;
  }

  .side-nav .nav-link-label,
  .app-frame.sidebar-collapsed .side-nav .nav-link-label {
    display: inline !important;
    opacity: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 13px !important;
    font-weight: 680 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Footer del drawer: ocupa una zona propia y nunca tapa módulos. */
  .sidebar-bottom-group {
    display: none !important;
  }

  .sidebar:has(.side-nav.is-open) .sidebar-bottom-group {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 9210 !important;
    display: block !important;
    width: var(--checka-mobile-drawer-width) !important;
    max-width: 300px !important;
    height: var(--checka-mobile-drawer-footer) !important;
    max-height: var(--checka-mobile-drawer-footer) !important;
    margin: 0 !important;
    padding: 9px 12px calc(10px + env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-top: 1px solid #20334a !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg,rgba(7,17,30,.98),#06101c) !important;
    box-shadow: 0 -12px 28px rgba(0,0,0,.15) !important;
    box-sizing: border-box !important;
    overscroll-behavior: contain !important;
  }

  .sidebar:has(.side-nav.is-open) .sidebar-consumption,
  .sidebar:has(.side-nav.is-open) .sidebar-footer-usage {
    display: none !important;
  }

  .sidebar:has(.side-nav.is-open) .sidebar-sponsor-switcher:not(.hidden) {
    display: block !important;
    margin: 0 0 7px !important;
  }

  .sidebar:has(.side-nav.is-open) .sidebar-sponsor-button {
    width: 100% !important;
    min-height: 38px !important;
    padding: 6px 9px !important;
    border: 1px solid #26384d !important;
    border-radius: 9px !important;
    background: #0c1928 !important;
    box-sizing: border-box !important;
  }

  .sidebar:has(.side-nav.is-open) .sidebar-footer-card {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #26384d !important;
    border-radius: 10px !important;
    background: #0b1826 !important;
    box-shadow: none !important;
  }

  .sidebar:has(.side-nav.is-open) .sidebar-footer-row {
    min-height: 42px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .sidebar:has(.side-nav.is-open) .sidebar-footer-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }

  .sidebar:has(.side-nav.is-open) .sidebar-footer-logout {
    min-height: 36px !important;
  }

  /* Barra funcional del workspace. */
  .shell,
  .app-frame.sidebar-collapsed .shell {
    margin: 0 !important;
    padding: 0 10px 38px !important;
  }

  .signal-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
    width: calc(100% + 20px) !important;
    max-width: none !important;
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 -10px 12px !important;
    padding: 7px 10px !important;
    border-bottom: 1px solid #d8e1eb !important;
    background: rgba(244,247,251,.96) !important;
    box-sizing: border-box !important;
    backdrop-filter: blur(18px) !important;
  }

  .signal-command-brand,
  .signal-processing-status,
  #signalProcessingStatus,
  .signal-role-context,
  .signal-date-chip,
  .signal-global-search kbd {
    display: none !important;
  }

  .signal-global-search {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 10px !important;
  }

  .signal-global-search input {
    min-width: 0 !important;
    font-size: 12px !important;
  }

  .signal-topbar-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
  }

  .signal-new-audit {
    width: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    font-size: 0 !important;
  }

  .signal-new-audit span {
    font-size: 20px !important;
  }

  /* Dashboard: lectura humana primero. */
  #dashboardPanel {
    overflow: hidden !important;
  }

  #dashboardPanel .filter-bar {
    display: none !important;
  }

  #dashboardPanel .signal-dashboard-heading {
    padding: 16px 14px !important;
  }

  #dashboardPanel .signal-dashboard-heading h1 {
    font-size: 24px !important;
    line-height: 1.05 !important;
  }

  #dashboardPanel .signal-main-grid,
  #dashboardPanel .signal-command-grid,
  #dashboardPanel .signal-side-stack,
  #dashboardPanel .signal-operations-grid,
  #dashboardPanel .signal-first-look {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    grid-template: none !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-template-areas: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  #dashboardPanel .signal-main-grid::before,
  #dashboardPanel .signal-main-grid::after,
  #dashboardPanel .signal-command-grid::before,
  #dashboardPanel .signal-command-grid::after,
  #dashboardPanel .signal-side-stack::before,
  #dashboardPanel .signal-side-stack::after,
  #dashboardPanel .signal-operations-grid::before,
  #dashboardPanel .signal-operations-grid::after {
    display: none !important;
    content: none !important;
  }

  #dashboardPanel .signal-main-grid {
    gap: 12px !important;
    margin-top: 10px !important;
    padding: 12px !important;
  }

  #dashboardPanel .signal-side-stack {
    order: 1 !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  #dashboardPanel .signal-command-grid {
    order: 2 !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  #dashboardPanel .signal-operations-grid,
  #dashboardPanel .signal-first-look {
    gap: 12px !important;
    margin-top: 12px !important;
    padding: 12px !important;
  }

  #dashboardPanel .signal-trend-card { order: 1 !important; }
  #dashboardPanel .signal-quality-index-card { order: 2 !important; }
  #dashboardPanel .signal-dimension-card { order: 3 !important; }
  #dashboardPanel .signal-risk-card { order: 4 !important; }

  #dashboardPanel .signal-command-grid > article,
  #dashboardPanel .signal-side-stack > article,
  #dashboardPanel .signal-operations-grid > article,
  #dashboardPanel .signal-first-look > article,
  #dashboardPanel .signal-trend-card,
  #dashboardPanel .signal-quality-index-card,
  #dashboardPanel .signal-dimension-card,
  #dashboardPanel .signal-risk-card,
  #dashboardPanel .signal-heatmap-card,
  #dashboardPanel .signal-objections-card {
    position: relative !important;
    display: block !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    grid-area: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 13px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #dashboardPanel .signal-card-head {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 0 10px !important;
    padding: 0 34px 0 0 !important;
    box-sizing: border-box !important;
  }

  #dashboardPanel .signal-card-head > div {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  #dashboardPanel .signal-card-head > span {
    display: none !important;
  }

  #dashboardPanel .signal-card-head small {
    display: block !important;
    max-width: 100% !important;
    margin: 0 0 6px !important;
    overflow: hidden !important;
    color: #ef5b2a !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  #dashboardPanel .signal-card-head h3 {
    display: block !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #0d1728 !important;
    font-size: 18px !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #dashboardPanel .signal-card-head .signal-info-dot {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 3 !important;
    margin: 0 !important;
  }

  #dashboardPanel .signal-chart-stage,
  #dashboardPanel #signalScoreTrend,
  #dashboardPanel #signalRiskDistribution,
  #dashboardPanel #signalDimensionChart,
  #dashboardPanel .signal-quality-index-summary {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #dashboardPanel .signal-trend-card .signal-chart-stage {
    min-height: 200px !important;
  }

  #dashboardPanel .signal-chart-stage svg,
  #dashboardPanel .signal-sparkline {
    width: 100% !important;
    max-width: 100% !important;
  }

  #dashboardPanel .signal-quality-index-summary {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 8px !important;
  }

  #dashboardPanel .signal-quality-index-card .signal-quality-mini {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 112px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #dashboardPanel .signal-quality-index-card .signal-quality-mini strong {
    font-size: 25px !important;
    line-height: 1 !important;
  }

  #dashboardPanel .signal-quality-index-card .signal-quality-mini span {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px 7px !important;
    min-width: 0 !important;
    margin-top: 5px !important;
    white-space: normal !important;
  }

  #dashboardPanel .signal-dimension-card #signalDimensionChart {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  #dashboardPanel .signal-dimension-row {
    position: relative !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #dashboardPanel .signal-risk-card,
  #dashboardPanel .signal-risk-card > #signalRiskDistribution,
  #dashboardPanel #signalRiskDistribution {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }

  #dashboardPanel .signal-risk-card .signal-donut-wrap {
    display: grid !important;
    grid-template-columns: 86px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px 0 !important;
  }

  #dashboardPanel .signal-risk-card .signal-donut {
    width: 84px !important;
    max-width: 84px !important;
  }

  #dashboardPanel .signal-risk-card .signal-donut::before {
    width: 58px !important;
  }

  #dashboardPanel .signal-risk-card .signal-donut-legend,
  #dashboardPanel .signal-risk-card .signal-donut-legend span {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* 4 registros visibles + scroll interno. */
  #dashboardPanel .signal-first-look-card {
    min-height: 0 !important;
    height: auto !important;
  }

  #dashboardPanel .signal-first-look-card .rank-list,
  #dashboardPanel .signal-first-look-card .recent-list {
    display: block !important;
    width: 100% !important;
    min-height: 360px !important;
    height: 360px !important;
    max-height: 360px !important;
    padding: 0 3px 0 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: #c9d3df transparent !important;
    scroll-snap-type: y proximity !important;
    box-shadow: inset 0 -18px 18px -18px rgba(7,17,31,.42) !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #dashboardPanel .signal-first-look-card .rank-list > *,
  #dashboardPanel .signal-first-look-card .recent-list > * {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 84px !important;
    height: 84px !important;
    margin: 0 0 8px !important;
    padding: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
  }

  #dashboardPanel .signal-first-look-card .rank-row strong,
  #dashboardPanel .signal-first-look-card .rank-item strong,
  #dashboardPanel .signal-first-look-card .recent-row strong,
  #dashboardPanel .signal-first-look-card .recent-item strong {
    max-width: calc(100% - 56px) !important;
    overflow: hidden !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #dashboardPanel .signal-first-look-card .rank-row small,
  #dashboardPanel .signal-first-look-card .rank-item small,
  #dashboardPanel .signal-first-look-card .recent-row small,
  #dashboardPanel .signal-first-look-card .recent-item small {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  #dashboardPanel .signal-team-grid {
    min-width: 620px !important;
  }

  #dashboardPanel .signal-heatmap-card,
  #dashboardPanel .signal-audit-table-card,
  #dashboardPanel .signal-operations-grid > article:has(.signal-team-grid) {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .results .result-summary {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px !important;
    box-sizing: border-box !important;
  }

  .results .result-summary #resultSubtitle,
  .results .result-summary p {
    max-width: 100% !important;
    margin-top: 12px !important;
    font-size: 15px !important;
    line-height: 1.48 !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
    text-align: left !important;
    text-justify: auto !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
  }
}

@media (max-width: 520px) {
  :root {
    --checka-mobile-drawer-width: min(76vw, 296px);
  }

  #dashboardPanel .signal-dimension-card #signalDimensionChart {
    grid-template-columns: minmax(0,1fr) !important;
  }

  #dashboardPanel .signal-risk-card .signal-donut-wrap {
    grid-template-columns: 78px minmax(0,1fr) !important;
    gap: 10px !important;
  }

  #dashboardPanel .signal-risk-card .signal-donut {
    width: 76px !important;
    max-width: 76px !important;
  }

  #dashboardPanel .signal-risk-card .signal-donut::before {
    width: 52px !important;
  }

  #dashboardPanel .signal-first-look-card .rank-list,
  #dashboardPanel .signal-first-look-card .recent-list {
    min-height: 344px !important;
    height: 344px !important;
    max-height: 344px !important;
  }

  #dashboardPanel .signal-first-look-card .rank-list > *,
  #dashboardPanel .signal-first-look-card .recent-list > * {
    min-height: 80px !important;
    height: 80px !important;
  }
}