/* assets/my-icons/my-icons.css */

.my-icon {
    display: inline-block;
    width: 1.5rem;  /* 24px */
    height: 1.5rem; /* 24px */
    
    background-color: currentColor; /* Nimmt die Textfarbe (color) */
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

/* --- Bestehende Icons --- */
.icon-home { mask-image: url('icon-home.png'); }
.icon-calendar { mask-image: url('icon-calendar.png'); }
.icon-info { mask-image: url('icon-info.png'); }
.icon-chat { mask-image: url('icon-chat.png'); }
.icon-gear { mask-image: url('icon-gear.png'); }
.icon-user { mask-image: url('icon-user.png'); }
.icon-list { mask-image: url('icon-list.png'); }
.icon-folder { mask-image: url('icon-folder.png'); }

/* Hauptmenü Icons */
.icon-manager { mask-image: url('icon-manager.png'); }
.icon-eintrag { mask-image: url('icon-eintrag.png'); }
.icon-finanz { mask-image: url('icon-finanz.png'); }
.icon-grid { mask-image: url('icon-finanz.png'); }
.icon-tools { mask-image: url('icon-tools.png'); }
.icon-hilfe { mask-image: url('icon-hilfe.png'); }
.icon-app { mask-image: url('icon-app.png'); }
.icon-send { mask-image: url('icon-send.png'); }
.icon-link { mask-image: url('icon-link.png'); }

/* --- NEUE ICONS FÜR ADMIN UNTERMENÜS --- */
/* Bitte stelle sicher, dass du diese PNGs in den Ordner lädst! */

/* Für Manager Bereich */
.icon-users { mask-image: url('icon-users.png'); }    /* Mehrere Benutzer */
.icon-shield { mask-image: url('icon-shield.png'); }  /* Schild für Rechte/Rollen */

/* Für Eintrag Bereich */
.icon-edit { mask-image: url('icon-edit.png'); }      /* Stift für Erstellen */
.icon-tag { mask-image: url('icon-tag.png'); }        /* Tag/Etikett für Kategorien */

/* Für Finanz Bereich */
.icon-chart-pie { mask-image: url('icon-chart-pie.png'); } /* Tortendiagramm */
.icon-wallet { mask-image: url('icon-wallet.png'); }       /* Geldbörse */
.icon-doc { mask-image: url('icon-doc.png'); }             /* Dokument/Rechnung */

/* Für Tools Bereich */
.icon-settings { mask-image: url('icon-settings.png'); }   /* Schieberegler/Einstellungen */


/* --- System Icons --- */
.icon-sun { mask-image: url('icon-sun.png'); }
.icon-moon { mask-image: url('icon-moon.png'); }
.icon-download { mask-image: url('icon-download.png'); }
.icon-nopicture { mask-image: url('user_placeholder.png.png'); }
.icon-logout { mask-image: url('icon-logout.png'); }
.icon-arrow-left { mask-image: url('icon-arrow-left.png'); }
.icon-arrow-right { mask-image: url('icon-arrow-right.png'); }
.icon-arrow-up { mask-image: url('icon-arrow-up.png'); }
.icon-arrow-down { mask-image: url('icon-arrow-down.png'); }
.icon-trash { mask-image: url('icon-trash.png'); }

/* --- Theme Toggle Logik --- */
.my-icon.icon-moon { display: none; }
html.dark .my-icon.icon-moon { display: inline-block; }
html.dark .my-icon.icon-sun { display: none; }

/* --- Hilfs-Stile --- */
.sidebar-link .my-icon { margin-right: 1rem; }
.mobile-nav-link .my-icon { margin-bottom: 0.15rem; font-size: 1.5rem; }


.icon-upload { mask-image: url('icon-upload.png'); }   /* Cloud Upload oder Pfeil nach oben */
.icon-plus { mask-image: url('icon-plus.png'); }       /* Plus Zeichen */
.icon-save { mask-image: url('icon-save.png'); }       /* Diskette oder Haken */
.icon-search { mask-image: url('icon-search.png'); }      


.icon-check { mask-image: url('icon-check.png'); }         /* Häkchen (Erfolg/Checkbox) */
.icon-eye { mask-image: url('icon-eye.png'); }             /* Auge (Vorschau) */
.icon-menu-dots { mask-image: url('icon-menu-dots.png'); } /* Drei Punkte (Menü) */
.icon-clock { mask-image: url('icon-clock.png'); }         /* Uhrzeit (Termin Karte) */
.icon-location { mask-image: url('icon-location.png'); }   /* Pin (Ort) */

/* Kategorien (Aus DB Presets) */
.icon-star { mask-image: url('icon-star.png'); }           /* Stern (Allgemein/Highlight) */
.icon-ball { mask-image: url('icon-ball.png'); }           /* Fußball/Sport */
.icon-music { mask-image: url('icon-music.png'); }         /* Note/Musik */
.icon-bus { mask-image: url('icon-bus.png'); }             /* Bus/Ausflug */

/* Falls 'icon-question' genutzt wird (in categories.php Platzhalter) */
.icon-question { mask-image: url('icon-help.png'); }       /* Fragezeichen */
.icon-x { mask-image: url('icon-x.png'); }       /* ablehnen oder löschen ein X Logo */
.icon-check-circle { mask-image: url('icon-circle.png'); } 
.icon-x-circle { mask-image: url('icon-x-circle.png'); } 
.icon-mail { mask-image: url('icon-mail.png'); } 
.icon-phone { mask-image: url('icon-phone.png'); } 
.icon-delete{ mask-image: url('icon-delete.png'); } 
.icon-refresh { mask-image: url('icon-refresh.png'); } 
.icon-car { mask-image: url('icon-car.png'); } 
.icon-lock { mask-image: url('icon-lock.png'); } 
.icon-unlock { mask-image: url('icon-unlock.png'); } 
.icon-inventory { mask-image: url('icon-inventory.png'); } 
.icon-box { mask-image: url('icon-box.png'); } 
.icon-bell { mask-image: url('icon-bell.png'); }