/* =========================================
   AuftragsPilot Startseite Premium-Optik
   Bild-1-Anmutung ohne Sidebar und ohne Bilddatei
   Nur Startseite/Karten, keine App-Logik
   ========================================= */

/* Gesamtfläche etwas hochwertiger */
body.ap-exact-dashboard-active #dashboardPanel,
body.ap-exact-dashboard-active #apLightDashboard,
body.ap-exact-dashboard-active .ap-light-page {
  position: relative !important;
  overflow: hidden !important;
}

/* feine Wellen im Hintergrund, kein echtes Bild */
body.ap-exact-dashboard-active #dashboardPanel::before {
  content: "" !important;
  position: absolute !important;
  top: 18px !important;
  right: 34px !important;
  width: 720px !important;
  height: 260px !important;
  pointer-events: none !important;
  opacity: .34 !important;
  z-index: 0 !important;
  background:
    repeating-radial-gradient(
      ellipse at center,
      rgba(255,255,255,.72) 0 1px,
      transparent 1px 8px
    ) !important;
  border-radius: 50% !important;
  transform: rotate(-8deg) !important;
  filter: blur(.2px) !important;
}

body.ap-exact-dashboard-active #dashboardPanel::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  right: 120px !important;
  width: 460px !important;
  height: 160px !important;
  pointer-events: none !important;
  opacity: .45 !important;
  z-index: 0 !important;
  background:
    radial-gradient(circle at 24% 48%, rgba(255,255,255,.95) 0 3px, transparent 4px),
    radial-gradient(circle at 46% 34%, rgba(255,255,255,.88) 0 2px, transparent 3px),
    radial-gradient(circle at 68% 55%, rgba(255,255,255,.88) 0 2px, transparent 3px),
    linear-gradient(100deg, transparent 0 12%, rgba(255,255,255,.72) 45%, transparent 78%) !important;
}

/* Hero bleibt ohne obere Icon-Leiste, bekommt aber Bild-1-Tiefe */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-hero,
body.ap-exact-dashboard-active #dashboardPanel .ap-light-head,
body.ap-exact-dashboard-active #dashboardPanel .ap-exact-head {
  position: relative !important;
  z-index: 1 !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(94,231,225,.25), transparent 34%),
    radial-gradient(circle at 26% 0%, rgba(255,255,255,.58), transparent 32%),
    linear-gradient(135deg, rgba(246,250,255,.92), rgba(220,237,255,.78)) !important;
  border: 1px solid rgba(255,255,255,.86) !important;
  box-shadow:
    0 18px 44px rgba(54,91,150,.13),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

/* Kartenraster */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(300px, 1fr)) !important;
  gap: 22px !important;
  margin-top: 22px !important;
}

/* Grundkarte */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: 224px !important;
  padding: 30px 30px 28px !important;
  border-radius: 28px !important;
  text-align: left !important;
  isolation: isolate !important;
  cursor: pointer !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  box-shadow:
    0 18px 38px rgba(42,80,138,.16),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(255,255,255,.36) !important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    filter .18s ease !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-card:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 25px 50px rgba(42,80,138,.22),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* glänzende Welle unten in jeder Karte */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card::after {
  content: "" !important;
  position: absolute !important;
  left: -14% !important;
  right: -14% !important;
  bottom: -44% !important;
  height: 74% !important;
  z-index: -2 !important;
  filter: blur(4px) !important;
  opacity: .72 !important;
  border-radius: 50% !important;
}

/* dezente Linien rechts in jeder Karte */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card::before {
  content: "" !important;
  position: absolute !important;
  right: -90px !important;
  top: -90px !important;
  width: 260px !important;
  height: 260px !important;
  z-index: -1 !important;
  opacity: .28 !important;
  pointer-events: none !important;
  border-radius: 50% !important;
  background:
    repeating-radial-gradient(
      circle at center,
      currentColor 0 1px,
      transparent 1px 9px
    ) !important;
}

/* linkes Icon wie im Mockup */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card .ap-light-card-icon {
  width: 74px !important;
  height: 74px !important;
  border-radius: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 36px !important;
  margin: 0 0 22px 0 !important;
  color: #ffffff !important;
  box-shadow:
    0 14px 30px rgba(29,72,130,.23),
    inset 0 1px 0 rgba(255,255,255,.58) !important;
}

/* Titel/Text */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card h3 {
  margin: 0 0 10px 0 !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.03em !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-card p {
  max-width: 60% !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
  color: #16285d !important;
}

/* Jetzt öffnen unten */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card .ap-light-card-action {
  position: absolute !important;
  left: 30px !important;
  bottom: 27px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-card .ap-light-card-arrow {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 24px !important;
  background: transparent !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
}

/* großes Symbol rechts hinten */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card .ap-light-card-ghost {
  position: absolute !important;
  right: 18px !important;
  bottom: 8px !important;
  width: 165px !important;
  height: 165px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 138px !important;
  line-height: 1 !important;
  opacity: .16 !important;
  color: currentColor !important;
  pointer-events: none !important;
  transform: rotate(-4deg) !important;
  filter: saturate(.9) !important;
}

/* kleine runde Pfeilfläche rechts unten, wie Bild 1 */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card .ap-light-card-ghost::after {
  content: "→" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 8px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  color: currentColor !important;
  background: rgba(255,255,255,.52) !important;
  border: 1px solid rgba(255,255,255,.7) !important;
  box-shadow: 0 8px 18px rgba(42,80,138,.12) !important;
}

/* Farbwelten */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.laser {
  color: #f36d18 !important;
  border-color: rgba(255,132,43,.55) !important;
  background: linear-gradient(135deg, #fff8f0 0%, #fff1e8 52%, #ffd19a 100%) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.laser::after {
  background: radial-gradient(circle, rgba(255,132,43,.72), transparent 68%) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.laser .ap-light-card-icon {
  background: linear-gradient(145deg, #ff9f44, #ff6f20) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.laser h3,
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.laser .ap-light-card-action {
  color: #f36d18 !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.print3d {
  color: #1f82ff !important;
  border-color: rgba(74,157,255,.55) !important;
  background: linear-gradient(135deg, #eef7ff 0%, #e7f2ff 52%, #b9dcff 100%) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.print3d::after {
  background: radial-gradient(circle, rgba(74,157,255,.72), transparent 68%) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.print3d .ap-light-card-icon {
  background: linear-gradient(145deg, #65b7ff, #1f82ff) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.print3d h3,
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.print3d .ap-light-card-action {
  color: #1f82ff !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.calc {
  color: #2f9e4f !important;
  border-color: rgba(61,191,96,.55) !important;
  background: linear-gradient(135deg, #effff2 0%, #e6fae9 52%, #a9eab8 100%) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.calc::after {
  background: radial-gradient(circle, rgba(61,191,96,.72), transparent 68%) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.calc .ap-light-card-icon {
  background: linear-gradient(145deg, #6be688, #2fbb5b) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.calc h3,
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.calc .ap-light-card-action {
  color: #2f9e4f !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.orders {
  color: #8a55e8 !important;
  border-color: rgba(151,103,255,.52) !important;
  background: linear-gradient(135deg, #f8f0ff 0%, #f1e8ff 52%, #c9a8ff 100%) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.orders::after {
  background: radial-gradient(circle, rgba(151,103,255,.72), transparent 68%) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.orders .ap-light-card-icon {
  background: linear-gradient(145deg, #bb8dff, #7d4dff) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.orders h3,
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.orders .ap-light-card-action {
  color: #8a55e8 !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.market {
  color: #d88300 !important;
  border-color: rgba(242,157,0,.52) !important;
  background: linear-gradient(135deg, #fffaf0 0%, #fff4df 52%, #ffd281 100%) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.market::after {
  background: radial-gradient(circle, rgba(242,157,0,.72), transparent 68%) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.market .ap-light-card-icon {
  background: linear-gradient(145deg, #ffc650, #f29d00) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.market h3,
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.market .ap-light-card-action {
  color: #d88300 !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.admin {
  color: #55779f !important;
  border-color: rgba(95,125,165,.48) !important;
  background: linear-gradient(135deg, #f4f9ff 0%, #edf5ff 52%, #b9cde5 100%) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.admin::after {
  background: radial-gradient(circle, rgba(95,125,165,.62), transparent 68%) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.admin .ap-light-card-icon {
  background: linear-gradient(145deg, #89abd3, #55779f) !important;
}
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.admin h3,
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card.admin .ap-light-card-action {
  color: #55779f !important;
}

@media (max-width: 1100px) {
  body.ap-exact-dashboard-active #dashboardPanel .ap-light-grid {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body.ap-exact-dashboard-active #dashboardPanel .ap-light-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.ap-exact-dashboard-active #dashboardPanel .ap-light-card {
    min-height: 196px !important;
    padding: 24px !important;
  }

  body.ap-exact-dashboard-active #dashboardPanel .ap-light-card p {
    max-width: 72% !important;
  }

  body.ap-exact-dashboard-active #dashboardPanel .ap-light-card .ap-light-card-ghost {
    width: 118px !important;
    height: 118px !important;
    font-size: 98px !important;
  }
}