/* =========================================
   AuftragsPilot Light Icons Final Fix
   gezielt gegen alte span-Regeln
   Nur Optik - keine Logik
   ========================================= */

/* Hero oben */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-hero {
  min-height: 300px !important;
  padding: 40px 38px 24px !important;
  border-radius: 26px !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-title h1 {
  font-size: clamp(64px, 5.4vw, 82px) !important;
  line-height: .98 !important;
  letter-spacing: -.075em !important;
  color: #172f68 !important;
  font-weight: 950 !important;
  margin: 0 0 12px !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-title p {
  font-size: 20px !important;
  color: #2d426f !important;
}

/* Obere Icon-Leiste */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-strip {
  margin-top: 32px !important;
  padding: 18px 14px !important;
  border-radius: 25px !important;
  background: rgba(255,255,255,.58) !important;
  border: 1px solid rgba(255,255,255,.88) !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-quick {
  min-height: 112px !important;
  color: #172f68 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

/* WICHTIG: stärker als alte #dashboardPanel span-Regeln */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-quick .ap-light-quick-icon {
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  min-height: 70px !important;
  border-radius: 19px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 38px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  background: rgba(255,255,255,.74) !important;
  border: 1px solid rgba(255,255,255,.92) !important;
  box-shadow:
    0 12px 24px rgba(74,108,160,.13),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

/* Label unter den oberen Icons */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-quick > span:not(.ap-light-quick-icon) {
  color: #172f68 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
}

/* Farben oben */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-quick.laser .ap-light-quick-icon {
  color: #ff7a1a !important;
  background: linear-gradient(145deg, #fff5ed, #ffe7d8) !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-quick.print3d .ap-light-quick-icon {
  color: #1e87ff !important;
  background: linear-gradient(145deg, #eef7ff, #dcedff) !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-quick.calc .ap-light-quick-icon {
  color: #29b957 !important;
  background: linear-gradient(145deg, #effcf2, #dcf6e2) !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-quick.orders .ap-light-quick-icon {
  color: #8a4fff !important;
  background: linear-gradient(145deg, #f8f0ff, #eadfff) !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-quick.market .ap-light-quick-icon {
  color: #f5a400 !important;
  background: linear-gradient(145deg, #fff8e8, #ffedc4) !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-quick.admin .ap-light-quick-icon {
  color: #53739b !important;
  background: linear-gradient(145deg, #f2f7fd, #e2edf8) !important;
}

/* Große Start-Kacheln */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card {
  min-height: 244px !important;
  padding: 28px 28px 72px !important;
  border-radius: 24px !important;
}

/* WICHTIG: stärker als alte #dashboardPanel .ap-light-card span-Regeln */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card .ap-light-card-icon {
  width: 84px !important;
  height: 84px !important;
  min-width: 84px !important;
  min-height: 84px !important;
  border-radius: 20px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 44px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  box-shadow:
    0 16px 28px rgba(74,108,160,.15),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

/* Titel/Fließtext in großen Kacheln */
body.ap-exact-dashboard-active #dashboardPanel .ap-light-card h3 {
  font-size: 29px !important;
  line-height: 1.05 !important;
  margin: 18px 0 10px !important;
  letter-spacing: -.04em !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-card p {
  font-size: 15.5px !important;
  line-height: 1.48 !important;
  color: #32466f !important;
  max-width: 330px !important;
}

body.ap-exact-dashboard-active #dashboardPanel .ap-light-card .ap-light-card-action {
  left: 28px !important;
  bottom: 24px !important;
  font-size: 15.5px !important;
  font-weight: 900 !important;
}

/* Farben große Icons */
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.print3d .ap-light-card-icon {
  background: linear-gradient(145deg, #65b7ff, #1f82ff) !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.orders .ap-light-card-icon {
  background: linear-gradient(145deg, #bb8dff, #7d4dff) !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.admin .ap-light-card-icon {
  background: linear-gradient(145deg, #89abd3, #55779f) !important;
}

/* Mobile */
@media screen and (max-width: 900px) {
  body.ap-exact-dashboard-active #dashboardPanel .ap-light-title h1 {
    font-size: 44px !important;
  }

  body.ap-exact-dashboard-active #dashboardPanel .ap-light-quick .ap-light-quick-icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    font-size: 31px !important;
  }

  body.ap-exact-dashboard-active #dashboardPanel .ap-light-card .ap-light-card-icon {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    font-size: 36px !important;
  }
}
