/* =========================================
   AuftragsPilot Dashboard Feinschliff
   oben kompakter + linke Leiste sauber
   Nur Übersicht / Navigation
   ========================================= */

/* Alte Reste in der linken Leiste ausblenden */
body.ap-exact-dashboard-active .sidebar > :not(.ap-exact-logo):not(.ap-exact-nav):not(.ap-exact-status) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Falls alte Menübuttons trotzdem nachgeladen werden */
body.ap-exact-dashboard-active .sidebar .menu,
body.ap-exact-dashboard-active .sidebar .menu-title,
body.ap-exact-dashboard-active .sidebar .menu-item:not(.ap-exact-nav-btn),
body.ap-exact-dashboard-active .sidebar .section-title {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Linke Leiste sauberer */
@media screen and (min-width: 901px) {
  body.ap-exact-dashboard-active .sidebar {
    width: 285px !important;
  }

  body.ap-exact-dashboard-active .main {
    left: 285px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-logo {
    height: 96px !important;
    padding: 0 24px !important;
    font-size: 26px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-nav {
    gap: 14px !important;
    padding: 24px 16px 16px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-nav-btn {
    min-height: 62px !important;
    padding: 13px 17px !important;
    font-size: 18px !important;
    border-radius: 16px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-nav-icon {
    font-size: 24px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-status {
    left: 16px !important;
    right: 16px !important;
    bottom: 20px !important;
    padding: 16px 18px !important;
  }

  /* Oberer Bereich kompakter */
  body.ap-exact-dashboard-active .ap-exact-shell {
    padding: 30px 44px 34px !important;
    min-height: calc(100vh - 44px) !important;
  }

  body.ap-exact-dashboard-active .ap-exact-head {
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-title h1 {
    font-size: 54px !important;
    line-height: .95 !important;
  }

  body.ap-exact-dashboard-active .ap-exact-title p {
    margin-top: 12px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    max-width: 560px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-art {
    min-height: 64px !important;
    font-size: 46px !important;
    gap: 16px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-sync {
    font-size: 17px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-user {
    width: 36px !important;
    height: 36px !important;
    font-size: 18px !important;
  }

  /* Erklärung etwas kompakter */
  body.ap-exact-dashboard-active .ap-exact-help {
    padding: 18px 24px !important;
    margin-bottom: 20px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-help-title {
    font-size: 21px !important;
    margin-bottom: 14px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-info-icon {
    width: 36px !important;
    height: 36px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-steps {
    gap: 22px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-step strong {
    font-size: 16px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-step span {
    font-size: 15px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-tip {
    margin-top: 14px !important;
    padding-top: 13px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-section-title {
    font-size: 42px !important;
    margin: 2px 0 20px !important;
  }

  /* Karten minimal kompakter, aber noch groß */
  body.ap-exact-dashboard-active .ap-exact-card {
    min-height: 235px !important;
    padding: 24px 20px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-card-icon {
    width: 78px !important;
    height: 78px !important;
    font-size: 38px !important;
    margin-bottom: 18px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-card h3 {
    font-size: 29px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-card p {
    font-size: 16px !important;
  }
}