/* ─── ERP Launchpad — Custom Styles ──────────────────────────────────────── */

/* Kachel: Wrapper für relative Positionierung von Icon und Stern */
.erp-tile-content-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0.25rem;
    box-sizing: border-box;
}

/* App-Icon: unten links */
.erp-tile-app-icon {
    position: absolute;
    bottom: 0.25rem;
    left: 0.5rem;
}

/* Favoriten-Stern: oben rechts */
.erp-favorite-btn {
    position: absolute !important;
    top: -0.75rem;
    right: -0.25rem;
    min-width: 2rem !important;
    min-height: 2rem !important;
    padding: 0 !important;
    line-height: 2rem !important;
    z-index: 10;
}

/* Favoriten-Stern — Farbe je nach Zustand */
.erp-favorite-btn .sapUiIcon {
    color: #c0c0c0; /* grau = kein Favorit */
    font-size: 1rem;
    transition: color 0.15s ease, transform 0.1s ease;
}

.erp-favorite-btn:hover .sapUiIcon,
.erp-favorite-btn:focus .sapUiIcon {
    color: #f0ab00; /* Hover: gold/gelb */
    transform: scale(1.15);
}

/* Aktiver Favorit: gelb gefüllt */
.erp-favorite-active .sapUiIcon {
    color: #f0ab00 !important; /* gelb */
}

/* Favoriten-Button: kein Rahmen/Border und kein Background in allen interaktiven Zuständen.
   Nur das Icon selbst soll beim Hover hervorgehoben werden, kein Button-Kasten sichtbar. */
.erp-favorite-btn.sapMBtn:hover,
.erp-favorite-btn.sapMBtn.sapMBtnHoverable:hover,
.erp-favorite-btn.sapMBtn:active,
.erp-favorite-btn.sapMBtn.sapMBtnActive,
.erp-favorite-btn.sapMBtn:focus,
.erp-favorite-btn.sapMBtn:focus-visible {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}