/* Hinweisfenster (Installieren, Benachrichtigungen) und Glocke in der Kopfzeile, im Stil des Portals. */
.uge-toast {
    position: fixed; right: 1rem; bottom: 1rem; z-index: 1090; width: min(24rem, calc(100vw - 2rem));
    background: #fff; color: #111827; border-radius: 1rem; box-shadow: 0 18px 40px -12px rgba(17, 24, 39, .35);
    border-top: 5px solid #D97706; font-size: .92rem; line-height: 1.5; animation: uge-toast-rein .25s ease-out;
}
.dark .uge-toast { background: #1f2937; color: #f3f4f6; }
.uge-toast-kopf { display: flex; align-items: center; gap: .55rem; padding: .85rem 1rem .25rem; }
.uge-toast-kopf > .bi { color: #1E3A8A; font-size: 1.1rem; }
.dark .uge-toast-kopf > .bi { color: #93c5fd; }
.uge-toast-kopf strong { flex: 1; }
.uge-toast-zu { border: 0; background: transparent; color: #6B7280; padding: .25rem; border-radius: .5rem; cursor: pointer; }
.uge-toast-zu:hover { background: #F3F4F6; color: #111827; }
.uge-toast-text { padding: .25rem 1rem .9rem; white-space: pre-line; }
.uge-toast-fuss { padding: 0 1rem 1rem; }
.uge-toast-knopf {
    border: 0; border-radius: 999px; background: #D97706; color: #fff; font-weight: 600; padding: .5rem 1.1rem; cursor: pointer;
    display: inline-flex; align-items: center; gap: .4rem;
}
.uge-toast-knopf:hover { background: #B45F05; }
@keyframes uge-toast-rein { from { transform: translateY(1rem); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .uge-toast { animation: none; } }
.fi-modal-open .uge-toast { display: none; }

.uge-glocke {
    display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 999px;
    border: 0; background: transparent; color: #6B7280; cursor: pointer; font-size: 1.15rem;
}
.uge-glocke:hover { background: #F3F4F6; color: #1E3A8A; }
.uge-glocke[data-stand="an"] { color: #1E3A8A; }
.uge-glocke[data-stand="aus"] { opacity: .55; }
.uge-glocke[data-stand="gesperrt"] { color: #b91c1c; }
.uge-glocke[data-stand="arbeitet"] { opacity: .5; cursor: progress; }
.dark .uge-glocke:hover { background: rgba(255, 255, 255, .08); color: #fff; }
/* Dunkelmodus: kein Blau auf Grau, sondern helle Töne */
.dark .uge-glocke { color: #E5E7EB; }
.dark .uge-glocke[data-stand="an"] { color: #93C5FD; }
.dark .uge-glocke[data-stand="aus"] { opacity: .7; }
.dark .uge-glocke[data-stand="gesperrt"] { color: #F87171; }

/* Startseite: Liste "Zu tun" (App\Support\Zutun) */
.uge-zutun { display: grid; gap: .5rem; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
.uge-zutun-punkt { display: flex; align-items: center; gap: .75rem; padding: .65rem .85rem; border-radius: .75rem; background: #F3F4F6; color: #111827; text-decoration: none; }
.uge-zutun-punkt:hover { background: #E8EDF8; }
.dark .uge-zutun-punkt { background: rgba(255,255,255,.05); color: #f3f4f6; }
.dark .uge-zutun-punkt:hover { background: rgba(255,255,255,.1); }
.uge-zutun-icon { width: 1.4rem; height: 1.4rem; color: #1E3A8A; flex: 0 0 auto; }
.dark .uge-zutun-icon { color: #93c5fd; }
.uge-zutun-text { flex: 1; font-size: .9rem; line-height: 1.3; }

/* Handy und Tablet: Menüknopf rechts (mit dem Daumen gut erreichbar), Menü fährt von rechts herein */
@media (max-width: 63.999rem) {
  .fi-topbar .fi-topbar-open-sidebar-btn,
  .fi-topbar .fi-topbar-close-sidebar-btn { order: 99; margin-inline-start: .25rem; }
  .fi-sidebar { inset-inline-start: auto; inset-inline-end: 0; }
  .fi-sidebar:not(.fi-sidebar-open) { --tw-translate-x: 100%; translate: 100% 0; }
}
/* Schmale Handys: Kopfzeile enger, damit Suche, Symbole, Profil und Menüknopf nebeneinander passen */
@media (max-width: 29.999rem) {
  .fi-topbar { padding-inline: .75rem; }
  .fi-topbar .fi-topbar-end { gap: .35rem; min-width: 0; }
  .fi-topbar .fi-global-search-ctn { min-width: 0; flex: 1 1 auto; }
  .fi-topbar .fi-global-search-field { min-width: 0; }
  .fi-topbar .uge-kopfknopf, .fi-topbar .uge-glocke { width: 2rem; height: 2rem; }
  .fi-topbar .uge-punkt { top: .05rem; right: .05rem; }
  .fi-topbar .uge-zahl { right: -.4rem; }
  .fi-topbar .fi-user-menu, .fi-topbar .fi-topbar-open-sidebar-btn { flex: 0 0 auto; }
}