/* ═══════════════════════════════════════════════════════════════════════════
   v5.339–v5.344: BUS, TVM, Metro-Turniket və POS "Davam edən servislər" + "Real-Time Report" — çərçivələrin yaxşılaşdırılması ("Ayrı bölmələr").
   Mövcud bölmələr, düymələr və funksiyalar DƏYİŞMİR; yalnız: alət zolağı və cədvəl iki ayrı çərçivəli
   səthdir (aralarında arxa fon görünür), cədvəl başlığı bir az tünd tonda, cüt sətirlər çox incə fonla ayrılır,
   yazılar və xətlər bir pillə tünd/qabarıqdır. Yalnız desktop (≥901px); mobil görünüş toxunulmazdır.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (min-width:901px){
  html body #busOngoingView,
  html body #busReportView,
  html body #tvmReportView,
  html body #tvmOngoingView,
  html body #metroReportView,
  html body #metroOngoingView,
  html body #posReportView,
  html body #posOngoingView { background:#E9EFF7; min-height:100vh; }
  html body #busOngoingView .rpt-header,
  html body #busReportView .rpt-header,
  html body #tvmReportView .rpt-header,
  html body #tvmOngoingView .rpt-header,
  html body #metroReportView .rpt-header,
  html body #metroOngoingView .rpt-header,
  html body #posReportView .rpt-header,
  html body #posOngoingView .rpt-header { border-bottom:1.5px solid #BFCCDD; }

  /* alət zolağı: ayrı çərçivəli səth */
  html body #busOngoingView .rpt-toolbar,
  html body #busReportView .rpt-toolbar,
  html body #tvmReportView .rpt-toolbar,
  html body #tvmOngoingView .rpt-toolbar,
  html body #metroReportView .rpt-toolbar,
  html body #metroOngoingView .rpt-toolbar,
  html body #posReportView .rpt-toolbar,
  html body #posOngoingView .rpt-toolbar {
    margin:16px 22px 0; padding:14px 18px; background:#FFFFFF;
    border:1.5px solid #BFCCDD; border-radius:14px;
    box-shadow:0 1px 2px rgba(15,29,51,.05), 0 12px 24px -20px rgba(15,29,51,.3);
  }
  /* cədvəl: ayrı çərçivəli səth */
  html body #busOngoingView .rpt-body-scroll,
  html body #busReportView .rpt-body-scroll,
  html body #tvmReportView .rpt-body-scroll,
  html body #tvmOngoingView .rpt-body-scroll,
  html body #metroReportView .rpt-body-scroll,
  html body #metroOngoingView .rpt-body-scroll,
  html body #posReportView .rpt-body-scroll,
  html body #posOngoingView .rpt-body-scroll { padding:16px 22px 22px; }
  html body #busOngoingView .rpt-table-wrap,
  html body #busReportView .rpt-table-wrap,
  html body #tvmReportView .rpt-table-wrap,
  html body #tvmOngoingView .rpt-table-wrap,
  html body #metroReportView .rpt-table-wrap,
  html body #metroOngoingView .rpt-table-wrap,
  html body #posReportView .rpt-table-wrap,
  html body #posOngoingView .rpt-table-wrap {
    flex:none; min-height:0; padding:0; background:#FFFFFF;
    border:1.5px solid #BFCCDD; border-radius:14px;
    /* v5.342: cədvəl çərçivənin İÇİNDƏ scroll etmir — çərçivə sətir sayına görə uzanır, scroll bütün məzmunun (.rpt-body-scroll) özündədir;
       overflow:clip scroll konteyneri yaratmır (başlıq sətri sticky qalır), yalnız künclərdən kənarı kəsir */
    overflow:visible; overflow:clip;
    box-shadow:0 1px 2px rgba(15,29,51,.05), 0 12px 24px -20px rgba(15,29,51,.3);
  }
  html body #busOngoingView .rpt-table thead th:first-child,
  html body #busReportView .rpt-table thead th:first-child,
  html body #tvmReportView .rpt-table thead th:first-child,
  html body #tvmOngoingView .rpt-table thead th:first-child,
  html body #metroReportView .rpt-table thead th:first-child,
  html body #metroOngoingView .rpt-table thead th:first-child,
  html body #posReportView .rpt-table thead th:first-child,
  html body #posOngoingView .rpt-table thead th:first-child { border-top-left-radius:12px; }
  html body #busOngoingView .rpt-table thead th:last-child,
  html body #busReportView .rpt-table thead th:last-child,
  html body #tvmReportView .rpt-table thead th:last-child,
  html body #tvmOngoingView .rpt-table thead th:last-child,
  html body #metroReportView .rpt-table thead th:last-child,
  html body #metroOngoingView .rpt-table thead th:last-child,
  html body #posReportView .rpt-table thead th:last-child,
  html body #posOngoingView .rpt-table thead th:last-child { border-top-right-radius:12px; }
  html body #busOngoingView .rpt-table-wrap .rpt-table,
  html body #busReportView .rpt-table-wrap .rpt-table,
  html body #tvmReportView .rpt-table-wrap .rpt-table,
  html body #tvmOngoingView .rpt-table-wrap .rpt-table,
  html body #metroReportView .rpt-table-wrap .rpt-table,
  html body #metroOngoingView .rpt-table-wrap .rpt-table,
  html body #posReportView .rpt-table-wrap .rpt-table,
  html body #posOngoingView .rpt-table-wrap .rpt-table { border:0; border-radius:0; box-shadow:none; }
  html body #busOngoingView .rpt-table thead th,
  html body #busReportView .rpt-table thead th,
  html body #tvmReportView .rpt-table thead th,
  html body #tvmOngoingView .rpt-table thead th,
  html body #metroReportView .rpt-table thead th,
  html body #metroOngoingView .rpt-table thead th,
  html body #posReportView .rpt-table thead th,
  html body #posOngoingView .rpt-table thead th {
    background:#DFE8F4; color:#2E3F5A; font-size:11px; letter-spacing:.5px; padding:13px 13px;
    border-bottom:1.5px solid #AFBFD5; border-right:0;
  }
  html body #busOngoingView .rpt-table tbody td,
  html body #busReportView .rpt-table tbody td,
  html body #tvmReportView .rpt-table tbody td,
  html body #tvmOngoingView .rpt-table tbody td,
  html body #metroReportView .rpt-table tbody td,
  html body #metroOngoingView .rpt-table tbody td,
  html body #posReportView .rpt-table tbody td,
  html body #posOngoingView .rpt-table tbody td {
    color:#0E1B31; padding:12px 13px; border-bottom:1px solid #D6E0ED; border-right:0; background:#FFFFFF;
  }
  html body #busOngoingView .rpt-table tbody tr:nth-child(even) td,
  html body #busReportView .rpt-table tbody tr:nth-child(even) td,
  html body #tvmReportView .rpt-table tbody tr:nth-child(even) td,
  html body #tvmOngoingView .rpt-table tbody tr:nth-child(even) td,
  html body #metroReportView .rpt-table tbody tr:nth-child(even) td,
  html body #metroOngoingView .rpt-table tbody tr:nth-child(even) td,
  html body #posReportView .rpt-table tbody tr:nth-child(even) td,
  html body #posOngoingView .rpt-table tbody tr:nth-child(even) td { background:#F6F9FD; }
  html body #busOngoingView .rpt-table tbody tr:hover td,
  html body #busReportView .rpt-table tbody tr:hover td,
  html body #tvmReportView .rpt-table tbody tr:hover td,
  html body #tvmOngoingView .rpt-table tbody tr:hover td,
  html body #metroReportView .rpt-table tbody tr:hover td,
  html body #metroOngoingView .rpt-table tbody tr:hover td,
  html body #posReportView .rpt-table tbody tr:hover td,
  html body #posOngoingView .rpt-table tbody tr:hover td { background:#EDF3FC; }
  html body #busOngoingView .rpt-table tbody tr:last-child td,
  html body #busReportView .rpt-table tbody tr:last-child td,
  html body #tvmReportView .rpt-table tbody tr:last-child td,
  html body #tvmOngoingView .rpt-table tbody tr:last-child td,
  html body #metroReportView .rpt-table tbody tr:last-child td,
  html body #metroOngoingView .rpt-table tbody tr:last-child td,
  html body #posReportView .rpt-table tbody tr:last-child td,
  html body #posOngoingView .rpt-table tbody tr:last-child td { border-bottom:0; }
  /* sətir düymələri: sərhəd bir az qabarıq */
  html body #busOngoingView .rpt-icon-btn,
  html body #busReportView .rpt-icon-btn,
  html body #tvmReportView .rpt-icon-btn,
  html body #tvmOngoingView .rpt-icon-btn,
  html body #metroReportView .rpt-icon-btn,
  html body #metroOngoingView .rpt-icon-btn,
  html body #posReportView .rpt-icon-btn,
  html body #posOngoingView .rpt-icon-btn { border-color:#B8C6DA; color:#2E3F5A; }
  html body #busOngoingView .rpt-icon-btn:hover,
  html body #busReportView .rpt-icon-btn:hover,
  html body #tvmReportView .rpt-icon-btn:hover,
  html body #tvmOngoingView .rpt-icon-btn:hover,
  html body #metroReportView .rpt-icon-btn:hover,
  html body #metroOngoingView .rpt-icon-btn:hover,
  html body #posReportView .rpt-icon-btn:hover,
  html body #posOngoingView .rpt-icon-btn:hover { border-color:#2F6FED; color:#2F6FED; }
  /* "Daha çox göstər" — cədvəlin altında ayrıca, çərçivəsiz zolaq */
  html body #busOngoingView .rpt-loadmore-wrap,
  html body #busReportView .rpt-loadmore-wrap,
  html body #tvmReportView .rpt-loadmore-wrap,
  html body #tvmOngoingView .rpt-loadmore-wrap,
  html body #metroReportView .rpt-loadmore-wrap,
  html body #metroOngoingView .rpt-loadmore-wrap,
  html body #posReportView .rpt-loadmore-wrap,
  html body #posOngoingView .rpt-loadmore-wrap { background:transparent; border-top:0; padding:14px 0 0; }
  html body #busOngoingView .rpt-empty,
  html body #busReportView .rpt-empty,
  html body #tvmReportView .rpt-empty,
  html body #tvmOngoingView .rpt-empty,
  html body #metroReportView .rpt-empty,
  html body #metroOngoingView .rpt-empty,
  html body #posReportView .rpt-empty,
  html body #posOngoingView .rpt-empty,
  html body #busOngoingView .rpt-loading,
  html body #busReportView .rpt-loading,
  html body #tvmReportView .rpt-loading,
  html body #tvmOngoingView .rpt-loading,
  html body #metroReportView .rpt-loading,
  html body #metroOngoingView .rpt-loading,
  html body #posReportView .rpt-loading,
  html body #posOngoingView .rpt-loading { color:#3F5069; }

  /* gecə rejimi */
  html body.dark-mode #busOngoingView,
  html body.dark-mode #busReportView,
  html body.dark-mode #tvmReportView,
  html body.dark-mode #tvmOngoingView,
  html body.dark-mode #metroReportView,
  html body.dark-mode #metroOngoingView,
  html body.dark-mode #posReportView,
  html body.dark-mode #posOngoingView { background:#0F1826; }
  html body.dark-mode #busOngoingView .rpt-header,
  html body.dark-mode #busReportView .rpt-header,
  html body.dark-mode #tvmReportView .rpt-header,
  html body.dark-mode #tvmOngoingView .rpt-header,
  html body.dark-mode #metroReportView .rpt-header,
  html body.dark-mode #metroOngoingView .rpt-header,
  html body.dark-mode #posReportView .rpt-header,
  html body.dark-mode #posOngoingView .rpt-header { border-bottom-color:#2A3B54; }
  body.dark-mode #busOngoingView .rpt-toolbar,
  html body.dark-mode #busOngoingView .rpt-table-wrap,
  html body.dark-mode #busReportView .rpt-table-wrap,
  html body.dark-mode #tvmReportView .rpt-table-wrap,
  html body.dark-mode #tvmOngoingView .rpt-table-wrap,
  html body.dark-mode #metroReportView .rpt-table-wrap,
  html body.dark-mode #metroOngoingView .rpt-table-wrap,
  html body.dark-mode #posReportView .rpt-table-wrap,
  html body.dark-mode #posOngoingView .rpt-table-wrap { background:#16212E; border-color:#2A3B54; box-shadow:none; }
  html body.dark-mode #busOngoingView .rpt-table thead th,
  html body.dark-mode #busReportView .rpt-table thead th,
  html body.dark-mode #tvmReportView .rpt-table thead th,
  html body.dark-mode #tvmOngoingView .rpt-table thead th,
  html body.dark-mode #metroReportView .rpt-table thead th,
  html body.dark-mode #metroOngoingView .rpt-table thead th,
  html body.dark-mode #posReportView .rpt-table thead th,
  html body.dark-mode #posOngoingView .rpt-table thead th { background:#1C2A3D; color:#AEBDD4; border-bottom-color:#3A4E6B; }
  html body.dark-mode #busOngoingView .rpt-table tbody td,
  html body.dark-mode #busReportView .rpt-table tbody td,
  html body.dark-mode #tvmReportView .rpt-table tbody td,
  html body.dark-mode #tvmOngoingView .rpt-table tbody td,
  html body.dark-mode #metroReportView .rpt-table tbody td,
  html body.dark-mode #metroOngoingView .rpt-table tbody td,
  html body.dark-mode #posReportView .rpt-table tbody td,
  html body.dark-mode #posOngoingView .rpt-table tbody td { background:#16212E; color:#E8EEF5; border-bottom-color:#22344A; }
  html body.dark-mode #busOngoingView .rpt-table tbody tr:nth-child(even) td,
  html body.dark-mode #busReportView .rpt-table tbody tr:nth-child(even) td,
  html body.dark-mode #tvmReportView .rpt-table tbody tr:nth-child(even) td,
  html body.dark-mode #tvmOngoingView .rpt-table tbody tr:nth-child(even) td,
  html body.dark-mode #metroReportView .rpt-table tbody tr:nth-child(even) td,
  html body.dark-mode #metroOngoingView .rpt-table tbody tr:nth-child(even) td,
  html body.dark-mode #posReportView .rpt-table tbody tr:nth-child(even) td,
  html body.dark-mode #posOngoingView .rpt-table tbody tr:nth-child(even) td { background:#1A2838; }
  html body.dark-mode #busOngoingView .rpt-table tbody tr:hover td,
  html body.dark-mode #busReportView .rpt-table tbody tr:hover td,
  html body.dark-mode #tvmReportView .rpt-table tbody tr:hover td,
  html body.dark-mode #tvmOngoingView .rpt-table tbody tr:hover td,
  html body.dark-mode #metroReportView .rpt-table tbody tr:hover td,
  html body.dark-mode #metroOngoingView .rpt-table tbody tr:hover td,
  html body.dark-mode #posReportView .rpt-table tbody tr:hover td,
  html body.dark-mode #posOngoingView .rpt-table tbody tr:hover td { background:#213754; }
  html body.dark-mode #busOngoingView .rpt-icon-btn,
  html body.dark-mode #busReportView .rpt-icon-btn,
  html body.dark-mode #tvmReportView .rpt-icon-btn,
  html body.dark-mode #tvmOngoingView .rpt-icon-btn,
  html body.dark-mode #metroReportView .rpt-icon-btn,
  html body.dark-mode #metroOngoingView .rpt-icon-btn,
  html body.dark-mode #posReportView .rpt-icon-btn,
  html body.dark-mode #posOngoingView .rpt-icon-btn { border-color:#3A4E6B; color:#AEBDD4; }
}