@import url('v2-typography.css?v=343-v2-type-v1');
/* Dashboard V2 presentation-only tune: no data/API side effects. */
.desktop-signal{display:inline}.mobile-clock,.mobile-signal{display:none}

/* Desktop/laptop: only the center match board scrolls.
   The outer center column must NOT clip expanded cards; the inner board owns the scroll. */
@media(min-width:761px){
  .main-board{
    min-width:0;
    height:calc(100vh - 158px);
    height:calc(100dvh - 158px);
    min-height:420px;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    overflow:visible;
    position:relative;
  }
  .main-board>.board-toolbar{
    min-width:0;
    margin-bottom:10px;
    position:relative;
    z-index:2;
  }
  .main-board>.board-sections{
    min-width:0;
    min-height:0;
    height:100%;
    align-content:start;
    grid-auto-rows:max-content;
    overflow-x:hidden;
    overflow-y:scroll;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    scrollbar-width:auto;
    scrollbar-color:#8f9994 #e2e7e4;
    padding:2px 8px 14px 2px;
    position:relative;
    z-index:1;
    background:transparent;
  }
  .main-board>.board-sections::-webkit-scrollbar{width:11px}
  .main-board>.board-sections::-webkit-scrollbar-track{background:#e2e7e4;border-radius:999px}
  .main-board>.board-sections::-webkit-scrollbar-thumb{background:#8f9994;border:2px solid #e2e7e4;border-radius:999px;min-height:44px}
  .main-board>.board-sections::-webkit-scrollbar-thumb:hover{background:#737e78}

  html[data-theme="dark"] .main-board>.board-sections{
    scrollbar-color:#3d4541 #111613;
  }
  html[data-theme="dark"] .main-board>.board-sections::-webkit-scrollbar-track{background:#111613}
  html[data-theme="dark"] .main-board>.board-sections::-webkit-scrollbar-thumb{background:#3d4541;border-color:#111613}
  html[data-theme="dark"] .main-board>.board-sections::-webkit-scrollbar-thumb:hover{background:#535d57}
}

@media(max-width:760px){
  .score-cell>small:not(.half-score){display:none!important}
  .signal-cell:before{content:none!important;display:none!important}
  .signal-cell{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text);min-width:0}
  .desktop-signal{display:none!important}
  .mobile-clock{display:block;font-size:11.5px;font-weight:600;line-height:1.15;color:var(--text);white-space:nowrap}
  .mobile-signal{display:block;font-size:9.5px;font-weight:600;line-height:1.15;color:var(--muted);white-space:nowrap}
  .signal-cell.locked .mobile-signal{color:var(--green)}

  /* Mobile stays natural page-scroll: no nested vertical scroller. */
  .main-board{height:auto;min-height:0;display:block;overflow:visible}
  .main-board>.board-sections{height:auto;max-height:none;overflow:visible;padding-right:0;scrollbar-gutter:auto;align-content:normal;grid-auto-rows:auto}
}