/* =========================================
   AuftragsPilot Light Layout Cleanup
   Gelber Logo-Block weg, Sidebar sauber, doppelte obere Leiste raus
   Nur Optik - keine Logik
   ========================================= */

/* =========================
   1. GELBEN BLOCK LINKS OBEN ENTFERNEN
   ========================= */

.sidebar,
.sidebar.ap-exact-sidebar {
  background:
    radial-gradient(circle at 72% 0%, rgba(255,255,255,.20), transparent 28%),
    linear-gradient(180deg, #7fa7db 0%, #688dc0 58%, #5f83b6 100%) !important;
  border-right: 1px solid rgba(255,255,255,.52) !important;
  box-shadow: 12px 0 35px rgba(74,102,150,.14) !important;
}

/* alle möglichen Logo-/Brand-Elemente oben links */
.sidebar .ap-exact-logo,
.sidebar .brand,
.sidebar .logo,
.sidebar > div:first-child {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

/* Logo-Bereich neu sauber */
.sidebar .ap-exact-logo,
.sidebar .brand,
.sidebar .logo {
  min-height: 116px !important;
  padding: 26px 24px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  font-size: 27px !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  text-shadow: 0 2px 10px rgba(32,54,93,.18) !important;
}

/* Papierflieger-Icon links beim Logo */
.sidebar .ap-exact-logo::before,
.sidebar .brand::before,
.sidebar .logo::before {
  content: "" !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  background: linear-gradient(135deg, #7a63ff, #44bfff 52%, #72efaa) !important;
  clip-path: polygon(12% 74%, 84% 10%, 62% 94%, 43% 58%) !important;
  filter: drop-shadow(0 8px 16px rgba(43,92,180,.18)) !important;
}

/* Falls der gelbe Balken direkt als erstes Kind kommt */
.sidebar > div:first-child {
  min-height: 116px !important;
}

/* =========================
   2. SIDEBAR LINKS SAUBER MACHEN
   ========================= */

.ap-exact-nav {
  padding: 12px 22px !important;
  gap: 12px !important;
}

.ap-exact-nav-btn,
.sidebar .menu-item,
.sidebar button {
  min-height: 72px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.17) !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 10px 22px rgba(46,73,119,.10) !important;
}

.ap-exact-nav-btn.is-active,
.sidebar .menu-item.active,
.sidebar button.active {
  background:
    radial-gradient(circle at 88% 20%, rgba(255,180,255,.46), transparent 30%),
    linear-gradient(135deg, rgba(117,187,255,.58), rgba(217,178,255,.36)) !important;
  border-color: rgba(255,255,255,.72) !important;
}

.ap-exact-nav-icon,
.sidebar .menu-item span:first-child {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24) !important;
  font-size: 24px !important;
}

/* Online-Box unten */
.ap-exact-status {
  margin: 30px 22px 20px !important;
  min-height: 112px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.15) !important;
  border: 1px solid rgba(255,255,255,.40) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.ap-exact-status,
.ap-exact-status * {
  color: #ffffff !important;
}

/* =========================
   3. OBERE DOPPELTE ICON-LEISTE RAUS
   ========================= */

body.ap-exact-dashboard-active #dashboardPanel .ap-light-strip {
  display: none !important;
}

/* Hero danach kleiner und sauberer */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-hero {
  min-height: 220px !important;
  padding: 42px 42px 34px !important;
  display: flex !important;
  align-items: center !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-hero-top {
  width: 100% !important;
}

/* =========================
   4. WEISSE BALKEN BEI "JETZT ÖFFNEN" ENTFERNEN
   ========================= */

body.ap-exact-dashboard-active #dashboardPanel .ap-light-card .ap-light-card-action,
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card .ap-light-card-action *,
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card .ap-light-card-arrow {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Aktion unten sauber */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card .ap-light-card-action {
  position: absolute !important;
  left: 26px !important;
  bottom: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  z-index: 5 !important;
  font-weight: 900 !important;
}

/* Kreis-Pfeil rechts unten behalten */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card::before {
  right: 22px !important;
  bottom: 18px !important;
  z-index: 4 !important;
}

/* Kacheln etwas ruhiger */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card {
  min-height: 230px !important;
  padding-bottom: 70px !important;
}

/* Mobile */
@media screen and (max-width: 900px) {
  body.ap-exact-dashboard-active #dashboardPanel .ap-light-hero {
    min-height: auto !important;
    padding: 28px 20px !important;
  }

  .sidebar .ap-exact-logo,
  .sidebar .brand,
  .sidebar .logo {
    min-height: 92px !important;
    font-size: 24px !important;
  }
}