/* =========================================
   AuftragsPilot Light Unterseiten
   Nur Dashboard-Unterseiten, keine Logik
   ========================================= */

/* Unterseiten-Grundfläche */
body.ap-exact-dashboard-active #apExactDashboard {
  color: #16285d !important;
}

/* Zurück-Button hell statt schwarz */
body.ap-exact-dashboard-active .ap-exact-back {
  background: rgba(255,255,255,.70) !important;
  color: #172a5d !important;
  border: 1px solid rgba(255,255,255,.90) !important;
  border-radius: 999px !important;
  padding: 13px 22px !important;
  font-weight: 850 !important;
  box-shadow:
    0 12px 24px rgba(77,112,166,.14),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}

body.ap-exact-dashboard-active .ap-exact-back:hover {
  transform: translateY(-2px) !important;
  background: rgba(255,255,255,.86) !important;
}

/* Kategorie-Kopfbox auf Unterseiten */
body.ap-exact-dashboard-active .ap-exact-help {
  background:
    radial-gradient(circle at 86% 10%, rgba(130,235,226,.22), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.60), rgba(232,241,253,.58)) !important;
  border: 1px solid rgba(255,255,255,.86) !important;
  border-radius: 24px !important;
  box-shadow:
    0 16px 32px rgba(77,112,166,.12),
    inset 0 1px 0 rgba(255,255,255,.76) !important;
  color: #16285d !important;
  padding: 26px 30px !important;
}

/* Kategorie-Titel */
body.ap-exact-dashboard-active .ap-exact-help-title {
  color: #16285d !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}

body.ap-exact-dashboard-active .ap-exact-help-title strong,
body.ap-exact-dashboard-active .ap-exact-help-title h2,
body.ap-exact-dashboard-active .ap-exact-help h2,
body.ap-exact-dashboard-active .ap-exact-help h3 {
  color: #16285d !important;
}

/* Info/Icon im Kategorie-Kopf */
body.ap-exact-dashboard-active .ap-exact-info-icon {
  background: linear-gradient(145deg, #fff8e8, #ffe7bd) !important;
  color: #f2a000 !important;
  border: 1px solid rgba(255,255,255,.90) !important;
  box-shadow: 0 10px 18px rgba(84,120,174,.12) !important;
}

/* Beschreibung im Kopf */
body.ap-exact-dashboard-active .ap-exact-tip,
body.ap-exact-dashboard-active .ap-exact-help p,
body.ap-exact-dashboard-active .ap-exact-help span {
  color: #40527a !important;
}

/* Goldene Trennlinie weg bzw. weich */
body.ap-exact-dashboard-active .ap-exact-help hr,
body.ap-exact-dashboard-active .ap-exact-help .ap-exact-line {
  background: rgba(56,80,128,.12) !important;
  opacity: 1 !important;
}

/* Tool-Kacheln hell */
body.ap-exact-dashboard-active .ap-exact-tools {
  gap: 18px !important;
  margin-top: 20px !important;
}

body.ap-exact-dashboard-active .ap-exact-tool {
  position: relative !important;
  overflow: hidden !important;
  min-height: 118px !important;
  padding: 24px 26px !important;
  border-radius: 22px !important;
  text-align: left !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(255,255,255,.55), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(232,242,255,.66)) !important;
  border: 1px solid rgba(255,255,255,.88) !important;
  box-shadow:
    0 16px 32px rgba(77,112,166,.14),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
  color: #16285d !important;
}

body.ap-exact-dashboard-active .ap-exact-tool:hover {
  transform: translateY(-3px) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(255,255,255,.70), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.84), rgba(225,239,255,.76)) !important;
  box-shadow:
    0 22px 42px rgba(77,112,166,.20),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

/* dezenter farbiger Verlauf unten wie bei den Start-Karten */
body.ap-exact-dashboard-active .ap-exact-tool::after {
  content: "";
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 0;
  height: 6px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, rgba(255,138,36,.75), rgba(77,163,255,.55), rgba(95,227,106,.45));
  opacity: .65;
}

/* Tool-Titel und Beschreibung */
body.ap-exact-dashboard-active .ap-exact-tool strong {
  display: block !important;
  color: #16285d !important;
  font-size: 23px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  margin-bottom: 8px !important;
}

body.ap-exact-dashboard-active .ap-exact-tool span {
  color: #40527a !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

/* Laser-Unterseite leicht orange */
body.ap-exact-dashboard-active .ap-exact-help.ap-laser .ap-exact-help-title,
body.ap-exact-dashboard-active .ap-exact-help.ap-laser .ap-exact-info-icon {
  color: #ff7a1a !important;
}

/* 3D-Druck-Unterseite blau */
body.ap-exact-dashboard-active .ap-exact-help.ap-print3d .ap-exact-help-title,
body.ap-exact-dashboard-active .ap-exact-help.ap-print3d .ap-exact-info-icon {
  color: #1e87ff !important;
}

/* Kalkulation grün */
body.ap-exact-dashboard-active .ap-exact-help.ap-calc .ap-exact-help-title,
body.ap-exact-dashboard-active .ap-exact-help.ap-calc .ap-exact-info-icon {
  color: #29b957 !important;
}

/* Aufträge violett */
body.ap-exact-dashboard-active .ap-exact-help.ap-orders .ap-exact-help-title,
body.ap-exact-dashboard-active .ap-exact-help.ap-orders .ap-exact-info-icon {
  color: #8a4fff !important;
}

/* Verkauf gold */
body.ap-exact-dashboard-active .ap-exact-help.ap-market .ap-exact-help-title,
body.ap-exact-dashboard-active .ap-exact-help.ap-market .ap-exact-info-icon {
  color: #df8500 !important;
}

/* Verwaltung grau/blau */
body.ap-exact-dashboard-active .ap-exact-help.ap-admin .ap-exact-help-title,
body.ap-exact-dashboard-active .ap-exact-help.ap-admin .ap-exact-info-icon {
  color: #53739b !important;
}

/* Mobile */
@media screen and (max-width: 900px) {
  body.ap-exact-dashboard-active .ap-exact-back {
    padding: 11px 16px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-help {
    padding: 20px 18px !important;
    border-radius: 22px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-tools {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.ap-exact-dashboard-active .ap-exact-tool {
    min-height: 105px !important;
    padding: 22px 20px !important;
  }

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

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