/* Adopivo admin area — small custom styles on top of Bootstrap 5.3.
 *
 * Bootstrap ships no segmented control, so the theme toggle pill is
 * styled here. All values use Bootstrap CSS variables so the control
 * adapts to data-bs-theme automatically. */

/* Grundschriftgröße des Adopivo-Adminbereichs etwas kleiner als der
   Browser-Standard. Bootstrap rechnet durchgehend in rem, daher
   skaliert dies die gesamte Oberfläche proportional — "etwa eine
   Schriftart kleiner". */
html {
    font-size: 93.75%; /* 15 px statt 16 px */
}

.theme-toggle {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 999px;
}

.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    background: transparent;
    border: none;
    border-radius: 999px;
    color: var(--bs-secondary-color);
    cursor: pointer;
}

.theme-toggle-btn:hover {
    color: var(--bs-body-color);
}

.theme-toggle-btn[aria-pressed="true"] {
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    box-shadow: var(--bs-box-shadow-sm);
}

.theme-toggle-btn svg {
    width: 16px;
    height: 16px;
}