/* 2.1.2.1 – Kalenderzentrale: weißer Kontrast-Fix ohne graue Arbeitsflächen. */
/**
 * KIVANDO Dashboard Theme
 * Version 2.0.800
 *
 * Zentrale optische Schicht für Portal-Header, Navigation, Einstiegskarten,
 * Kalender, Dashboard-Arbeitsbereich und responsive Darstellung.
 * Keine Funktionslogik und keine gespeicherten Dienstfarben werden verändert.
 */

.u3obs-wrap.u3obs-kivando-startscreens {
  --kv-bg-950: #051f2f;
  --kv-bg-900: #082b39;
  --kv-bg-850: #0b3542;
  --kv-bg-800: #123f4b;
  --kv-mint-500: #22cbb5;
  --kv-mint-300: #72e1cf;
  --kv-text-100: #f4fbfa;
  --kv-text-300: #c7dcda;
  --kv-border: rgba(166, 220, 214, .18);
  --kv-surface: rgba(255, 255, 255, .055);
  --kv-surface-hover: rgba(255, 255, 255, .085);
  --kv-radius-xl: 24px;
  --kv-radius-lg: 18px;
  --kv-radius-md: 14px;
  --kv-shadow: 0 14px 34px rgba(2, 18, 29, .24);
}


/* --------------------------------------------------------------------------
   Dropdown-Navigation (konsolidiert aus u3obs_render_dark_header_navigation_style)
   -------------------------------------------------------------------------- */
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    > .u3-topbar-row2.u3obs-header-navigation-row{
      min-height:58px !important;
      padding:9px clamp(18px,3.9vw,56px) !important;
      background:linear-gradient(180deg,#102f42 0%,#0d293a 100%) !important;
      border-top:1px solid rgba(255,255,255,.045) !important;
    }
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-shell{
      gap:8px !important;
    }
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-header-navigation-row > button,
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-header-navigation-row > a,
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-header-navigation-row .u3obs-dashboard-menu-toggle{
      min-height:36px !important;
      height:36px !important;
      padding:0 13px !important;
      border-radius:999px !important;
      border:1px solid rgba(255,255,255,.16) !important;
      background:rgba(255,255,255,.055) !important;
      color:#f2fbfc !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 14px rgba(0,0,0,.10) !important;
      font-size:12px !important;
      font-weight:900 !important;
      text-decoration:none !important;
      transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease !important;
    }
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-header-navigation-row > button:hover,
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-header-navigation-row > a:hover,
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-toggle:hover{
      background:rgba(255,255,255,.10) !important;
      border-color:rgba(94,234,212,.42) !important;
      color:#ffffff !important;
      transform:translateY(-1px) !important;
    }
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-group.is-open > .u3obs-dashboard-menu-toggle{
      background:rgba(45,212,191,.15) !important;
      border-color:rgba(94,234,212,.60) !important;
      color:#d9fffa !important;
      box-shadow:0 0 0 3px rgba(45,212,191,.08),inset 0 1px 0 rgba(255,255,255,.06) !important;
    }
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-toggle::after{
      color:#9fb8c3 !important;
      opacity:.9 !important;
    }
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-panel{
      top:calc(100% + 8px) !important;
      padding:10px !important;
      border:1px solid rgba(255,255,255,.13) !important;
      border-radius:18px !important;
      background:linear-gradient(180deg,rgba(18,48,65,.985),rgba(10,35,49,.99)) !important;
      color:#eefbfc !important;
      box-shadow:0 22px 52px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04) !important;
      backdrop-filter:blur(18px) saturate(1.15) !important;
      -webkit-backdrop-filter:blur(18px) saturate(1.15) !important;
    }
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-panel-title{
      padding:4px 7px 8px !important;
      color:#9fb8c3 !important;
      font-size:11px !important;
      font-weight:950 !important;
      letter-spacing:.08em !important;
    }
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-panel > button,
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-panel-item{
      width:100% !important;
      min-height:42px !important;
      height:auto !important;
      margin:0 !important;
      padding:10px 12px !important;
      justify-content:flex-start !important;
      text-align:left !important;
      white-space:normal !important;
      border-radius:12px !important;
      border:1px solid rgba(255,255,255,.08) !important;
      background:rgba(255,255,255,.045) !important;
      color:#f0fbfc !important;
      box-shadow:none !important;
      font-size:12px !important;
      font-weight:850 !important;
    }
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-panel > button:hover,
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-panel-item:hover{
      background:rgba(45,212,191,.12) !important;
      border-color:rgba(94,234,212,.32) !important;
      color:#ffffff !important;
      transform:none !important;
    }
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    #u3obs-dashboard-menu-settings-btn{
      border-style:dashed !important;
      background:rgba(255,255,255,.025) !important;
      color:#c8dadd !important;
    }
    @media(max-width:900px), (hover:none) and (pointer:coarse){
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      .u3obs-header-navigation-row > button,
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      .u3obs-header-navigation-row > a,
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      .u3obs-header-navigation-row .u3obs-dashboard-menu-toggle{
        min-height:38px !important;
        height:38px !important;
      }
    }


/* --------------------------------------------------------------------------
   Gemeinsame Header-Fluchten (konsolidiert aus u3obs_render_header_rows_common_alignment)
   -------------------------------------------------------------------------- */
/* Eine verbindliche horizontale Innenkante für Benutzer-, Info- und Navigationszeile. */
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar{
      --u3obs-header-edge:var(--u3-start-x, clamp(18px,3.9vw,56px));
    }

    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-clean-adminline{
      padding-left:var(--u3obs-header-edge) !important;
      padding-right:var(--u3obs-header-edge) !important;
    }

    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-ticker{
      width:auto !important;
      max-width:none !important;
      margin-left:var(--u3obs-header-edge) !important;
      margin-right:var(--u3obs-header-edge) !important;
      box-sizing:border-box !important;
    }

    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    > .u3-topbar-row2.u3obs-header-navigation-row{
      padding-left:var(--u3obs-header-edge) !important;
      padding-right:var(--u3obs-header-edge) !important;
      justify-content:stretch !important;
      overflow-x:auto !important;
      overflow-y:visible !important;
      scrollbar-width:thin;
    }

    /* Desktop: natürliche Buttonbreiten; der freie Raum wird ausschließlich als gleichmäßiger Zwischenraum verteilt. */
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-shell{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      width:100% !important;
      min-width:0 !important;
      max-width:none !important;
      flex:1 1 auto !important;
      gap:10px !important;
    }

    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-shell > *{
      width:auto !important;
      min-width:max-content !important;
      max-width:none !important;
      flex:0 0 auto !important;
    }

    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-shell > button,
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-shell > a,
    .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
    .u3obs-dashboard-menu-shell > .u3obs-dashboard-menu-group > .u3obs-dashboard-menu-toggle{
      width:auto !important;
      min-width:max-content !important;
      max-width:none !important;
      white-space:nowrap !important;
      justify-content:center !important;
      text-align:center !important;
      padding-left:clamp(14px,1.15vw,22px) !important;
      padding-right:clamp(14px,1.15vw,22px) !important;
    }

    /* Sobald die natürliche Gesamtbreite nicht mehr sicher passt: nicht quetschen, sondern sauber horizontal scrollen. */
    @media(max-width:1450px){
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar{
        --u3obs-header-edge:14px;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      .u3obs-dashboard-menu-shell{
        width:max-content !important;
        min-width:100% !important;
        justify-content:flex-start !important;
        gap:8px !important;
      }
    }


/* --------------------------------------------------------------------------
   Gleichmäßige Navigation (konsolidiert aus u3obs_render_header_nav_equal_gaps)
   -------------------------------------------------------------------------- */
/*
     * Die ersten drei Direktbuttons und die sechs Dropdown-Gruppen lagen zuvor
     * auf zwei verschiedenen Flex-Ebenen. Deshalb waren die Abstände sichtbar
     * unterschiedlich. Auf Desktop wird der Zwischen-Wrapper deshalb nur noch
     * layouttechnisch aufgelöst, sodass alle neun Einträge dieselben Abstände
     * über die gesamte verfügbare Breite erhalten.
     */
    @media (min-width:1451px){
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:0 !important;
        width:100% !important;
        box-sizing:border-box !important;
        overflow:visible !important;
      }

      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row > .u3obs-dashboard-menu-shell{
        display:contents !important;
      }

      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row > #u3obs-amazon-btn,
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row > #u3obs-kita-wiki-btn,
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row > [data-u3obs-market-open="1"],
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row > .u3m-open-btn,
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row > .u3obs-dashboard-menu-shell > .u3obs-dashboard-menu-group{
        flex:0 0 auto !important;
        width:auto !important;
        min-width:max-content !important;
        max-width:none !important;
        margin:0 !important;
      }

      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row button,
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row a,
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row .u3obs-dashboard-menu-toggle{
        white-space:nowrap !important;
        min-width:max-content !important;
      }
    }

    /* Auf kleineren Breiten: gleicher fixer Abstand und sauberes horizontales Scrollen. */
    @media (max-width:1450px){
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:10px !important;
        overflow-x:auto !important;
        overflow-y:visible !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row > .u3obs-dashboard-menu-shell{
        display:contents !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row > *,
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row > .u3obs-dashboard-menu-shell > *{
        flex:0 0 auto !important;
        margin:0 !important;
      }
    }


/* --------------------------------------------------------------------------
   Mobiler Header (konsolidiert aus u3obs_render_mobile_header_compact_762)
   -------------------------------------------------------------------------- */
@media (max-width:700px){
      html,body{max-width:100% !important;overflow-x:hidden !important;}
      .u3obs-wrap.u3obs-kivando-startscreens{
        width:100% !important;max-width:100% !important;margin:0 !important;border-radius:0 !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar{
        --u3obs-header-edge:12px !important;border-radius:0 !important;overflow:visible !important;
      }

      /* Logo und Status werden zwei kompakte Zeilen; nichts wird abgeschnitten. */
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-top{
        display:flex !important;flex-direction:column !important;align-items:stretch !important;
        gap:10px !important;padding:12px !important;min-height:0 !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-main{
        width:100% !important;min-width:0 !important;gap:10px !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-mark{
        width:52px !important;height:52px !important;flex:0 0 52px !important;border-radius:17px !important;font-size:20px !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-copy{min-width:0 !important;}
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-name{
        font-size:25px !important;line-height:1.05 !important;letter-spacing:.075em !important;
        white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-sub{
        font-size:11px !important;line-height:1.25 !important;white-space:nowrap !important;
        overflow:hidden !important;text-overflow:ellipsis !important;margin-top:4px !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-state{
        width:100% !important;min-width:0 !important;display:flex !important;align-items:center !important;
        justify-content:flex-start !important;gap:7px !important;overflow-x:auto !important;overflow-y:hidden !important;
        padding:0 0 2px !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-state::-webkit-scrollbar{display:none !important;}
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-state > *{flex:0 0 auto !important;}
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-pill[data-u3obs-session-status]{
        max-width:none !important;width:auto !important;height:36px !important;min-height:36px !important;
        padding:0 12px !important;font-size:11px !important;overflow:visible !important;text-overflow:clip !important;
      }

      /* Benutzerzeile bleibt einzeilig und kompakt; bei sehr kleinen Geräten horizontal erreichbar. */
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-clean-adminline{
        display:flex !important;width:100% !important;min-height:0 !important;padding:9px 12px !important;
        overflow-x:auto !important;overflow-y:visible !important;scrollbar-width:none !important;
        -webkit-overflow-scrolling:touch !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-clean-adminline::-webkit-scrollbar{display:none !important;}
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-clean-usergroup{
        width:max-content !important;min-width:max-content !important;max-width:none !important;
        flex-wrap:nowrap !important;gap:8px !important;margin-left:auto !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-clean-userinfo,
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-clean-actions{flex-wrap:nowrap !important;gap:7px !important;}
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-clean-avatar{width:34px !important;height:34px !important;flex-basis:34px !important;}
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-clean-usercopy strong{max-width:145px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}

      /* Infoleiste: eine flache Zeile statt hoher Karte mit Leerraum. */
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-ticker{
        width:auto !important;max-width:none !important;margin:8px 12px !important;border-radius:16px !important;
        min-height:0 !important;height:auto !important;overflow:visible !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-ticker .u3obs-headline-view{
        display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;
        align-items:center !important;gap:8px !important;min-height:46px !important;height:auto !important;
        padding:7px 8px !important;border-radius:16px !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-label{
        width:auto !important;min-width:max-content !important;height:30px !important;padding:0 11px !important;
        font-size:10px !important;border-radius:999px !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-marquee{
        min-width:0 !important;width:100% !important;overflow:hidden !important;white-space:nowrap !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-marquee > span{
        display:inline-flex !important;align-items:center !important;min-width:max-content !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-actions{
        grid-column:auto !important;display:flex !important;flex-wrap:nowrap !important;
        justify-content:flex-end !important;gap:6px !important;margin:0 !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-actions .u3obs-mini-btn,
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-actions .u3obs-headline-icon-btn{
        width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important;
      }

      /* Navigation bleibt eine flache, horizontal scrollbarere Reihe. */
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row{
        display:flex !important;align-items:center !important;justify-content:flex-start !important;
        width:100% !important;min-height:54px !important;height:auto !important;
        padding:8px 12px 10px !important;gap:8px !important;overflow-x:auto !important;overflow-y:visible !important;
        scroll-snap-type:x proximity !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row::-webkit-scrollbar{display:none !important;}
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row > .u3obs-dashboard-menu-shell{display:contents !important;}
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row > *,
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      > .u3-topbar-row2.u3obs-header-navigation-row > .u3obs-dashboard-menu-shell > *{
        flex:0 0 auto !important;width:auto !important;min-width:max-content !important;margin:0 !important;scroll-snap-align:start !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      .u3obs-header-navigation-row button,
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      .u3obs-header-navigation-row a,
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar.u3obs-has-header-navigation
      .u3obs-dashboard-menu-toggle{
        width:auto !important;min-width:max-content !important;height:38px !important;min-height:38px !important;
        padding:0 14px !important;font-size:12px !important;white-space:nowrap !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-dashboard-menu-panel{
        position:fixed !important;left:10px !important;right:10px !important;top:auto !important;bottom:12px !important;
        width:auto !important;max-width:none !important;max-height:72vh !important;overflow:auto !important;
        border-radius:18px !important;z-index:100500 !important;
      }

      /* Dashboard und schwebende Bedienelemente beanspruchen auf Mobil weniger Fläche. */
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro,
      .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter{
        width:auto !important;max-width:none !important;margin-left:8px !important;margin-right:8px !important;
      }
      .u3tc-fab{
        right:12px !important;bottom:86px !important;width:48px !important;height:48px !important;min-width:48px !important;
        padding:0 !important;justify-content:center !important;border-radius:999px !important;
      }
      .u3tc-fab > span:not(.u3tc-fab-icon):not(.u3tc-badge){display:none !important;}
      .u3tc-fab .u3tc-fab-icon{width:30px !important;height:30px !important;}
    }

    @media (max-width:420px){
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-name{font-size:22px !important;letter-spacing:.055em !important;}
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-mark{width:48px !important;height:48px !important;flex-basis:48px !important;}
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-ticker .u3obs-headline-view{
        grid-template-columns:auto minmax(0,1fr) !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-actions{
        grid-column:1 / -1 !important;justify-content:flex-start !important;padding-left:0 !important;
      }
    }


/* --------------------------------------------------------------------------
   Mobiles Dropdown (konsolidiert aus u3obs_render_mobile_dropdown_visibility_fix_208)
   -------------------------------------------------------------------------- */
@media(max-width:900px), (hover:none) and (pointer:coarse){
      html.u3obs-mobile-dashboard-menu-open body::before{
        z-index:130 !important;
      }
      html.u3obs-mobile-dashboard-menu-open .u3obs-wrap.u3obs-kivando-startscreens > .u3obs-brandbar{
        position:sticky !important;
        z-index:140 !important;
        overflow:visible !important;
      }
      html.u3obs-mobile-dashboard-menu-open .u3obs-wrap.u3obs-kivando-startscreens .u3obs-header-navigation-row,
      html.u3obs-mobile-dashboard-menu-open .u3obs-wrap.u3obs-kivando-startscreens .u3obs-dashboard-menu-shell,
      html.u3obs-mobile-dashboard-menu-open .u3obs-wrap.u3obs-kivando-startscreens .u3obs-dashboard-menu-group{
        overflow:visible !important;
      }
      .u3obs-wrap.u3obs-kivando-startscreens .u3obs-dashboard-menu-group.is-open > .u3obs-dashboard-menu-panel{
        display:grid !important;
        visibility:visible !important;
        opacity:1 !important;
        pointer-events:auto !important;
        position:fixed !important;
        left:10px !important;
        right:10px !important;
        bottom:max(12px,env(safe-area-inset-bottom)) !important;
        top:auto !important;
        width:auto !important;
        max-width:none !important;
        max-height:72dvh !important;
        overflow:auto !important;
        z-index:100500 !important;
      }
    }


/* --------------------------------------------------------------------------
   Mobiler Sitzungsstatus (konsolidiert aus u3obs_render_mobile_session_status_fit_769)
   -------------------------------------------------------------------------- */
@media(max-width:700px){
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-top{
        overflow:visible !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-state{
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:center !important;
        align-content:flex-start !important;
        justify-content:flex-start !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        gap:7px !important;
        overflow-x:hidden !important;
        overflow-y:visible !important;
        padding:0 !important;
        box-sizing:border-box !important;
        white-space:normal !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-state > *{
        flex:0 0 auto !important;
        min-width:0 !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-state .u3obs-presence-combo{
        padding-left:9px !important;
        padding-right:9px !important;
        gap:6px !important;
        font-size:11px !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-state
      .u3obs-brand-pill[data-u3obs-session-status="1"]{
        order:99 !important;
        flex:1 0 100% !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        height:36px !important;
        min-height:36px !important;
        margin:1px 0 0 !important;
        padding:0 10px !important;
        justify-content:center !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
        white-space:nowrap !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-state
      .u3obs-brand-pill[data-u3obs-session-status="1"] [data-u3obs-session-status-text]{
        display:block !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
      }
    }


/* --------------------------------------------------------------------------
   Sitzungswarnung (konsolidiert aus u3obs_render_session_warning_header_style_770)
   -------------------------------------------------------------------------- */
body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning{
      grid-column:1 / -1 !important;
      display:none !important;
      grid-template-columns:minmax(0,1fr) auto !important;
      align-items:center !important;
      justify-content:stretch !important;
      gap:12px !important;
      width:auto !important;
      max-width:none !important;
      min-height:52px !important;
      margin:10px var(--u3-start-x,68px) 0 !important;
      padding:9px 10px 9px 16px !important;
      box-sizing:border-box !important;
      border:1px solid rgba(245,158,11,.38) !important;
      border-radius:18px !important;
      background:linear-gradient(180deg,rgba(43,31,12,.78),rgba(25,22,18,.72)) !important;
      color:#fff7df !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 28px rgba(2,8,23,.18) !important;
      backdrop-filter:blur(12px) !important;
      -webkit-backdrop-filter:blur(12px) !important;
      text-align:left !important;
      font-weight:800 !important;
      line-height:1.35 !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning.is-visible{
      display:grid !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning.is-expired{
      border-color:rgba(248,113,113,.44) !important;
      background:linear-gradient(180deg,rgba(68,23,31,.82),rgba(35,17,23,.76)) !important;
      color:#fff1f2 !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning > span{
      min-width:0 !important;
      display:flex !important;
      align-items:center !important;
      gap:10px !important;
      color:inherit !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning > span::before{
      content:"" !important;
      flex:0 0 auto !important;
      width:10px !important;
      height:10px !important;
      border-radius:999px !important;
      background:#f59e0b !important;
      box-shadow:0 0 0 5px rgba(245,158,11,.13) !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning.is-expired > span::before{
      background:#ef4444 !important;
      box-shadow:0 0 0 5px rgba(239,68,68,.14) !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning button{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      min-height:34px !important;
      margin:0 !important;
      padding:0 14px !important;
      border:1px solid rgba(255,255,255,.18) !important;
      border-radius:999px !important;
      background:rgba(255,255,255,.10) !important;
      color:#fff !important;
      box-shadow:none !important;
      white-space:nowrap !important;
      font:inherit !important;
      font-size:13px !important;
      cursor:pointer !important;
      transition:background .18s ease,border-color .18s ease,transform .18s ease !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning button:hover{
      background:rgba(255,255,255,.16) !important;
      border-color:rgba(255,255,255,.28) !important;
      transform:translateY(-1px) !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning.is-expired button{
      background:rgba(239,68,68,.16) !important;
      border-color:rgba(248,113,113,.38) !important;
      color:#fff1f2 !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning.is-expired button:hover{
      background:rgba(239,68,68,.24) !important;
      border-color:rgba(248,113,113,.58) !important;
    }
    @media(max-width:800px){
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning{
        grid-template-columns:1fr !important;
        gap:10px !important;
        min-height:0 !important;
        margin:8px 12px 0 !important;
        padding:12px !important;
        border-radius:16px !important;
        font-size:12px !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning > span{
        align-items:flex-start !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning > span::before{
        margin-top:3px !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar > .u3obs-session-warning button{
        width:100% !important;
        min-height:38px !important;
      }
    }


/* --------------------------------------------------------------------------
   Dashboard-Grunddesign (konsolidiert aus u3obs_render_dashboard_kivando_design_772)
   -------------------------------------------------------------------------- */
html.u3obs-dashboard-app-shell,
    html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell{
      background:#eaf4f2 !important;
    }
    html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
    .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"],
    body .u3obs-wrap.u3obs-kivando-startscreens{
      background-color:#eaf4f2 !important;
      background-image:
        radial-gradient(circle at 8% 4%,rgba(45,212,191,.17),transparent 28%),
        radial-gradient(circle at 94% 18%,rgba(134,239,172,.11),transparent 27%),
        linear-gradient(180deg,#dcecea 0%,#edf6f4 44%,#f7fbfa 100%) !important;
      background-attachment:local !important;
    }

    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro{
      color:#f3fffc !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro #u3obs-att-sections{
      gap:16px !important;
      align-items:stretch !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"],
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="outdoor"]{
      position:relative !important;
      isolation:isolate !important;
      max-height:none !important;
      overflow:hidden !important;
      padding:17px !important;
      border:1px solid rgba(148,230,216,.20) !important;
      border-radius:24px !important;
      background:
        radial-gradient(circle at 100% 0%,rgba(72,221,197,.13),transparent 35%),
        linear-gradient(145deg,rgba(5,24,41,.985) 0%,rgba(8,42,55,.975) 58%,rgba(10,55,65,.965) 100%) !important;
      color:#f4fffd !important;
      box-shadow:0 18px 46px rgba(3,20,32,.24),inset 0 1px 0 rgba(255,255,255,.055) !important;
      backdrop-filter:blur(14px) !important;
      -webkit-backdrop-filter:blur(14px) !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"]::before,
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="outdoor"]::before{
      content:"" !important;
      position:absolute !important;
      z-index:-1 !important;
      inset:0 0 auto 0 !important;
      height:3px !important;
      background:linear-gradient(90deg,#22d3c5 0%,#86efac 48%,rgba(134,239,172,0) 100%) !important;
      opacity:.9 !important;
      pointer-events:none !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] *,
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="outdoor"] *{
      box-sizing:border-box !important;
    }

    /* Anwesenheitskarte */
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-compact{
      color:#f4fffd !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-compact::after{
      width:112px !important;
      height:112px !important;
      right:-48px !important;
      top:-48px !important;
      background:rgba(72,221,197,.09) !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-compact-head{
      min-height:56px !important;
      margin:0 0 13px !important;
      padding:2px 2px 11px !important;
      border-bottom:1px solid rgba(203,247,239,.10) !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-compact-title{
      color:#c8e5e2 !important;
      font-size:11px !important;
      letter-spacing:.075em !important;
      text-shadow:none !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro #u3obs-att-ampel{
      min-height:36px !important;
      padding:0 12px !important;
      border:1px solid rgba(151,237,218,.18) !important;
      border-radius:999px !important;
      background:rgba(255,255,255,.075) !important;
      color:#ddfff6 !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
      font-weight:900 !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-compact-grid{
      gap:10px !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-compact-metric{
      min-height:104px !important;
      padding:12px 14px !important;
      border:1px solid rgba(203,247,239,.105) !important;
      border-radius:17px !important;
      background:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.045)) !important;
      color:#f4fffd !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-compact-metric > span:first-child{
      color:#a9c5c8 !important;
      font-size:10px !important;
      line-height:1.15 !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro #u3obs-att-children,
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro #u3obs-att-staff{
      color:#ffffff !important;
      font-size:25px !important;
      line-height:1 !important;
      text-shadow:0 1px 8px rgba(0,0,0,.16) !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-group-breakdown,
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-group-breakdown em{
      color:#a9c5c8 !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-group-breakdown b,
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-group-breakdown button{
      min-height:21px !important;
      padding:2px 7px !important;
      border:1px solid rgba(203,247,239,.11) !important;
      background:rgba(255,255,255,.075) !important;
      color:#d9eeef !important;
      box-shadow:none !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-agekey-button{
      min-height:66px !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-agekey-lines strong{
      min-height:30px !important;
      padding:5px 8px !important;
      border:1px solid rgba(203,247,239,.10) !important;
      background:rgba(255,255,255,.06) !important;
      color:#f1fffc !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro #u3obs-att-u2,
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro #u3obs-att-ue3,
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-agekey-lines small{
      color:#e6f8f5 !important;
    }

    /* Außengeländekarte */
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-outdoor-card{
      padding-top:16px !important;
      border-top:1px solid rgba(203,247,239,.11) !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-outdoor-layout,
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-outdoor-main{
      width:100% !important;
      min-height:100% !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-outdoor-main{
      flex-direction:column !important;
      align-items:stretch !important;
      justify-content:space-between !important;
      gap:18px !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-outdoor-copy{
      min-width:0 !important;
      color:#f4fffd !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-outdoor-title{
      color:#f4fffd !important;
      font-size:19px !important;
      font-weight:950 !important;
      line-height:1.2 !important;
      text-shadow:0 1px 8px rgba(0,0,0,.15) !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro #u3obs-outdoor-duty{
      margin-top:9px !important;
      min-height:34px !important;
      padding:0 12px !important;
      border-radius:999px !important;
      border:1px solid rgba(147,197,253,.30) !important;
      background:rgba(59,130,246,.13) !important;
      color:#dcecff !important;
      box-shadow:none !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro #u3obs-outdoor-status{
      margin-top:12px !important;
      color:#d4e5e7 !important;
      font-size:16px !important;
      font-weight:850 !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro #u3obs-outdoor-meta,
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro #u3obs-outdoor-info{
      color:#9ebdbf !important;
      opacity:1 !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-outdoor-actions{
      width:100% !important;
      gap:9px !important;
      align-items:center !important;
      justify-content:flex-start !important;
      margin-top:auto !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-outdoor-actions .u3obs-btn{
      min-height:42px !important;
      padding:0 15px !important;
      border:1px solid rgba(203,247,239,.13) !important;
      border-radius:999px !important;
      background:rgba(255,255,255,.075) !important;
      color:#edfdfa !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
      font-weight:900 !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro #u3obs-outdoor-green{
      border-color:rgba(74,222,128,.43) !important;
      background:rgba(34,197,94,.15) !important;
      color:#bfffd1 !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro #u3obs-outdoor-red{
      border-color:rgba(251,113,133,.42) !important;
      background:rgba(244,63,94,.14) !important;
      color:#ffd3db !important;
    }
    body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-outdoor-actions .u3obs-btn:hover{
      transform:translateY(-1px) !important;
      border-color:rgba(94,234,212,.40) !important;
      background:rgba(255,255,255,.11) !important;
      box-shadow:0 9px 22px rgba(0,0,0,.16) !important;
    }

    @media(max-width:980px){
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
      [data-u3obs-layout-section="attendance-summary"],
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
      [data-u3obs-layout-section="outdoor"]{
        padding:14px !important;
        border-radius:20px !important;
      }
    }
    @media(max-width:620px){
      html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
      .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"],
      body .u3obs-wrap.u3obs-kivando-startscreens{
        background-image:
          radial-gradient(circle at 20% 2%,rgba(45,212,191,.15),transparent 27%),
          linear-gradient(180deg,#dcecea 0%,#edf6f4 38%,#f7fbfa 100%) !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-compact-head{
        align-items:flex-start !important;
        flex-direction:column !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro #u3obs-att-ampel{
        max-width:100% !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-compact-grid{
        grid-template-columns:1fr !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-att-agekey-button{
        grid-column:auto !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-outdoor-actions{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      }
      body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro .u3obs-outdoor-actions .u3obs-btn{
        width:100% !important;
        padding:0 10px !important;
      }
    }


    /* 2.0.773 – kompakter Kontrastfix für die linke Anwesenheitskarte. */
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] .u3obs-att-compact-head{
      min-height:52px !important;
      margin:0 0 10px !important;
      padding:10px 12px !important;
      border:1px solid rgba(160,235,223,.13) !important;
      border-radius:16px !important;
      background-color:#0c2b3a !important;
      background-image:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)) !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] .u3obs-att-compact-title{
      color:#c7e6e2 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] #u3obs-att-ampel{
      border-color:rgba(151,237,218,.18) !important;
      background-color:#123747 !important;
      background-image:none !important;
      color:#e5fff9 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] .u3obs-att-compact-metric{
      border-color:rgba(160,235,223,.12) !important;
      background-color:#102f3f !important;
      background-image:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)) !important;
      color:#f5fffd !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] .u3obs-att-compact-metric > span:first-child{
      color:#a9c9ca !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] #u3obs-att-children,
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] #u3obs-att-staff{
      color:#ffffff !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] .u3obs-att-group-breakdown,
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] .u3obs-att-group-breakdown em{
      color:#a9c5c8 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] .u3obs-att-group-breakdown b,
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] .u3obs-att-group-breakdown button,
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] .u3obs-att-agekey-lines strong{
      border-color:rgba(160,235,223,.12) !important;
      background-color:#173b49 !important;
      background-image:none !important;
      color:#e9faf7 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"] .u3obs-att-agekey-button:hover{
      border-color:rgba(94,234,212,.28) !important;
      background-color:#153848 !important;
      background-image:none !important;
    }

    /* 2.0.774 – Die komplette Fläche hinter den beiden Einstiegskarten
     * gehört optisch zum KIVANDO-Portal. Nur dieser Abschnitt wird dunkel;
     * nachfolgende Dashboard-Bereiche bleiben unverändert. */
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-attendance-pro{
      background-color:#0a2a38 !important;
      background-image:
        radial-gradient(circle at 8% 0%,rgba(45,212,191,.14),transparent 30%),
        radial-gradient(circle at 94% 16%,rgba(134,239,172,.08),transparent 27%),
        linear-gradient(180deg,#092534 0%,#0b3140 54%,#0a2a38 100%) !important;
      border-top:1px solid rgba(103,232,211,.10) !important;
      border-bottom:1px solid rgba(103,232,211,.08) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        inset 0 -1px 0 rgba(0,0,0,.12) !important;
    }


/* --------------------------------------------------------------------------
   Einstiegsband (konsolidiert aus u3obs_render_kivando_entry_band_776)
   -------------------------------------------------------------------------- */
html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-kivando-entry-band{
      position:relative !important;
      isolation:isolate !important;
      display:block !important;
      width:100vw !important;
      max-width:100vw !important;
      min-width:0 !important;
      margin-top:0 !important;
      margin-bottom:0 !important;
      margin-left:calc(50% - 50vw) !important;
      margin-right:calc(50% - 50vw) !important;
      padding:28px clamp(22px,3.8vw,68px) 30px !important;
      box-sizing:border-box !important;
      overflow:visible !important;
      border:0 !important;
      border-radius:0 !important;
      background-color:#092a38 !important;
      background-image:
        radial-gradient(circle at 7% 0%,rgba(45,212,191,.16),transparent 31%),
        radial-gradient(circle at 94% 12%,rgba(134,239,172,.09),transparent 28%),
        linear-gradient(180deg,#082432 0%,#0a3140 54%,#092a38 100%) !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 -1px 0 rgba(0,0,0,.16) !important;
    }
    /* Deckt auch die seitlichen Innenflächen des übergeordneten App-Bereichs ab. */
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-kivando-entry-band::before{
      content:"" !important;
      display:block !important;
      position:absolute !important;
      top:0 !important;
      bottom:0 !important;
      left:50% !important;
      width:100vw !important;
      transform:translateX(-50%) !important;
      z-index:-1 !important;
      pointer-events:none !important;
      background-color:#092a38 !important;
      background-image:
        radial-gradient(circle at 7% 0%,rgba(45,212,191,.16),transparent 31%),
        radial-gradient(circle at 94% 12%,rgba(134,239,172,.09),transparent 28%),
        linear-gradient(180deg,#082432 0%,#0a3140 54%,#092a38 100%) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band > .u3obs-attendance-pro{
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      margin:0 !important;
      padding:0 !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      background-color:transparent !important;
      background-image:none !important;
      box-shadow:none !important;
      overflow:visible !important;
      box-sizing:border-box !important;
    }
    @media(max-width:760px){
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-kivando-entry-band{
        width:100vw !important;
        max-width:100vw !important;
        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;
        padding:16px 12px 18px !important;
      }
    }


/* --------------------------------------------------------------------------
   Einstiegsband-Abstände (konsolidiert aus u3obs_render_kivando_entry_gap_fix_777)
   -------------------------------------------------------------------------- */
html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-kivando-entry-band{
      margin-top:0 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-kivando-entry-band::before{
      top:-24px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-kivando-entry-band > .u3obs-attendance-pro{
      position:relative !important;
      z-index:1 !important;
    }
    @media(max-width:760px){
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-kivando-entry-band::before{
        top:-16px !important;
      }
    }


/* --------------------------------------------------------------------------
   Einstiegskarten und Kalender (konsolidiert aus u3obs_render_entry_cards_calendar_778)
   -------------------------------------------------------------------------- */
html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-att-sections.has-calendar-quick{
      display:grid !important;
      grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(250px,.68fr) !important;
      gap:14px !important;
      align-items:stretch !important;
      width:100% !important;
      max-width:none !important;
      margin:0 !important;
      padding:0 !important;
      box-sizing:border-box !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-att-sections.has-calendar-quick >
    [data-u3obs-layout-section="attendance-summary"],
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-att-sections.has-calendar-quick >
    [data-u3obs-layout-section="outdoor"],
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-att-sections.has-calendar-quick >
    [data-u3obs-layout-section="calendar-quick"]{
      width:100% !important;
      min-width:0 !important;
      height:300px !important;
      min-height:300px !important;
      max-height:300px !important;
      align-self:stretch !important;
      box-sizing:border-box !important;
    }

    /* Die beiden bisherigen Karten werden kompakter, ohne Inhalte zu entfernen. */
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"],
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro
    [data-u3obs-layout-section="outdoor"]{
      padding:14px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-compact{
      height:100% !important;
      display:flex !important;
      flex-direction:column !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-compact-head{
      min-height:46px !important;
      margin-bottom:8px !important;
      padding:8px 10px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-compact-grid{
      flex:1 1 auto !important;
      gap:8px !important;
      align-content:stretch !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-compact-metric{
      min-height:78px !important;
      padding:9px 10px !important;
      border-radius:15px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-agekey-button{
      min-height:54px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-card{
      padding-top:14px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-main{
      gap:12px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-title{
      font-size:17px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-actions{
      display:grid !important;
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      gap:7px !important;
      width:100% !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-actions .u3obs-btn{
      width:100% !important;
      min-width:0 !important;
      min-height:36px !important;
      padding:0 8px !important;
      justify-content:center !important;
      white-space:nowrap !important;
    }

    /* Neues kompaktes Kalenderfeld im vorhandenen KIVANDO-Stil. */
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-calendar-quick-card{
      position:relative !important;
      isolation:isolate !important;
      display:flex !important;
      flex-direction:column !important;
      overflow:hidden !important;
      padding:16px !important;
      border:1px solid rgba(148,230,216,.20) !important;
      border-radius:24px !important;
      background:
        radial-gradient(circle at 100% 0%,rgba(72,221,197,.15),transparent 38%),
        linear-gradient(145deg,rgba(5,24,41,.985) 0%,rgba(8,42,55,.975) 58%,rgba(10,55,65,.965) 100%) !important;
      color:#f4fffd !important;
      box-shadow:0 18px 46px rgba(3,20,32,.24),inset 0 1px 0 rgba(255,255,255,.055) !important;
      cursor:pointer !important;
      outline:none !important;
      transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-calendar-quick-card::before{
      content:"" !important;
      position:absolute !important;
      z-index:-1 !important;
      inset:0 0 auto 0 !important;
      height:3px !important;
      background:linear-gradient(90deg,#22d3c5 0%,#86efac 48%,rgba(134,239,172,0) 100%) !important;
      opacity:.9 !important;
      pointer-events:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-calendar-quick-card:hover,
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-calendar-quick-card:focus-visible{
      transform:translateY(-2px) !important;
      border-color:rgba(94,234,212,.38) !important;
      box-shadow:0 22px 52px rgba(3,20,32,.30),0 0 0 3px rgba(45,212,191,.10) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-head{
      display:flex !important;
      align-items:flex-start !important;
      justify-content:space-between !important;
      gap:12px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-kicker{
      color:#a9c9ca !important;
      font-size:10px !important;
      font-weight:900 !important;
      letter-spacing:.09em !important;
      text-transform:uppercase !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-title{
      margin-top:4px !important;
      color:#ffffff !important;
      font-size:18px !important;
      font-weight:950 !important;
      line-height:1.15 !important;
      text-transform:capitalize !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-icon{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      width:42px !important;
      height:42px !important;
      flex:0 0 42px !important;
      border:1px solid rgba(160,235,223,.16) !important;
      border-radius:14px !important;
      background:rgba(255,255,255,.075) !important;
      font-size:20px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-date{
      display:flex !important;
      align-items:center !important;
      gap:12px !important;
      margin-top:22px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-date > strong{
      color:#ffffff !important;
      font-size:54px !important;
      font-weight:950 !important;
      line-height:.9 !important;
      letter-spacing:-.055em !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-date > span{
      display:flex !important;
      flex-direction:column !important;
      min-width:0 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-date b{
      color:#e8fffa !important;
      font-size:16px !important;
      line-height:1.1 !important;
      text-transform:capitalize !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-date small{
      margin-top:4px !important;
      color:#9ebdbf !important;
      font-size:12px !important;
      font-weight:800 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-copy{
      margin-top:16px !important;
      color:#a9c5c8 !important;
      font-size:12px !important;
      line-height:1.45 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-open{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:10px !important;
      width:100% !important;
      min-height:40px !important;
      margin-top:auto !important;
      padding:0 13px !important;
      border:1px solid rgba(94,234,212,.30) !important;
      border-radius:999px !important;
      background:rgba(20,184,166,.12) !important;
      color:#e9fffa !important;
      font-size:12px !important;
      font-weight:900 !important;
      box-shadow:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-open:hover{
      background:rgba(20,184,166,.20) !important;
      border-color:rgba(94,234,212,.45) !important;
    }

    @media(max-width:1180px){
      html body .u3obs-wrap.u3obs-kivando-startscreens
      .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-att-sections.has-calendar-quick{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens
      .u3obs-kivando-entry-band .u3obs-calendar-quick-card{
        grid-column:1 / -1 !important;
        height:220px !important;
        min-height:220px !important;
        max-height:220px !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-date{
        margin-top:14px !important;
      }
    }
    @media(max-width:760px){
      html body .u3obs-wrap.u3obs-kivando-startscreens
      .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-att-sections.has-calendar-quick{
        grid-template-columns:1fr !important;
        gap:12px !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens
      .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-att-sections.has-calendar-quick >
      [data-u3obs-layout-section="attendance-summary"],
      html body .u3obs-wrap.u3obs-kivando-startscreens
      .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-att-sections.has-calendar-quick >
      [data-u3obs-layout-section="outdoor"],
      html body .u3obs-wrap.u3obs-kivando-startscreens
      .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-att-sections.has-calendar-quick >
      [data-u3obs-layout-section="calendar-quick"]{
        grid-column:auto !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-card{
        min-height:230px !important;
      }
    }


/* --------------------------------------------------------------------------
   Monatskalender (konsolidiert aus u3obs_render_month_calendar_card_779)
   -------------------------------------------------------------------------- */
html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-card{
      cursor:default !important;
      padding:14px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-head{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:10px !important;
      min-height:36px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-title{
      margin-top:2px !important;
      color:#fff !important;
      font-size:15px !important;
      font-weight:950 !important;
      line-height:1.1 !important;
      text-transform:capitalize !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-nav{
      display:flex !important;
      align-items:center !important;
      gap:5px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-nav-btn,
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-open{
      appearance:none !important;
      border:1px solid rgba(167,243,230,.18) !important;
      background:rgba(255,255,255,.065) !important;
      color:#eafffb !important;
      border-radius:999px !important;
      font:inherit !important;
      font-size:10px !important;
      font-weight:900 !important;
      cursor:pointer !important;
      transition:.15s ease !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-nav-btn{
      min-width:28px !important;
      height:28px !important;
      padding:0 8px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-nav-btn:hover,
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-open:hover{
      background:rgba(45,212,191,.16) !important;
      border-color:rgba(94,234,212,.42) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-weekdays,
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-grid{
      display:grid !important;
      grid-template-columns:repeat(7,minmax(0,1fr)) !important;
      gap:4px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-weekdays{
      margin:10px 0 5px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-weekdays span{
      color:#8fb1b5 !important;
      font-size:9px !important;
      font-weight:900 !important;
      text-align:center !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-grid{
      flex:1 1 auto !important;
      align-content:start !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-blank{
      min-height:27px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day{
      appearance:none !important;
      position:relative !important;
      min-width:0 !important;
      height:28px !important;
      padding:0 !important;
      border:1px solid rgba(167,243,230,.10) !important;
      border-radius:9px !important;
      background:rgba(255,255,255,.045) !important;
      color:#dffaf6 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      cursor:pointer !important;
      font-size:10px !important;
      font-weight:850 !important;
      transition:.14s ease !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day:hover{
      transform:translateY(-1px) !important;
      background:rgba(45,212,191,.13) !important;
      border-color:rgba(94,234,212,.35) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day.is-today{
      color:#052f31 !important;
      background:linear-gradient(135deg,#5eead4,#86efac) !important;
      border-color:transparent !important;
      box-shadow:0 5px 12px rgba(45,212,191,.18) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day.has-events:not(.is-today){
      border-color:rgba(94,234,212,.30) !important;
      background:rgba(20,184,166,.10) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-count{
      position:absolute !important;
      top:-4px !important;
      right:-3px !important;
      min-width:13px !important;
      height:13px !important;
      padding:0 3px !important;
      border-radius:999px !important;
      background:#fb7185 !important;
      color:#fff !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      font-size:7px !important;
      line-height:1 !important;
      font-weight:950 !important;
      box-shadow:0 2px 6px rgba(0,0,0,.22) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-foot{
      margin-top:9px !important;
      padding-top:8px !important;
      border-top:1px solid rgba(167,243,230,.10) !important;
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:8px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-calendar-month-status{
      min-width:0 !important;
      color:#8fb1b5 !important;
      font-size:9px !important;
      font-weight:750 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-open{
      flex:0 0 auto !important;
      height:28px !important;
      padding:0 10px !important;
    }
    @media(max-width:1180px){
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-card{
        height:285px !important;
        min-height:285px !important;
        max-height:285px !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day{height:30px !important;}
    }
    @media(max-width:760px){
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-card{
        min-height:330px !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day{height:35px !important;font-size:11px !important;}
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-foot{align-items:stretch !important;flex-direction:column !important;}
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-open{width:100% !important;}
    }


/* --------------------------------------------------------------------------
   Dezente Einstiegskarten (konsolidiert aus u3obs_render_entry_cards_subtle_781)
   -------------------------------------------------------------------------- */
/* Gemeinsame Kartenhülle */
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"],
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro
    [data-u3obs-layout-section="outdoor"],
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-calendar-quick-card{
      border:1px solid rgba(169,224,214,.12) !important;
      border-radius:20px !important;
      background:
        radial-gradient(circle at 100% 0%,rgba(60,196,177,.065),transparent 38%),
        linear-gradient(150deg,rgba(7,31,45,.975) 0%,rgba(8,42,53,.965) 62%,rgba(9,49,57,.95) 100%) !important;
      box-shadow:0 10px 28px rgba(2,18,28,.15),inset 0 1px 0 rgba(255,255,255,.028) !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro
    [data-u3obs-layout-section="attendance-summary"]::before,
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro
    [data-u3obs-layout-section="outdoor"]::before,
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-calendar-quick-card::before{
      height:2px !important;
      opacity:.48 !important;
      background:linear-gradient(90deg,rgba(45,212,191,.88),rgba(134,239,172,.54) 38%,rgba(134,239,172,0) 72%) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-calendar-quick-card:hover,
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-calendar-quick-card:focus-visible{
      transform:none !important;
      border-color:rgba(169,224,214,.20) !important;
      box-shadow:0 12px 30px rgba(2,18,28,.18),inset 0 1px 0 rgba(255,255,255,.035) !important;
    }

    /* Anwesenheit: keine helle Innenwanne, sondern ruhige Abstufungen. */
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-compact-grid{
      padding:0 !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-compact-head{
      border-color:rgba(169,224,214,.085) !important;
      background:rgba(255,255,255,.032) !important;
      box-shadow:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-compact-title{
      color:#c1d7d8 !important;
      letter-spacing:.06em !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-att-ampel{
      border-color:rgba(169,224,214,.10) !important;
      background:rgba(255,255,255,.038) !important;
      color:#bcd3d2 !important;
      box-shadow:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-compact-metric{
      border-color:rgba(169,224,214,.075) !important;
      background:rgba(255,255,255,.038) !important;
      background-image:none !important;
      box-shadow:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-compact-metric > span:first-child{
      color:#9fb9bc !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-group-breakdown b,
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-group-breakdown button,
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-agekey-lines strong{
      border-color:rgba(169,224,214,.075) !important;
      background:rgba(255,255,255,.035) !important;
      color:#b9ced0 !important;
      box-shadow:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-att-agekey-button:hover{
      border-color:rgba(94,234,212,.17) !important;
      background:rgba(255,255,255,.052) !important;
    }

    /* Außengelände: Aktionsflächen flacher und weniger dominant. */
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-title{
      color:#f0f8f7 !important;
      text-shadow:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-duty{
      border-color:rgba(147,197,253,.18) !important;
      background:rgba(59,130,246,.075) !important;
      color:#c9dcf2 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-status{
      color:#b9cacc !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-actions .u3obs-btn{
      border-color:rgba(169,224,214,.10) !important;
      background:rgba(255,255,255,.045) !important;
      color:#d9e7e7 !important;
      box-shadow:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-green{
      border-color:rgba(74,222,128,.34) !important;
      background:rgba(22,163,74,.105) !important;
      color:#d7f7df !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-red{
      border-color:rgba(251,113,133,.31) !important;
      background:rgba(190,24,93,.085) !important;
      color:#f5d9df !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-actions .u3obs-btn:hover{
      transform:none !important;
      background:rgba(255,255,255,.07) !important;
      box-shadow:none !important;
    }

    /* Monatskalender: ruhigere Zellen und kleinere Ereignismarker. */
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-nav-btn,
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-open{
      border-color:rgba(169,224,214,.10) !important;
      background:rgba(255,255,255,.038) !important;
      color:#cbdcdd !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day{
      border-color:rgba(169,224,214,.065) !important;
      background:rgba(255,255,255,.025) !important;
      color:#b8cdcf !important;
      box-shadow:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day:hover{
      transform:none !important;
      border-color:rgba(94,234,212,.20) !important;
      background:rgba(45,212,191,.07) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day.has-events:not(.is-today){
      border-color:rgba(94,234,212,.16) !important;
      background:rgba(20,184,166,.055) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day.is-today{
      color:#073536 !important;
      background:linear-gradient(135deg,#6ee7d4,#9ae6b4) !important;
      box-shadow:0 3px 9px rgba(45,212,191,.13) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-count{
      top:-3px !important;
      right:-2px !important;
      min-width:12px !important;
      height:12px !important;
      padding:0 3px !important;
      background:rgba(251,113,133,.90) !important;
      font-size:6.5px !important;
      box-shadow:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-weekdays span,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-calendar-month-status{
      color:#829fa3 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-foot{
      border-top-color:rgba(169,224,214,.07) !important;
    }


/* --------------------------------------------------------------------------
   Außengelände-Scrollbereich (konsolidiert aus u3obs_render_outdoor_info_scroll_782)
   -------------------------------------------------------------------------- */
html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-main{
      min-height:0 !important;
      overflow:hidden !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-copy{
      display:flex !important;
      flex:1 1 auto !important;
      flex-direction:column !important;
      min-height:0 !important;
      overflow:hidden !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-title,
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-duty,
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-status,
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-meta{
      flex:0 0 auto !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-info{
      flex:1 1 auto !important;
      min-height:0 !important;
      max-height:92px !important;
      overflow-x:hidden !important;
      overflow-y:auto !important;
      overscroll-behavior:contain !important;
      scrollbar-gutter:stable !important;
      padding:0 8px 2px 0 !important;
      line-height:1.45 !important;
      overflow-wrap:anywhere !important;
      scrollbar-width:thin !important;
      scrollbar-color:rgba(148,208,201,.42) transparent !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-info::-webkit-scrollbar{
      width:6px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-info::-webkit-scrollbar-track{
      background:transparent !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-info::-webkit-scrollbar-thumb{
      border-radius:999px !important;
      background:rgba(148,208,201,.42) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-info ul{
      margin-bottom:0 !important;
    }
    @media(max-width:1180px){
      html body .u3obs-wrap.u3obs-kivando-startscreens
      .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-info{
        max-height:110px !important;
      }
    }
    @media(max-width:760px){
      html body .u3obs-wrap.u3obs-kivando-startscreens
      .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-main,
      html body .u3obs-wrap.u3obs-kivando-startscreens
      .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-copy{
        overflow:visible !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens
      .u3obs-kivando-entry-band .u3obs-attendance-pro #u3obs-outdoor-info{
        flex:none !important;
        max-height:150px !important;
      }
    }


/* --------------------------------------------------------------------------
   Außengelände-Aktionen (konsolidiert aus u3obs_render_outdoor_actions_compact_783)
   -------------------------------------------------------------------------- */
html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-actions{
      display:grid !important;
      grid-template-columns:repeat(4,minmax(0,1fr)) !important;
      flex:0 0 auto !important;
      width:100% !important;
      gap:6px !important;
      margin-top:8px !important;
      align-items:stretch !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-actions .u3obs-btn{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      width:100% !important;
      min-width:0 !important;
      min-height:32px !important;
      height:32px !important;
      padding:0 7px !important;
      border-radius:999px !important;
      font-size:11.5px !important;
      line-height:1 !important;
      white-space:nowrap !important;
      box-sizing:border-box !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens
    .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-copy{
      min-height:0 !important;
    }
    @media(max-width:980px){
      html body .u3obs-wrap.u3obs-kivando-startscreens
      .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-actions{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens
      .u3obs-kivando-entry-band .u3obs-attendance-pro .u3obs-outdoor-actions .u3obs-btn{
        min-height:34px !important;
        height:34px !important;
        font-size:12px !important;
      }
    }


/* --------------------------------------------------------------------------
   Kompakter Monatskalender (konsolidiert aus u3obs_render_month_calendar_compact_784)
   -------------------------------------------------------------------------- */
html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-card{
      padding:9px 10px 8px !important;
      overflow:hidden !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-head{
      min-height:28px !important;
      gap:6px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-quick-kicker{
      font-size:8.5px !important;
      line-height:1 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-title{
      margin-top:2px !important;
      font-size:13.5px !important;
      line-height:1.05 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-nav{
      gap:3px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-nav-btn{
      min-width:24px !important;
      height:24px !important;
      padding:0 6px !important;
      font-size:8.5px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-weekdays,
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-grid{
      gap:2px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-weekdays{
      margin:5px 0 3px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-weekdays span{
      font-size:7.5px !important;
      line-height:1 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-grid{
      flex:0 0 auto !important;
      align-content:start !important;
      grid-auto-rows:22px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-blank{
      min-height:22px !important;
      height:22px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day{
      height:22px !important;
      min-height:22px !important;
      border-radius:7px !important;
      font-size:8.5px !important;
      line-height:1 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-count{
      top:-2px !important;
      right:-1px !important;
      min-width:10px !important;
      height:10px !important;
      padding:0 2px !important;
      font-size:5.8px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-foot{
      margin-top:4px !important;
      padding-top:4px !important;
      gap:5px !important;
      min-height:24px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-calendar-month-status{
      font-size:7.5px !important;
      line-height:1.1 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-open{
      height:24px !important;
      min-height:24px !important;
      padding:0 8px !important;
      font-size:8.5px !important;
    }
    @media(max-width:1180px){
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-card{
        height:285px !important;
        min-height:285px !important;
        max-height:285px !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-grid{
        grid-auto-rows:24px !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day,
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-blank{
        height:24px !important;
        min-height:24px !important;
      }
    }
    @media(max-width:760px){
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-card{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        padding:11px !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-grid{
        grid-auto-rows:30px !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day,
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-blank{
        height:30px !important;
        min-height:30px !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day{
        font-size:10px !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-foot{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        align-items:center !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-open{
        width:auto !important;
      }
    }


/* --------------------------------------------------------------------------
   Dashboard-Arbeitsbereich (konsolidiert aus u3obs_render_dashboard_workcenter_kivando_785)
   -------------------------------------------------------------------------- */
html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter{
      margin-top:12px !important;
      gap:10px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-work-panel,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday{
      background:
        radial-gradient(circle at 96% 0%,rgba(67,226,198,.09),transparent 30%),
        linear-gradient(145deg,rgba(5,31,47,.98),rgba(7,62,68,.94)) !important;
      border:1px solid rgba(112,224,208,.18) !important;
      color:#eefaf8 !important;
      box-shadow:0 14px 34px rgba(2,20,31,.22) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-work-panel:after{
      background:rgba(64,224,198,.06) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-work-title,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-important-placeholder-title,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-title{
      color:#f4fbfa !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-important-placeholder-text,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-sub{
      color:rgba(205,230,227,.72) !important;
    }

    /* Übersichtskacheln */
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-work-card,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-today-card{
      background:rgba(255,255,255,.045) !important;
      border-color:rgba(174,222,218,.13) !important;
      color:#effaf8 !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-work-card:hover,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-today-card:hover{
      background:rgba(255,255,255,.075) !important;
      border-color:rgba(75,221,199,.34) !important;
      box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-card-icon,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-today-icon{
      background:rgba(126,211,201,.10) !important;
      border-color:rgba(174,222,218,.12) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-card-label,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-today-label{
      color:var(--u3pd-module-text-muted,rgba(187,215,212,.72)) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-card-value,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-today-value{
      color:var(--u3pd-module-text,#f5fffd) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-card-detail,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-today-detail{
      color:var(--u3pd-module-text-muted,rgba(211,231,229,.72)) !important;
    }

    /* Heute wichtig */
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-important-placeholder{
      background:rgba(2,24,38,.56) !important;
      border-color:rgba(166,220,214,.14) !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-today-open,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-today-nav,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-today-date{
      background:rgba(255,255,255,.065) !important;
      border-color:rgba(175,220,216,.18) !important;
      color:var(--u3pd-module-text,#f0faf8) !important;
      box-shadow:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-today-date{
      color-scheme:dark !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-today-open:hover,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-today-nav:hover,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-today-date:hover{
      background:rgba(77,216,196,.12) !important;
      border-color:rgba(77,216,196,.34) !important;
    }

    /* Mein Tagesplan */
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday{
      padding:12px !important;
      border-radius:18px !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-chip,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-person,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-open,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-refresh,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-split,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-split-btn{
      background:rgba(255,255,255,.06) !important;
      border-color:rgba(175,220,216,.18) !important;
      color:#effaf8 !important;
      box-shadow:none !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-split-btn + .u3obs-myday-split-btn{
      border-left-color:rgba(175,220,216,.16) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-split-btn.overview{
      color:#8ce6d8 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-person select{
      color:#f0faf8 !important;
      background:transparent !important;
      color-scheme:light !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-person select option,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-person select optgroup{
      background:#ffffff !important;
      color:#102a32 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-person select option:checked{
      background:#dbe8e8 !important;
      color:#102a32 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-open:hover,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-refresh:hover,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-split-btn:hover{
      background:rgba(77,216,196,.12) !important;
      border-color:rgba(77,216,196,.34) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-empty{
      background:rgba(255,255,255,.035) !important;
      border-color:rgba(175,220,216,.18) !important;
      color:rgba(217,235,233,.76) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-slot,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-group-row,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-group-person{
      background:rgba(255,255,255,.05) !important;
      border-color:rgba(175,220,216,.15) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-time,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-group-person span{
      color:rgba(194,219,216,.72) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-val,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-group-person strong{
      color:#f2fbfa !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-slot.free{
      background:rgba(255,255,255,.025) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-slot.work{
      background:rgba(34,197,94,.10) !important;
      border-color:rgba(74,222,128,.22) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-slot.pause{
      background:rgba(245,158,11,.10) !important;
      border-color:rgba(251,191,36,.22) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-slot.away{
      background:rgba(225,29,72,.10) !important;
      border-color:rgba(251,113,133,.22) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-slot.appointment{
      background:rgba(59,130,246,.11) !important;
      border-color:rgba(96,165,250,.24) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-day-info,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-group-note{
      background:rgba(45,212,191,.07) !important;
      border-color:rgba(94,234,212,.18) !important;
      color:#dff7f3 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-day-info-text{
      background:rgba(255,255,255,.04) !important;
      border-color:rgba(175,220,216,.14) !important;
      color:#eaf8f6 !important;
    }

    @media(max-width:760px){
      html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-work-panel,
      html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday{
        border-radius:16px !important;
      }
      html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-myday-meta{
        gap:6px !important;
      }
    }


/* --------------------------------------------------------------------------
   Originale Dienstfarben (konsolidiert aus u3obs_render_myday_original_service_colors_791)
   -------------------------------------------------------------------------- */
html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
    .u3obs-myday-slot[data-myday-color-source="dienstplan"]{
      background-color:var(--u3obs-myday-bg) !important;
      background-image:none !important;
      border-color:color-mix(in srgb,var(--u3obs-myday-border) 76%,#082b39 24%) !important;
      color:var(--u3obs-myday-fg,#f7fffd) !important;
      -webkit-text-fill-color:var(--u3obs-myday-fg,#f7fffd) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
    .u3obs-myday-slot[data-myday-color-source="dienstplan"] .u3obs-myday-time,
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
    .u3obs-myday-slot[data-myday-color-source="dienstplan"] .u3obs-myday-val{
      color:var(--u3obs-myday-fg,#f7fffd) !important;
      -webkit-text-fill-color:var(--u3obs-myday-fg,#f7fffd) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
    .u3obs-myday-slot[data-myday-color-source="dienstplan"] .u3obs-myday-time{
      opacity:.78 !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
    .u3obs-myday-slot[data-myday-color-source="dienstplan"].now{
      outline-color:color-mix(in srgb,var(--u3obs-myday-bg) 52%,#ffffff 48%) !important;
    }


/* --------------------------------------------------------------------------
   Neutrale ungefärbte Dienste (konsolidiert aus u3obs_render_myday_neutral_uncolored_slots_792)
   -------------------------------------------------------------------------- */
html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
    .u3obs-myday-slot[data-myday-color-source="neutral"]{
      background:rgba(255,255,255,.035) !important;
      border-color:rgba(175,220,216,.15) !important;
      color:#f2fbfa !important;
      -webkit-text-fill-color:#f2fbfa !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
    .u3obs-myday-slot[data-myday-color-source="neutral"] .u3obs-myday-time{
      color:rgba(194,219,216,.72) !important;
      -webkit-text-fill-color:rgba(194,219,216,.72) !important;
    }
    html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
    .u3obs-myday-slot[data-myday-color-source="neutral"] .u3obs-myday-val{
      color:#f2fbfa !important;
      -webkit-text-fill-color:#f2fbfa !important;
    }

/* --------------------------------------------------------------------------
   Einheitliche Module 2.0.796
   Pop-ups, Formulare, Tabellen, leere Zustände, Chips und Scrollbars.
   Bewusst nicht erfasst: Dienstplan-/Tagesplan-Zeitfelder und fachliche
   Statusfarben. Deren gespeicherte Farben bleiben unverändert.
   -------------------------------------------------------------------------- */
body.u3obs-dashboard-app-shell{
  --kv-bg-950:#051f2f;
  --kv-bg-900:#082b39;
  --kv-bg-850:#0b3542;
  --kv-bg-800:#123f4b;
  --kv-mint-500:#22cbb5;
  --kv-mint-300:#72e1cf;
  --kv-text-100:#f4fbfa;
  --kv-text-300:#c7dcda;
  --kv-text-500:#91aaa9;
  --kv-border:rgba(166,220,214,.18);
  --kv-border-strong:rgba(114,225,207,.34);
  --kv-surface:rgba(255,255,255,.055);
  --kv-surface-hover:rgba(255,255,255,.085);
  --kv-surface-strong:rgba(255,255,255,.105);
  --kv-radius-xl:24px;
  --kv-radius-lg:18px;
  --kv-radius-md:14px;
  --kv-shadow:0 20px 54px rgba(2,18,29,.36);
}

/* Modale Hintergründe */
body.u3obs-dashboard-app-shell :where(
  .u3obs-modal-backdrop,
  .u3obs-modal-overlay,
  .u3obs-cal-modal-overlay,
  .u3obs-headline-modal-backdrop,
  .u3obs-li-modal-backdrop,
  .u3m-modal-backdrop,
  .u3obs-export-overlay
){
  background:rgba(2,12,20,.74) !important;
  backdrop-filter:blur(10px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08) !important;
}

/* Modale Oberflächen und große Dialoge */
body.u3obs-dashboard-app-shell :where(
  .u3obs-modal-card,
  .u3obs-modal-box,
  .u3obs-modal-backdrop > .u3obs-modal,
  .u3obs-modal-overlay > .u3obs-modal,
  .u3obs-headline-modal,
  .u3obs-dashboard-calendar.u3obs-cal-modal,
  .u3obs-dienstboard-modal,
  .u3obs-sp-modal,
  .u3obs-sp-overtime-modal,
  .u3obs-sp-vacation-modal,
  .u3obs-export-modal,
  .u3obs-emerg-modal,
  .u3obs-firstaid-modal,
  .u3obs-hk-modal-shell,
  .u3obs-person-create-dialog,
  .u3obs-groupinfo-modalbox,
  .u3obs-ai-modal,
  .u3obs-presence-modal,
  .u3obs-manual-checkin-modal,
  .u3obs-manual-check-confirm-modal,
  .u3obs-login-gate-modal,
  .u3obs-li-modal,
  .u3obs-hk-modal,
  .u3obs-group-overview-modal,
  .u3obs-report-dialog,
  .u3m-report-dialog,
  .u3m-report-modal
){
  border:1px solid var(--kv-border-strong) !important;
  border-radius:var(--kv-radius-xl) !important;
  background:
    radial-gradient(circle at 100% 0,rgba(34,203,181,.10),transparent 34%),
    linear-gradient(155deg,rgba(10,47,61,.985),rgba(5,31,47,.99)) !important;
  color:var(--kv-text-100) !important;
  box-shadow:var(--kv-shadow),inset 0 1px 0 rgba(255,255,255,.055) !important;
}

/* Kopf-/Fußzeilen von Dialogen */
body.u3obs-dashboard-app-shell :where(
  .u3obs-modal-head,
  .u3obs-dienstboard-modal-head,
  .u3obs-headline-modal-head,
  .u3obs-export-head,
  .u3obs-firstaid-form-panel-head,
  .u3obs-modal-foot,
  .u3obs-dienstboard-modal-foot,
  .u3obs-shop-modal-head,
  .u3m-modal-head
){
  border-color:var(--kv-border) !important;
  background:rgba(255,255,255,.035) !important;
  color:var(--kv-text-100) !important;
}
body.u3obs-dashboard-app-shell :where(
  .u3obs-modal-title,
  .u3obs-dienstboard-modal-title,
  .u3obs-headline-modal-title,
  .u3obs-export-title,
  .u3obs-firstaid-form-panel-title
){
  color:var(--kv-text-100) !important;
  font-weight:900 !important;
}
body.u3obs-dashboard-app-shell :where(
  .u3obs-modal-sub,
  .u3obs-export-muted,
  .u3obs-firstaid-form-panel-sub,
  .u3obs-modal-navpos
){color:var(--kv-text-300) !important;}
body.u3obs-dashboard-app-shell :where(
  .u3obs-modal-body,
  .u3obs-dienstboard-modal-body,
  .u3obs-headline-modal-body,
  .u3obs-export-body
){
  background:transparent !important;
  color:var(--kv-text-100) !important;
}

/* Unterbereiche in Dialogen und Funktionsmodulen */
body.u3obs-dashboard-app-shell :where(
  .u3obs-modal-section,
  .u3obs-cal-detail-panel,
  .u3obs-cal-multi-panel,
  .u3obs-cal-settings-panel,
  .u3obs-guard-panel,
  .u3obs-hk-panel,
  .u3obs-firstaid-form-panel,
  .u3obs-groupinfo-notice-block,
  .u3obs-docs-seo-panel,
  .u3obs-export-filters,
  .u3obs-export-card,
  .u3obs-task-card,
  .u3obs-bulkbar,
  .u3obs-assignees,
  .u3obs-panel,
  .u3obs-form,
  .u3obs-docs-form,
  .u3obs-groupinfo-form,
  .u3obs-parent-absence-form,
  .u3obs-parent-comment-form
){
  border:1px solid var(--kv-border) !important;
  border-radius:var(--kv-radius-lg) !important;
  background:var(--kv-surface) !important;
  color:var(--kv-text-100) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
body.u3obs-dashboard-app-shell :where(
  .u3obs-modal-section,
  .u3obs-cal-detail-panel,
  .u3obs-cal-multi-panel,
  .u3obs-cal-settings-panel,
  .u3obs-guard-panel,
  .u3obs-hk-panel,
  .u3obs-firstaid-form-panel,
  .u3obs-export-card,
  .u3obs-task-card
) :where(h1,h2,h3,h4,h5,h6,strong,label){color:var(--kv-text-100) !important;}
body.u3obs-dashboard-app-shell :where(
  .u3obs-modal-section,
  .u3obs-cal-detail-panel,
  .u3obs-cal-multi-panel,
  .u3obs-cal-settings-panel,
  .u3obs-guard-panel,
  .u3obs-hk-panel,
  .u3obs-firstaid-form-panel,
  .u3obs-export-card,
  .u3obs-task-card
) :where(p,small,.u3obs-muted,.u3obs-task-meta,.u3obs-export-msg){color:var(--kv-text-300) !important;}

/* Formulare – ausschließlich in Funktionsmodulen und Dialogen */
body.u3obs-dashboard-app-shell :where(
  .u3obs-modal-card,
  .u3obs-modal-box,
  .u3obs-modal-backdrop > .u3obs-modal,
  .u3obs-headline-modal,
  .u3obs-cal-modal,
  .u3obs-dienstboard-modal,
  .u3obs-sp-modal,
  .u3obs-export-modal,
  .u3obs-person-create-dialog,
  .u3obs-form,
  .u3obs-docs-form,
  .u3obs-groupinfo-form,
  .u3obs-parent-absence-form,
  .u3obs-parent-comment-form,
  .u3obs-filter-item
) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){
  min-height:40px !important;
  border:1px solid var(--kv-border) !important;
  border-radius:12px !important;
  background:rgba(3,25,38,.64) !important;
  color:var(--kv-text-100) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
body.u3obs-dashboard-app-shell :where(
  .u3obs-modal-card,
  .u3obs-modal-box,
  .u3obs-modal-backdrop > .u3obs-modal,
  .u3obs-headline-modal,
  .u3obs-cal-modal,
  .u3obs-dienstboard-modal,
  .u3obs-sp-modal,
  .u3obs-export-modal,
  .u3obs-person-create-dialog,
  .u3obs-form,
  .u3obs-docs-form,
  .u3obs-groupinfo-form,
  .u3obs-parent-absence-form,
  .u3obs-parent-comment-form,
  .u3obs-filter-item
) :where(input,select,textarea):focus{
  outline:none !important;
  border-color:rgba(114,225,207,.74) !important;
  box-shadow:0 0 0 3px rgba(34,203,181,.13),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
body.u3obs-dashboard-app-shell :where(input,textarea)::placeholder{color:rgba(199,220,218,.55) !important;}
body.u3obs-dashboard-app-shell select option{
  background:#ffffff !important;
  color:#102f3a !important;
}
body.u3obs-dashboard-app-shell :where(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:var(--kv-mint-500) !important;}

/* Einheitliche neutrale Dialogbuttons. Semantische Statusklassen bleiben unberührt. */
body.u3obs-dashboard-app-shell :where(
  .u3obs-modal-card,
  .u3obs-modal-box,
  .u3obs-modal-backdrop > .u3obs-modal,
  .u3obs-headline-modal,
  .u3obs-cal-modal,
  .u3obs-dienstboard-modal,
  .u3obs-sp-modal,
  .u3obs-export-modal,
  .u3obs-person-create-dialog
) button:not([class*="danger"]):not([class*="critical"]):not([class*="success"]):not([class*="warn"]):not([data-status]){
  min-height:36px !important;
  border:1px solid var(--kv-border) !important;
  border-radius:999px !important;
  background:var(--kv-surface) !important;
  color:var(--kv-text-100) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  font-weight:800 !important;
}
body.u3obs-dashboard-app-shell :where(
  .u3obs-modal-card,
  .u3obs-modal-box,
  .u3obs-modal-backdrop > .u3obs-modal,
  .u3obs-headline-modal,
  .u3obs-cal-modal,
  .u3obs-dienstboard-modal,
  .u3obs-sp-modal,
  .u3obs-export-modal,
  .u3obs-person-create-dialog
) button:not([class*="danger"]):not([class*="critical"]):not([class*="success"]):not([class*="warn"]):not([data-status]):hover{
  border-color:rgba(114,225,207,.48) !important;
  background:var(--kv-surface-hover) !important;
  color:#fff !important;
}
body.u3obs-dashboard-app-shell :where(.u3obs-modal-close,.u3obs-export-close,.u3obs-headline-modal-close){
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  border-radius:999px !important;
}
body.u3obs-dashboard-app-shell :where(button.primary,.button-primary,.is-primary,[data-primary="1"]){
  border-color:rgba(34,203,181,.78) !important;
  background:linear-gradient(180deg,#1abca8,#0f8f91) !important;
  color:#fff !important;
}
body.u3obs-dashboard-app-shell :where(.u3obs-danger-btn,button.danger,.is-danger,[data-danger="1"]){
  border-color:rgba(248,113,113,.42) !important;
  background:rgba(239,68,68,.12) !important;
  color:#fecaca !important;
}
body.u3obs-dashboard-app-shell button:disabled,
body.u3obs-dashboard-app-shell [aria-disabled="true"]{
  opacity:.46 !important;
  cursor:not-allowed !important;
  transform:none !important;
}

/* Tabellen und Listen */
body.u3obs-dashboard-app-shell :where(
  .u3obs-table,
  .u3obs-cal-detail-table,
  .u3obs-sp-manual-table,
  .u3obs-parent-sleep-table,
  .u3obs-spdiag-modules-table,
  .u3be-table,
  .u3h-table,
  .info-table
){
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  color:var(--kv-text-100) !important;
  background:rgba(3,25,38,.34) !important;
  border:1px solid var(--kv-border) !important;
  border-radius:var(--kv-radius-lg) !important;
  overflow:hidden !important;
}
body.u3obs-dashboard-app-shell :where(
  .u3obs-table,
  .u3obs-cal-detail-table,
  .u3obs-sp-manual-table,
  .u3obs-parent-sleep-table,
  .u3obs-spdiag-modules-table,
  .u3be-table,
  .u3h-table,
  .info-table
) :where(th,td){
  border:0 !important;
  border-right:1px solid rgba(166,220,214,.10) !important;
  border-bottom:1px solid rgba(166,220,214,.10) !important;
  padding:10px 12px !important;
  color:inherit !important;
  background:transparent !important;
}
body.u3obs-dashboard-app-shell :where(
  .u3obs-table,
  .u3obs-cal-detail-table,
  .u3obs-sp-manual-table,
  .u3obs-parent-sleep-table,
  .u3obs-spdiag-modules-table,
  .u3be-table,
  .u3h-table,
  .info-table
) th{
  background:rgba(255,255,255,.065) !important;
  color:var(--kv-text-100) !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
}
body.u3obs-dashboard-app-shell :where(
  .u3obs-table,
  .u3obs-cal-detail-table,
  .u3obs-sp-manual-table,
  .u3obs-parent-sleep-table,
  .u3obs-spdiag-modules-table,
  .u3be-table,
  .u3h-table,
  .info-table
) tbody tr:hover td{background:rgba(34,203,181,.055) !important;}
body.u3obs-dashboard-app-shell :where(
  .u3obs-sp-manual-table-wrap,
  .u3obs-parent-sleep-table-wrap,
  .u3be-table-wrap,
  .u3obs-essp-cover-table-scroll
){
  border:1px solid var(--kv-border) !important;
  border-radius:var(--kv-radius-lg) !important;
  background:rgba(3,25,38,.30) !important;
  overflow:auto !important;
}

/* Leere Zustände */
body.u3obs-dashboard-app-shell :where(
  .u3obs-empty-state,
  .u3obs-cal-empty,
  .u3obs-cal-multi-empty,
  .u3obs-myday-empty,
  .u3obs-myday-closure-empty,
  .u3obs-docs-empty,
  .u3obs-doc-bundle-empty,
  .u3obs-group-overview-empty,
  .u3obs-groupinfo-empty,
  .u3obs-guard-empty,
  .u3obs-ai-empty,
  .u3obs-ot-empty,
  .u3obs-sp-appointment-empty,
  .u3obs-sp-apt-picker-empty,
  .u3obs-spdiag-empty,
  .u3obs-parent-empty,
  .u3obs-parent-comments-empty,
  .u3obs-board-activity-empty,
  .u3obs-navigation-source-empty,
  .u3gs-empty,
  .u3m-empty,
  .hk-empty,
  .kv-dashboard-empty
){
  min-height:86px !important;
  padding:18px !important;
  border:1px dashed rgba(114,225,207,.30) !important;
  border-radius:var(--kv-radius-lg) !important;
  background:rgba(255,255,255,.025) !important;
  color:var(--kv-text-300) !important;
  box-shadow:none !important;
}
body.u3obs-dashboard-app-shell :where(
  .u3obs-empty-state,
  .u3obs-cal-empty,
  .u3obs-cal-multi-empty,
  .u3obs-myday-empty,
  .u3obs-docs-empty,
  .u3obs-group-overview-empty,
  .u3obs-groupinfo-empty,
  .u3obs-guard-empty,
  .u3obs-ai-empty,
  .u3obs-spdiag-empty
)::before{
  content:"";
  display:inline-block;
  width:9px;
  height:9px;
  margin-right:9px;
  border-radius:999px;
  background:var(--kv-mint-500);
  box-shadow:0 0 0 5px rgba(34,203,181,.10);
  vertical-align:middle;
}

/* Neutrale Chips/Badges. Fachliche Statuschips mit eigener Klasse bleiben bestehen. */
body.u3obs-dashboard-app-shell :where(
  .u3obs-chip,
  .u3obs-docs-chip,
  .u3obs-presence-chip,
  .u3obs-role-badge,
  .u3obs-groupinfo-badge,
  .u3obs-parent-badge,
  .u3obs-sp-appointment-badge,
  .u3obs-tab-badge,
  .u3obs-task-due-badge,
  .u3obs-task-priority-badge,
  .u3obs-hk-quickchip,
  .u3obs-myday-chip,
  .legend-chip,
  .area-badge
):not([class*="ok"]):not([class*="warn"]):not([class*="danger"]):not([class*="critical"]):not([class*="overdue"]):not([class*="success"]){
  border:1px solid var(--kv-border) !important;
  border-radius:999px !important;
  background:var(--kv-surface) !important;
  color:var(--kv-text-100) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}

/* Einheitliche Scrollbars in Portalmodulen */
body.u3obs-dashboard-app-shell :where(
  .u3obs-wrap,
  .u3obs-modal,
  .u3obs-modal-body,
  .u3obs-dashboard-menu-panel,
  .u3obs-cal-modal,
  .u3obs-dienstboard-modal-body,
  .u3obs-export-body,
  .u3obs-assignees,
  .u3obs-sp-manual-table-wrap,
  .u3obs-parent-sleep-table-wrap,
  .u3be-table-wrap,
  .u3obs-essp-cover-table-scroll
){
  scrollbar-width:thin;
  scrollbar-color:rgba(114,225,207,.46) rgba(255,255,255,.035);
}
body.u3obs-dashboard-app-shell :where(
  .u3obs-wrap,
  .u3obs-modal,
  .u3obs-modal-body,
  .u3obs-dashboard-menu-panel,
  .u3obs-cal-modal,
  .u3obs-dienstboard-modal-body,
  .u3obs-export-body,
  .u3obs-assignees,
  .u3obs-sp-manual-table-wrap,
  .u3obs-parent-sleep-table-wrap,
  .u3be-table-wrap,
  .u3obs-essp-cover-table-scroll
)::-webkit-scrollbar{width:9px;height:9px;}
body.u3obs-dashboard-app-shell :where(
  .u3obs-wrap,
  .u3obs-modal,
  .u3obs-modal-body,
  .u3obs-dashboard-menu-panel,
  .u3obs-cal-modal,
  .u3obs-dienstboard-modal-body,
  .u3obs-export-body,
  .u3obs-assignees,
  .u3obs-sp-manual-table-wrap,
  .u3obs-parent-sleep-table-wrap,
  .u3be-table-wrap,
  .u3obs-essp-cover-table-scroll
)::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:999px;}
body.u3obs-dashboard-app-shell :where(
  .u3obs-wrap,
  .u3obs-modal,
  .u3obs-modal-body,
  .u3obs-dashboard-menu-panel,
  .u3obs-cal-modal,
  .u3obs-dienstboard-modal-body,
  .u3obs-export-body,
  .u3obs-assignees,
  .u3obs-sp-manual-table-wrap,
  .u3obs-parent-sleep-table-wrap,
  .u3be-table-wrap,
  .u3obs-essp-cover-table-scroll
)::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(114,225,207,.56),rgba(34,203,181,.34));
  border:2px solid transparent;
  border-radius:999px;
  background-clip:padding-box;
}

/* Mobile Dialoge: kein abgeschnittener Inhalt und einheitliche Abstände. */
@media(max-width:700px){
  body.u3obs-dashboard-app-shell :where(
    .u3obs-modal-backdrop,
    .u3obs-modal-overlay,
    .u3obs-cal-modal-overlay,
    .u3obs-headline-modal-backdrop,
    .u3obs-export-overlay
  ){
    padding:8px !important;
    align-items:flex-start !important;
  }
  body.u3obs-dashboard-app-shell :where(
    .u3obs-modal-card,
    .u3obs-modal-box,
    .u3obs-modal-backdrop > .u3obs-modal,
    .u3obs-headline-modal,
    .u3obs-dienstboard-modal,
    .u3obs-sp-modal,
    .u3obs-person-create-dialog
  ){
    width:calc(100vw - 16px) !important;
    max-width:none !important;
    max-height:calc(100dvh - 16px) !important;
    margin:0 auto !important;
    border-radius:20px !important;
  }
  body.u3obs-dashboard-app-shell :where(.u3obs-modal-body,.u3obs-dienstboard-modal-body,.u3obs-headline-modal-body){
    padding:12px !important;
  }
  body.u3obs-dashboard-app-shell :where(
    .u3obs-form-grid,
    .u3obs-groupinfo-formgrid,
    .u3obs-parent-absence-form-grid,
    .u3obs-export-filters
  ){
    grid-template-columns:1fr !important;
  }
  body.u3obs-dashboard-app-shell :where(
    .u3obs-table,
    .u3obs-cal-detail-table,
    .u3obs-sp-manual-table,
    .u3obs-parent-sleep-table,
    .u3obs-spdiag-modules-table,
    .u3be-table,
    .u3h-table,
    .info-table
  ) :where(th,td){
    padding:8px 9px !important;
    font-size:12px !important;
  }
}

/* ========================================================================
   KIVANDO 2.1.4.22.55 – Mobile Navigation neu, Inhalte bleiben erhalten
   ========================================================================
   Die Menülogik bleibt unverändert. Diese späte Regel ordnet nur die sichtbaren
   Topbar-Auslöser zu einem lückenlosen 2-Spalten-Raster und hält Dropdown-
   Inhalte als kompaktes Panel lesbar.
*/
@media (max-width:700px){
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row{
    --u3obs-mobile-nav-cell:56px;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:none !important;
    grid-auto-flow:row !important;
    grid-auto-rows:var(--u3obs-mobile-nav-cell) !important;
    grid-auto-columns:auto !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    align-content:start !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
    scroll-padding-inline:0 !important;
    scrollbar-width:none !important;
    box-sizing:border-box !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row::-webkit-scrollbar{
    display:none !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  > .u3obs-dashboard-menu-shell{
    display:contents !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    overflow:visible !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row > :not(.u3obs-dashboard-menu-shell),
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  > .u3obs-dashboard-menu-shell > *{
    grid-column:auto !important;
    grid-row:auto !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:var(--u3obs-mobile-nav-cell) !important;
    min-height:var(--u3obs-mobile-nav-cell) !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 auto !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    scroll-snap-align:none !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  > .u3obs-dashboard-menu-shell > .u3obs-dashboard-menu-group{
    position:relative !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row > button,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row > a,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  > .u3obs-dashboard-menu-shell > button,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  > .u3obs-dashboard-menu-shell > a,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  > .u3obs-dashboard-menu-shell > .u3obs-dashboard-menu-group > .u3obs-dashboard-menu-toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:var(--u3obs-mobile-nav-cell) !important;
    min-height:var(--u3obs-mobile-nav-cell) !important;
    margin:0 !important;
    padding:0 9px !important;
    border-radius:0 !important;
    line-height:1.14 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:hidden !important;
    overflow-wrap:anywhere !important;
    text-overflow:clip !important;
    box-sizing:border-box !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  .u3obs-dashboard-menu-toggle::after{
    flex:0 0 auto !important;
    margin-left:6px !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  .u3obs-dashboard-menu-panel{
    display:none !important;
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    top:var(--u3obs-mobile-nav-panel-top,168px) !important;
    bottom:auto !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100dvh - var(--u3obs-mobile-nav-panel-top,168px) - 12px) !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
    padding:8px !important;
    gap:6px !important;
    border-radius:16px !important;
    z-index:100500 !important;
    box-sizing:border-box !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  .u3obs-dashboard-menu-group.is-open > .u3obs-dashboard-menu-panel{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  .u3obs-dashboard-menu-panel-title{
    position:sticky !important;
    top:-8px !important;
    z-index:2 !important;
    margin:-8px -8px 6px !important;
    padding:10px 12px !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  .u3obs-dashboard-menu-panel > button,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  .u3obs-dashboard-menu-panel > a,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  .u3obs-dashboard-menu-panel .u3obs-dashboard-menu-panel-item{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:44px !important;
    margin:0 !important;
    padding:10px 12px !important;
    border-radius:10px !important;
    text-align:left !important;
    white-space:normal !important;
    overflow:visible !important;
    overflow-wrap:anywhere !important;
    box-sizing:border-box !important;
  }
}

/* --------------------------------------------------------------------------
   Responsive Finalisierung 2.0.797
   - keine nachträglich per JavaScript injizierten Responsive-Styles mehr
   - ein verbindliches Layout für Desktop, Tablet und Mobil
   - horizontales Seiten-Overflow wird verhindert; fachlich notwendige Tabellen
     und Zeitachsen scrollen ausschließlich in ihrem eigenen Container
   -------------------------------------------------------------------------- */
html.u3obs-dashboard-app-shell,
html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell{
  width:100%;
  max-width:100%;
  overflow-x:clip !important;
}
body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:clip !important;
}
body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens *,
body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens *::before,
body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens *::after{
  box-sizing:border-box;
}
body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens :where(
  .u3obs-brand-main,
  .u3obs-brand-copy,
  .u3obs-brand-state,
  .u3obs-clean-adminline,
  .u3obs-clean-usergroup,
  .u3obs-headline-view,
  .u3obs-headline-marquee,
  .u3obs-dashboard-menu-shell,
  #u3obs-att-sections,
  #u3obs-dashboard-workcenter,
  .u3obs-work-grid,
  .u3obs-work-panel,
  .u3obs-work-cardgrid,
  .u3obs-today-grid,
  .u3obs-myday,
  .u3obs-myday-head,
  .u3obs-myday-meta,
  .u3obs-myday-actions,
  .u3obs-dashboard-groupinfo-slot
){min-width:0 !important;max-width:100%;}
body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens :where(img,svg,video,canvas){max-width:100%;height:auto;}
body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens :where(
  h1,h2,h3,h4,h5,h6,p,span,strong,small,label,.u3obs-card-detail,.u3obs-today-detail,.u3obs-myday-sub
){overflow-wrap:anywhere;}

/* Tablet: Header darf umbrechen, bleibt aber kompakt. */
@media (min-width:701px) and (max-width:1180px){
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-top{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:10px 14px !important;
    padding:12px 16px !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-state{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
    gap:7px !important;
    overflow:visible !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-clean-adminline{
    width:100% !important;
    padding:9px 16px !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-clean-usergroup{
    max-width:100% !important;
    margin-left:auto !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-ticker{
    margin-left:16px !important;
    margin-right:16px !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-kivando-entry-band{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens
  .u3obs-kivando-entry-band #u3obs-att-sections.has-calendar-quick{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens
  .u3obs-kivando-entry-band [data-u3obs-layout-section="calendar-quick"]{
    grid-column:1 / -1 !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter{
    width:auto !important;
    max-width:none !important;
    margin-left:16px !important;
    margin-right:16px !important;
  }
  body.u3obs-dashboard-app-shell #u3obs-dashboard-workcenter .u3obs-work-cardgrid,
  body.u3obs-dashboard-app-shell #u3obs-dashboard-workcenter .u3obs-today-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

/* Mobil: Header, Navigation und Dashboard ohne Seiten-Scroll. */
@media (max-width:700px){
  html.u3obs-dashboard-app-shell,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell{
    overflow-x:hidden !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens{
    min-height:100dvh !important;
    margin:0 !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    box-shadow:none !important;
  }

  /* Oberer Markenbereich */
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-top{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:start !important;
    gap:9px !important;
    padding:11px 12px !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-main{
    width:100% !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-sub{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    line-height:1.25 !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brand-state{
    width:100% !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    gap:7px !important;
    overflow:visible !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens
  .u3obs-brand-pill[data-u3obs-session-status="1"]{
    flex:1 0 100% !important;
    width:100% !important;
  }

  /* Benutzerleiste: kein eigener horizontaler Seiten-Scroll. */
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-clean-adminline{
    width:100% !important;
    padding:8px 10px !important;
    overflow:visible !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-clean-usergroup{
    width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
    gap:7px !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-clean-userinfo{
    min-width:0 !important;
    flex:1 1 180px !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-clean-usercopy{
    min-width:0 !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-clean-usercopy strong{
    display:block !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  /* Infoleiste bleibt kompakt, Aktionen brechen kontrolliert um. */
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-ticker{
    margin:7px 10px !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-view{
    grid-template-columns:auto minmax(0,1fr) !important;
    gap:7px !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-headline-actions{
    grid-column:1 / -1 !important;
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
  }

  /* Alle Hauptbereiche sind sichtbar: 2-spaltiges Touch-Raster, sehr schmal 1-spaltig. */
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens
  .u3-topbar-row2.u3obs-header-navigation-row{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:8px 10px 12px !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens
  .u3-topbar-row2.u3obs-header-navigation-row > :not(.u3obs-dashboard-menu-shell){
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    justify-content:center !important;
    white-space:normal !important;
    text-align:center !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens
  .u3-topbar-row2.u3obs-header-navigation-row > .u3obs-dashboard-menu-shell{
    display:grid !important;
    grid-column:1 / -1 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-dashboard-menu-group{
    width:100% !important;
    min-width:0 !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-dashboard-menu-toggle{
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    height:auto !important;
    padding:9px 11px !important;
    white-space:normal !important;
    line-height:1.18 !important;
    text-align:left !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-dashboard-menu-panel{
    position:fixed !important;
    inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px !important;
    width:auto !important;
    max-width:none !important;
    max-height:min(78dvh,720px) !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
    border-radius:22px 22px 16px 16px !important;
    padding:12px !important;
    padding-bottom:max(14px,env(safe-area-inset-bottom)) !important;
    z-index:100500 !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-dashboard-menu-panel-title{
    position:sticky !important;
    top:-12px !important;
    z-index:2 !important;
    margin:-12px -12px 8px !important;
    padding:14px !important;
    background:#0b3040 !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-dashboard-menu-panel-item{
    min-height:48px !important;
    font-size:14px !important;
  }

  /* Einstiegskarten und Arbeitszentrale */
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-kivando-entry-band{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:14px 10px 16px !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-kivando-entry-band::before{
    left:0 !important;
    width:100% !important;
    transform:none !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens
  .u3obs-kivando-entry-band #u3obs-att-sections.has-calendar-quick{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens
  .u3obs-kivando-entry-band #u3obs-att-sections.has-calendar-quick > *{
    grid-column:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter{
    width:auto !important;
    max-width:none !important;
    margin:8px 10px 12px !important;
  }
  body.u3obs-dashboard-app-shell #u3obs-dashboard-workcenter .u3obs-work-cardgrid,
  body.u3obs-dashboard-app-shell #u3obs-dashboard-workcenter .u3obs-today-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  body.u3obs-dashboard-app-shell #u3obs-dashboard-workcenter .u3obs-today-head,
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-myday-head{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }
  body.u3obs-dashboard-app-shell #u3obs-dashboard-workcenter .u3obs-today-actions{
    width:100% !important;
    grid-template-columns:36px minmax(0,1fr) 36px !important;
  }
  body.u3obs-dashboard-app-shell #u3obs-dashboard-workcenter .u3obs-today-open[data-u3obs-today-open="calendar"]{
    grid-column:1 / -1 !important;
    width:100% !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-myday-meta{
    width:100% !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:6px !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-myday-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
    width:100% !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens :where(
    .u3obs-myday-slots,
    .u3obs-myday-group-table,
    .u3obs-myday-group-scroll,
    .u3obs-table-wrap,
    .u3obs-table-scroll,
    .u3obs-scroll-x,
    .u3obs-sp-manual-table-wrap,
    .u3obs-parent-sleep-table-wrap,
    .u3be-table-wrap,
    .u3obs-essp-cover-table-scroll
  ){
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
  }

  /* Formulare ohne iOS-Zoom und Dialoge vollständig im Viewport. */
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens :where(
    input:not([type="checkbox"]):not([type="radio"]),select,textarea
  ){
    max-width:100% !important;
    font-size:16px !important;
  }
  body.u3obs-dashboard-app-shell :where(
    .u3obs-modal-backdrop,
    .u3obs-modal-overlay,
    .u3obs-cal-modal-overlay,
    .u3obs-headline-modal-backdrop,
    .u3obs-export-overlay,
    .u3obs-li-modal-backdrop,
    .u3obs-groupinfo-overlay
  ){
    padding:0 !important;
    align-items:flex-end !important;
  }
  body.u3obs-dashboard-app-shell :where(
    .u3obs-modal-card,
    .u3obs-modal-box,
    .u3obs-modal-backdrop > .u3obs-modal,
    .u3obs-headline-modal,
    .u3obs-dienstboard-modal,
    .u3obs-sp-modal,
    .u3obs-person-create-dialog,
    .u3obs-export-modal
  ){
    width:100% !important;
    max-width:100% !important;
    max-height:92dvh !important;
    margin:0 !important;
    border-radius:22px 22px 0 0 !important;
  }
  body.u3obs-dashboard-app-shell :where(.u3obs-modal-body,.u3obs-dienstboard-modal-body,.u3obs-headline-modal-body){
    max-height:calc(92dvh - 68px) !important;
    overflow:auto !important;
    padding:12px !important;
  }

  /* Schwebende Buttons bleiben außerhalb der zentralen Bedienflächen. */
  body.u3obs-dashboard-app-shell .u3tc-fab{
    right:max(10px,env(safe-area-inset-right)) !important;
    bottom:max(78px,calc(env(safe-area-inset-bottom) + 66px)) !important;
  }
}

@media (max-width:460px){
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens
  .u3-topbar-row2.u3obs-header-navigation-row,
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens
  .u3-topbar-row2.u3obs-header-navigation-row > .u3obs-dashboard-menu-shell{
    grid-template-columns:1fr !important;
  }
  body.u3obs-dashboard-app-shell #u3obs-dashboard-workcenter .u3obs-work-cardgrid,
  body.u3obs-dashboard-app-shell #u3obs-dashboard-workcenter .u3obs-today-grid,
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-myday-actions{
    grid-template-columns:1fr !important;
  }
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens .u3obs-myday-split{
    width:100% !important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens *,
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens *::before,
  body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens *::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}



/* --------------------------------------------------------------------------
   2.0.798 – zentrale Interaktionszustände
   -------------------------------------------------------------------------- */
.u3obs-dashboard-menu-toggle:focus-visible,
.u3obs-dashboard-menu-panel [role="menuitem"]:focus-visible{
  outline:2px solid rgba(94,234,212,.95) !important;
  outline-offset:2px !important;
}
.u3obs-dashboard-menu-panel[aria-hidden="true"]{pointer-events:none !important;}
.u3obs-dashboard-menu-group.is-open > .u3obs-dashboard-menu-panel[aria-hidden="false"]{pointer-events:auto !important;}
html.u3obs-mobile-dashboard-menu-open body{overscroll-behavior:contain;}

/* --------------------------------------------------------------------------
   2.1.1.1 – Kontrastkorrektur außerhalb des Dashboards
   Die Personal-/Terminplanung ist ein eigenständiger heller Arbeitsbereich.
   Dashboard-Dialogregeln dürfen deren Originalkontrast nicht überschreiben.
   -------------------------------------------------------------------------- */
body.u3obs-dashboard-app-shell .u3obs-sp-overlay{
  color-scheme:light !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-modal{
  border:1px solid #d0d5dd !important;
  border-radius:16px !important;
  background:#ffffff !important;
  background-image:none !important;
  color:#111827 !important;
  box-shadow:0 28px 70px rgba(2,6,23,.28) !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-head{
  border-bottom:1px solid #e5e7eb !important;
  background:#f8fafc !important;
  color:#111827 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-body{
  background:#f8fafc !important;
  color:#111827 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay :where(
  [data-sp-modal-title],
  .u3obs-sp-body h1,
  .u3obs-sp-body h2,
  .u3obs-sp-body h3,
  .u3obs-sp-body h4,
  .u3obs-sp-body h5,
  .u3obs-sp-body h6,
  .u3obs-sp-body label,
  .u3obs-sp-body strong
){
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay :where(
  [data-sp-modal-subtitle],
  .u3obs-sp-mini,
  .u3obs-sp-body p,
  .u3obs-sp-body small
){
  color:#667085 !important;
  -webkit-text-fill-color:#667085 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-btn,
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-tab{
  border-color:#d0d5dd !important;
  background:#ffffff !important;
  background-image:none !important;
  color:#344054 !important;
  -webkit-text-fill-color:#344054 !important;
  box-shadow:none !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-btn:hover,
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-tab:hover{
  border-color:#98a2b3 !important;
  background:#f9fafb !important;
  color:#101828 !important;
  -webkit-text-fill-color:#101828 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-btn.primary,
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-tab.active{
  border-color:#111827 !important;
  background:#111827 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-btn:disabled,
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-tab:disabled{
  border-color:#e4e7ec !important;
  background:#f2f4f7 !important;
  color:#667085 !important;
  -webkit-text-fill-color:#667085 !important;
  opacity:.82 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay :where(input,select,textarea)[style*="background:#fff"],
body.u3obs-dashboard-app-shell .u3obs-sp-overlay :where(input,select,textarea)[style*="background: #fff"]{
  border-color:#d0d5dd !important;
  background:#ffffff !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  color-scheme:light !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay :where(input,select,textarea)[style*="background:#fff"]::placeholder,
body.u3obs-dashboard-app-shell .u3obs-sp-overlay :where(input,select,textarea)[style*="background: #fff"]::placeholder{
  color:#98a2b3 !important;
  -webkit-text-fill-color:#98a2b3 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay select option,
body.u3obs-dashboard-app-shell .u3obs-sp-overlay select optgroup{
  background:#ffffff !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay [style*="background:#fff"],
body.u3obs-dashboard-app-shell .u3obs-sp-overlay [style*="background: #fff"],
body.u3obs-dashboard-app-shell .u3obs-sp-overlay [style*="background:linear-gradient(135deg,#ffffff"],
body.u3obs-dashboard-app-shell .u3obs-sp-overlay [style*="background: linear-gradient(135deg,#ffffff"]{
  color:#111827 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay [style*="background:#fff"] :where(span,div,label,strong),
body.u3obs-dashboard-app-shell .u3obs-sp-overlay [style*="background: #fff"] :where(span,div,label,strong),
body.u3obs-dashboard-app-shell .u3obs-sp-overlay [style*="background:linear-gradient(135deg,#ffffff"] :where(span,div,label,strong){
  color:inherit;
  -webkit-text-fill-color:currentColor;
}

/* Übersichtskarten: Detailtexte dürfen nicht mehr in einer Zeile abgeschnitten werden. */
html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-work-card{
  min-width:0 !important;
}
html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-card-body,
html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-card-body > div{
  min-width:0 !important;
}
html body .u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter .u3obs-card-detail{
  max-width:100% !important;
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}
html body .u3obs-wrap.u3obs-kivando-startscreens.u3obs-personal-density-compact #u3obs-dashboard-workcenter .u3obs-work-card{
  min-height:48px !important;
}

/* --------------------------------------------------------------------------
   2.1.1.2 – Personalplanung: Originalfarben der Zellen wiederherstellen
   Leere Planungsfelder bleiben weiß. Gruppen-, Pausen-, Abwesenheits- und
   manuell gesetzte Farben werden weiterhin aus der bestehenden Zelllogik
   übernommen; die globale Dialoggestaltung darf die Zelleingaben nicht füllen.
   -------------------------------------------------------------------------- */
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-grid .u3obs-sp-input{
  min-height:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  color:inherit !important;
  -webkit-text-fill-color:currentColor !important;
  box-shadow:none !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-grid .u3obs-sp-input:focus{
  background:transparent !important;
  border:0 !important;
  box-shadow:inset 0 0 0 2px rgba(37,99,235,.24) !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-grid tbody td[style="background:"],
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-grid tbody td[style="background:;"]{
  background:#ffffff !important;
  color:#111827 !important;
}


/* --------------------------------------------------------------------------
   2.1.2.1 – Kalenderzentrale: heller, kontrastreicher Arbeitsbereich
   Die Kalenderzentrale bleibt bewusst außerhalb des dunklen Dashboard-Themas.
   Alle Arbeitsflächen sind weiß; Status- und Aktivfarben bleiben erhalten.
   -------------------------------------------------------------------------- */
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar,
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar.u3obs-cal-modal{
  background:#ffffff !important;
  color:#102f3a !important;
  -webkit-text-fill-color:currentColor;
  border-color:#cfe0e4 !important;
  box-shadow:none !important;
}

html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar :where(
  .u3obs-cal-rangebar,
  .u3obs-cal-counts,
  .u3obs-cal-toolbar,
  .u3obs-cal-filterbar,
  .u3obs-cal-viewbar,
  .u3obs-cal-layout,
  .u3obs-cal-month,
  .u3obs-cal-agenda,
  .u3obs-cal-center-panel,
  .u3obs-cal-week-day,
  .u3obs-cal-week-day-head,
  .u3obs-cal-center-event,
  .u3obs-cal-day-category,
  .u3obs-cal-item,
  .u3obs-cal-date,
  .u3obs-cal-empty,
  .u3obs-cal-multi-panel,
  .u3obs-cal-settings-panel,
  .u3obs-cal-settings-group,
  .u3obs-cal-detail-panel,
  .u3obs-cal-detail-card,
  .u3obs-cal-view-switch,
  .u3obs-cal-scope-switch
){
  background:#ffffff !important;
  color:#102f3a !important;
  border-color:#d7e5e8 !important;
  box-shadow:none !important;
}

html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar :where(
  .u3obs-cal-title,
  .u3obs-cal-month-title,
  .u3obs-cal-agenda-head h4,
  .u3obs-cal-center-nav strong,
  .u3obs-cal-week-day-head strong,
  .u3obs-cal-center-event-copy strong,
  .u3obs-cal-day-category h5,
  .u3obs-cal-copy strong,
  .u3obs-cal-detail-head strong,
  .u3obs-cal-detail-card strong,
  .u3obs-cal-settings-head strong,
  .u3obs-cal-settings-group h5,
  .u3obs-cal-setting-copy strong,
  h1,h2,h3,h4,h5,h6,strong,label
){
  color:#102f3a !important;
  -webkit-text-fill-color:#102f3a !important;
}

html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar :where(
  .u3obs-cal-sub,
  .u3obs-cal-tools-note,
  .u3obs-cal-range-note,
  .u3obs-cal-month-note,
  .u3obs-cal-mini,
  .u3obs-cal-meta-note,
  .u3obs-cal-copy span,
  .u3obs-cal-center-event-copy span,
  .u3obs-cal-week-day-head span,
  .u3obs-cal-settings-head span,
  .u3obs-cal-settings-group p,
  .u3obs-cal-setting-copy span,
  .u3obs-cal-detail-card span,
  small,p
){
  color:#58717b !important;
  -webkit-text-fill-color:#58717b !important;
}

html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea,
  .u3obs-cal-multi-summary
){
  background:#ffffff !important;
  color:#102f3a !important;
  -webkit-text-fill-color:#102f3a !important;
  border-color:#cbdde1 !important;
  box-shadow:none !important;
  opacity:1 !important;
}
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar :where(input,textarea)::placeholder{
  color:#81959c !important;
  -webkit-text-fill-color:#81959c !important;
}
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar select option{
  background:#ffffff !important;
  color:#102f3a !important;
}

html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar :where(
  .u3obs-cal-open,
  .u3obs-cal-count,
  .u3obs-cal-filter,
  .u3obs-cal-nav button,
  .u3obs-cal-view-switch button,
  .u3obs-cal-scope-switch button,
  .u3obs-cal-actions button,
  .u3obs-cal-center-event-actions button,
  .u3obs-cal-settings-actions button
){
  background:#ffffff !important;
  color:#173b47 !important;
  -webkit-text-fill-color:#173b47 !important;
  border:1px solid #cbdde1 !important;
  box-shadow:none !important;
  opacity:1 !important;
}
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar :where(
  .u3obs-cal-open,
  .u3obs-cal-count,
  .u3obs-cal-filter,
  .u3obs-cal-nav button,
  .u3obs-cal-view-switch button,
  .u3obs-cal-scope-switch button
):hover{
  background:#eefaf8 !important;
  border-color:#79cfc3 !important;
  color:#0b5f61 !important;
  -webkit-text-fill-color:#0b5f61 !important;
}
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar :where(
  .u3obs-cal-count.active,
  .u3obs-cal-filter.active,
  .u3obs-cal-view-switch button.active,
  .u3obs-cal-scope-switch button.active
){
  background:#0f766e !important;
  border-color:#0f766e !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar :where(button:disabled,[aria-disabled="true"]){
  background:#ffffff !important;
  border-color:#dce7ea !important;
  color:#71868d !important;
  -webkit-text-fill-color:#71868d !important;
  opacity:.72 !important;
}

html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar .u3obs-cal-day{
  background:#ffffff !important;
  color:#173b47 !important;
  -webkit-text-fill-color:#173b47 !important;
  border-color:#dce7ea !important;
}
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar .u3obs-cal-day.is-other{
  background:#ffffff !important;
  color:#93a5aa !important;
  -webkit-text-fill-color:#93a5aa !important;
}
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar .u3obs-cal-day.is-active{
  background:#e7faf6 !important;
  border-color:#0f8f88 !important;
  color:#0b5557 !important;
  -webkit-text-fill-color:#0b5557 !important;
}
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar .u3obs-cal-day.is-today{
  border-color:#0f766e !important;
  box-shadow:inset 0 0 0 1px #0f766e !important;
}

html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar .u3obs-cal-rangebar,
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar .u3obs-cal-center-panel,
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar .u3obs-cal-month,
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar .u3obs-cal-agenda{
  background:#ffffff !important;
}

html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar .u3obs-cal-detail-table{
  background:#ffffff !important;
  color:#102f3a !important;
  border-color:#d7e5e8 !important;
}
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar .u3obs-cal-detail-table :where(th,td){
  background:#ffffff !important;
  color:#102f3a !important;
  border-color:#e3edef !important;
}
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar .u3obs-cal-detail-table th{
  color:#4e6973 !important;
  -webkit-text-fill-color:#4e6973 !important;
}

html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar .u3obs-cal-multi-option{
  color:#173b47 !important;
  -webkit-text-fill-color:#173b47 !important;
}
html body.u3obs-dashboard-app-shell .u3obs-dashboard-calendar .u3obs-cal-multi-option:hover{
  background:#eefaf8 !important;
}

/* Der Vollbild-Kalender bleibt ein klarer heller Arbeitsbereich. */
html body.u3obs-dashboard-app-shell .u3obs-cal-modal-overlay{
  background:rgba(4,25,36,.58) !important;
}


/* --------------------------------------------------------------------------
   2.1.4.3 – Personalplanung: Kompaktansicht wieder hell und lesbar
   Die allgemeine Dashboard-Tabellengestaltung darf die manuelle
   Wochenplanung nicht abdunkeln. Fachliche Dienst- und Zellfarben bleiben
   ausschließlich in den inneren Tagesfeldern erhalten.
   -------------------------------------------------------------------------- */
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table-wrap{
  border:1px solid #98a2b3 !important;
  border-radius:12px !important;
  background:#ffffff !important;
  background-image:none !important;
  color:#111827 !important;
  overflow:auto !important;
  scrollbar-color:#98a2b3 #f2f4f7 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table-wrap::-webkit-scrollbar-track{
  background:#f2f4f7 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table-wrap::-webkit-scrollbar-thumb{
  background:#98a2b3 !important;
  border:2px solid #f2f4f7 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table{
  width:max-content !important;
  min-width:max-content !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:#ffffff !important;
  background-image:none !important;
  color:#111827 !important;
  -webkit-text-fill-color:currentColor !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table :where(th,td){
  padding:0 !important;
  border:1px solid #98a2b3 !important;
  background:#ffffff !important;
  background-image:none !important;
  color:#111827 !important;
  -webkit-text-fill-color:currentColor !important;
  font-size:var(--u3obs-sp-manual-font,12px) !important;
  line-height:1 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table th{
  background:#f8fafc !important;
  color:#344054 !important;
  -webkit-text-fill-color:#344054 !important;
  font-weight:900 !important;
  letter-spacing:.025em !important;
  text-transform:uppercase !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table tbody tr:hover > td{
  background:#ffffff !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table :where(.sticky-left,.sticky-left2){
  background:#ffffff !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table .u3obs-sp-input{
  min-height:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  color:inherit !important;
  -webkit-text-fill-color:currentColor !important;
  box-shadow:none !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table .u3obs-sp-input:focus{
  background:rgba(255,255,255,.94) !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  box-shadow:inset 0 0 0 2px rgba(37,99,235,.28) !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table select.u3obs-sp-input option,
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table select.u3obs-sp-input optgroup{
  background:#ffffff !important;
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table .u3obs-sp-manual-appointments-cell{
  background:#ffffff !important;
  color:#111827 !important;
}
body.u3obs-dashboard-app-shell .u3obs-sp-overlay .u3obs-sp-manual-table .u3obs-sp-manual-cell.has-ghost{
  background:rgba(148,163,184,.16) !important;
}

/* 2.1.4.17 – Dashboard und Footer ohne helle Trennfläche */
html body .u3obs-wrap.u3obs-kivando-startscreens
.u3obs-kivando-entry-band > .u3obs-attendance-pro::before,
html body .u3obs-wrap.u3obs-kivando-startscreens
.u3obs-kivando-entry-band > .u3obs-attendance-pro::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* 2.1.4.22.6 – Begleitplugins im Footer ohne Zusatzbeschriftung */
/* 2.1.4.16 – KIVANDO Portal-Footer */
.u3obs-wrap.u3obs-kivando-startscreens > .u3obs-portal-footer{
  position:relative !important;
  z-index:3 !important;
  display:grid !important;
  grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr) !important;
  align-items:center !important;
  gap:18px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:70px !important;
  margin:0 !important;
  padding:13px 18px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(140,219,210,.18) !important;
  border-radius:18px !important;
  background:radial-gradient(circle at 96% 0%,rgba(64,208,191,.10),transparent 32%),linear-gradient(135deg,#061f2f 0%,#073b45 100%) !important;
  color:#eaf8f6 !important;
  box-shadow:0 14px 32px rgba(2,18,29,.20) !important;
  font-family:inherit !important;
  isolation:isolate !important;
}
.u3obs-wrap.u3obs-kivando-startscreens > .u3obs-portal-footer::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 45%,rgba(255,255,255,.018)) !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-brand{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  min-width:0 !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-mark{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 36px !important;
  width:36px !important;
  height:36px !important;
  border:1px solid rgba(255,255,255,.17) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.10) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-brandcopy{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  min-width:0 !important;
  line-height:1.1 !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-brandcopy strong{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.09em !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-brandcopy small{
  color:#aac9c6 !important;
  -webkit-text-fill-color:#aac9c6 !important;
  font-size:11px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-meta{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-width:0 !important;
  max-width:min(760px,52vw) !important;
  color:#a9c5c3 !important;
  -webkit-text-fill-color:#a9c5c3 !important;
  font-size:11px !important;
  font-weight:750 !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-meta-line{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-width:0 !important;
  white-space:nowrap !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-plugins{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  width:100% !important;
  min-width:0 !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-plugin-list{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  min-width:0 !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-plugin{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  min-width:0 !important;
  max-width:260px !important;
  min-height:22px !important;
  padding:3px 8px !important;
  border:1px solid rgba(113,223,211,.18) !important;
  border-radius:999px !important;
  background:rgba(69,196,182,.08) !important;
  color:#d8f3f0 !important;
  -webkit-text-fill-color:#d8f3f0 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-plugin::before{
  content:"" !important;
  flex:0 0 5px !important;
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  background:#42dfc8 !important;
  box-shadow:0 0 0 3px rgba(66,223,200,.10) !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-plugin-name{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#d8f3f0 !important;
  -webkit-text-fill-color:#d8f3f0 !important;
  font-size:10px !important;
  font-weight:800 !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-plugin-version{
  flex:0 0 auto !important;
  color:#8fbfba !important;
  -webkit-text-fill-color:#8fbfba !important;
  font-size:9px !important;
  font-weight:800 !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-separator{
  color:#5f8e8b !important;
  -webkit-text-fill-color:#5f8e8b !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  min-width:0 !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:0 13px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.065) !important;
  color:#eaf8f6 !important;
  -webkit-text-fill-color:#eaf8f6 !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease !important;
}
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-links a:hover,
.u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-links a:focus-visible{
  border-color:rgba(94,234,212,.44) !important;
  background:rgba(45,212,191,.14) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}
html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"] > .u3obs-portal-footer{
  width:calc(100% + (var(--u3obs-app-gutter) * 2)) !important;
  margin:0 calc(var(--u3obs-app-gutter) * -1) calc(var(--u3obs-app-gutter) * -1) !important;
  padding-right:calc(var(--u3obs-app-gutter) + 18px) !important;
  padding-left:calc(var(--u3obs-app-gutter) + 18px) !important;
  padding-bottom:max(13px,env(safe-area-inset-bottom)) !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;
  border-radius:0 !important;
}
@media(max-width:900px){
  .u3obs-wrap.u3obs-kivando-startscreens > .u3obs-portal-footer{
    grid-template-columns:1fr auto !important;
    gap:12px !important;
  }
  .u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-meta{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    max-width:none !important;
  }
  .u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-meta-line,
  .u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-plugins,
  .u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-plugin-list{
    justify-content:flex-start !important;
  }
}
@media(max-width:620px){
  .u3obs-wrap.u3obs-kivando-startscreens > .u3obs-portal-footer{
    grid-template-columns:1fr !important;
    min-height:0 !important;
    padding:15px !important;
  }
  .u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-links,
  .u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-meta{
    grid-column:auto !important;
    grid-row:auto !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    max-width:none !important;
  }
  .u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-meta-line{
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    white-space:normal !important;
  }
  .u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-plugins{
    align-items:flex-start !important;
    justify-content:flex-start !important;
    flex-direction:column !important;
  }
  .u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-plugin-list{
    justify-content:flex-start !important;
  }
  .u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-plugin{
    max-width:min(100%,300px) !important;
  }
  .u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-brandcopy small{
    white-space:normal !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"] > .u3obs-portal-footer{
    padding-right:max(15px,env(safe-area-inset-right)) !important;
    padding-left:max(15px,env(safe-area-inset-left)) !important;
    padding-bottom:max(15px,env(safe-area-inset-bottom)) !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .u3obs-wrap.u3obs-kivando-startscreens .u3obs-portal-footer-links a{
    transition:none !important;
  }
}

/* 2.1.4.18 – Footer-Fuge unabhängig von App-Shell-/Theme-Abständen schließen.
 * Der zusätzliche obere Innenraum entspricht exakt dem negativen Außenabstand:
 * Der dunkle Footer-Hintergrund beginnt früher, seine Inhalte bleiben stehen. */
html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
.u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"] > .u3obs-portal-footer{
  margin-top:-24px !important;
  margin-block-start:-24px !important;
  padding-top:37px !important;
  padding-block-start:37px !important;
  background-color:#07333f !important;
  background-clip:border-box !important;
}
@media(max-width:620px){
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"] > .u3obs-portal-footer{
    margin-top:-20px !important;
    margin-block-start:-20px !important;
    padding-top:35px !important;
    padding-block-start:35px !important;
  }
}


/* 2.1.4.19 – Portal-Benutzerkopf bleibt unabhängig von Inhaltsfarben lesbar.
 * Die globale Designregel `.u3obs-wrap strong` verwendet !important; deshalb
 * müssen Anzeigename und Benutzerlabel hier ausdrücklich stärker abgegrenzt werden. */
html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar
.u3obs-clean-usercopy > strong{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
}
html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-brandbar
.u3obs-clean-usercopy > span{
  color:rgba(226,232,240,.72) !important;
  -webkit-text-fill-color:rgba(226,232,240,.72) !important;
  opacity:1 !important;
}

/* 2.1.4.20 – Tagesplan-Hinweisbereiche auf dunklem Hintergrund lesbar.
 * Die globalen Theme-Regeln `.u3obs-wrap strong/div/span` setzen die hellen
 * Standardfarben des Tagesplans nachträglich wieder auf die frei gewählten
 * globalen Textfarben. Diese gezielten Regeln liegen bewusst auf den
 * tatsächlichen Elementen der Tagesinfo-, Schließungs- und Notizbereiche. */
html body.u3obs-dashboard-app-shell
.u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
.u3obs-myday .u3obs-myday-day-info > strong,
html body.u3obs-dashboard-app-shell
.u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
.u3obs-myday .u3obs-myday-closures > strong,
html body.u3obs-dashboard-app-shell
.u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
.u3obs-myday .u3obs-myday-closure-notes > strong{
  color:var(--u3pd-module-text,#dff7f3) !important;
  -webkit-text-fill-color:var(--u3pd-module-text,#dff7f3) !important;
  opacity:1 !important;
}
html body.u3obs-dashboard-app-shell
.u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
.u3obs-myday .u3obs-myday-day-info-text,
html body.u3obs-dashboard-app-shell
.u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
.u3obs-myday .u3obs-myday-closure-empty-note{
  color:var(--u3pd-module-text-muted,rgba(220,238,235,.78)) !important;
  -webkit-text-fill-color:var(--u3pd-module-text-muted,rgba(220,238,235,.78)) !important;
  opacity:1 !important;
}
html body.u3obs-dashboard-app-shell
.u3obs-wrap.u3obs-kivando-startscreens #u3obs-dashboard-workcenter
.u3obs-myday .u3obs-myday-day-info{
  color:var(--u3pd-module-text,#dff7f3) !important;
  -webkit-text-fill-color:var(--u3pd-module-text,#dff7f3) !important;
}

/* ========================================================================
   2.1.4.22.2 – Kinderverwaltung: klare Arbeitsoberfläche
   ======================================================================== */
#kinderverwaltung{
  --u3child-ink:#0b2230;
  --u3child-muted:#60747c;
  --u3child-line:#cfe4e2;
  --u3child-soft:#f3fbf9;
  --u3child-soft-2:#e9f7f4;
  --u3child-accent:#087a70;
  --u3child-accent-dark:#055d57;
  --u3child-danger:#b42318;
  color:var(--u3child-ink) !important;
}
#kinderverwaltung[data-u3obs-fullscreen-open="1"]{
  padding:22px 22px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  overflow:hidden !important;
  border:1px solid rgba(8,122,112,.22) !important;
  background:linear-gradient(145deg,#f8fffd 0%,#ffffff 52%,#eef9f7 100%) !important;
}
#kinderverwaltung .u3obs-child-admin-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 20px;
  border:1px solid var(--u3child-line);
  border-radius:22px;
  background:linear-gradient(125deg,#e9fbf7 0%,#ffffff 58%,#e6f5f3 100%);
  box-shadow:0 12px 34px rgba(25,85,82,.08);
}
#kinderverwaltung .u3obs-child-admin-hero-copy{min-width:0;}
#kinderverwaltung .u3obs-child-admin-eyebrow,
#kinderverwaltung .u3obs-child-create-kicker{
  margin-bottom:3px;
  color:var(--u3child-accent) !important;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#kinderverwaltung .u3obs-qtitle{
  margin:0 !important;
  color:var(--u3child-ink) !important;
  font-size:28px !important;
  font-weight:900 !important;
  line-height:1.08 !important;
}
#kinderverwaltung .u3obs-child-admin-subtitle{
  margin-top:6px;
  max-width:760px;
  color:var(--u3child-muted) !important;
  font-size:13px;
  line-height:1.45;
}
#kinderverwaltung .u3obs-child-admin-summary{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}
#kinderverwaltung .u3obs-child-summary-chip{
  min-width:86px;
  padding:8px 11px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:7px;
  border:1px solid rgba(8,122,112,.16);
  border-radius:14px;
  background:rgba(255,255,255,.78);
  box-shadow:0 6px 16px rgba(15,73,69,.05);
}
#kinderverwaltung .u3obs-child-summary-chip strong{
  color:var(--u3child-accent-dark) !important;
  font-size:18px;
  line-height:1;
}
#kinderverwaltung .u3obs-child-summary-chip span{
  color:var(--u3child-muted) !important;
  font-size:11px;
  font-weight:800;
  line-height:1.15;
}

#kinderverwaltung button.u3obs-child-summary-chip{
  margin:0 !important;
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
#kinderverwaltung button.u3obs-child-summary-chip:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:rgba(8,122,112,.42) !important;
  background:#fff !important;
  box-shadow:0 10px 22px rgba(8,122,112,.12) !important;
}
#kinderverwaltung button.u3obs-child-summary-chip:focus-visible{
  outline:3px solid rgba(8,122,112,.22) !important;
  outline-offset:2px;
}
#kinderverwaltung button.u3obs-child-summary-chip:active:not(:disabled){
  transform:translateY(0);
}
#kinderverwaltung button.u3obs-child-summary-chip:disabled{
  cursor:not-allowed;
  opacity:.56;
  box-shadow:none !important;
}
#kinderverwaltung button.u3obs-child-summary-chip[aria-busy="true"]{
  cursor:progress;
}
#kinderverwaltung .u3obs-child-create-toggle{
  min-height:44px !important;
  padding:0 18px !important;
  border-color:var(--u3child-accent) !important;
  background:var(--u3child-accent) !important;
  color:#fff !important;
  font-weight:900 !important;
  box-shadow:0 10px 22px rgba(8,122,112,.18) !important;
}
#kinderverwaltung .u3obs-child-create-toggle:hover{
  background:var(--u3child-accent-dark) !important;
  color:#fff !important;
}
#kinderverwaltung .u3obs-child-create-shell{
  padding:16px 18px 18px;
  border:1px solid var(--u3child-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 30px rgba(16,78,74,.08);
}
#kinderverwaltung .u3obs-child-create-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid #e3efed;
}
#kinderverwaltung .u3obs-child-create-head strong{
  display:block;
  color:var(--u3child-ink) !important;
  font-size:18px;
  font-weight:900;
}
#kinderverwaltung .u3obs-child-create-form{
  grid-template-columns:repeat(5,minmax(150px,1fr));
  gap:12px 14px !important;
  align-items:end !important;
  margin:0 !important;
}
#kinderverwaltung .u3obs-child-create-form > div{min-width:0 !important;}
#kinderverwaltung .u3obs-child-create-form label{
  display:inline-block;
  margin-bottom:6px;
  color:#526870 !important;
  font-size:12px;
  font-weight:800;
}
#kinderverwaltung .u3obs-child-create-form input,
#kinderverwaltung .u3obs-child-create-form select{
  width:100% !important;
  max-width:none !important;
  min-height:44px !important;
}
#kinderverwaltung .u3obs-child-create-actions{
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-end;
  gap:9px;
  padding-top:2px;
}
#kinderverwaltung .u3obs-child-workspace{
  display:grid !important;
  grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);
  gap:16px !important;
  min-height:0;
  flex:1;
}
#kinderverwaltung .u3obs-child-list-pane,
#kinderverwaltung .u3obs-child-detail-pane{
  min-width:0 !important;
  border:1px solid var(--u3child-line);
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 32px rgba(20,78,74,.07);
}
#kinderverwaltung .u3obs-child-list-pane{
  display:flex;
  flex-direction:column;
  padding:16px !important;
  overflow:hidden;
}
#kinderverwaltung .u3obs-child-detail-pane{
  padding:16px 18px 110px !important;
  overflow:auto;
  scrollbar-gutter:stable;
}
#kinderverwaltung .u3obs-child-pane-titlebar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
#kinderverwaltung .u3obs-child-pane-titlebar strong{
  color:var(--u3child-ink) !important;
  font-size:19px;
  font-weight:900;
}
#kinderverwaltung .u3obs-child-pane-titlebar .u3obs-muted{
  margin-top:2px;
  color:var(--u3child-muted) !important;
  font-size:11px !important;
  line-height:1.35;
}
#kinderverwaltung .u3obs-child-list-count{
  min-width:36px;
  height:36px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--u3child-soft-2);
  color:var(--u3child-accent-dark) !important;
  font-size:13px;
  font-weight:900;
}
#kinderverwaltung .u3obs-child-list-filters{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(130px,.75fr);
  gap:9px;
  margin-bottom:12px;
}
#kinderverwaltung .u3obs-child-list-filters label{min-width:0;}
#kinderverwaltung .u3obs-child-list-filters label > span{
  display:block;
  margin:0 0 5px 2px;
  color:#60747c !important;
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
#kinderverwaltung .u3obs-child-list-filters input,
#kinderverwaltung .u3obs-child-list-filters select{
  width:100% !important;
  min-height:42px !important;
  max-width:none !important;
  border-radius:13px !important;
  background:#fbfefd !important;
}
#kinderverwaltung .u3obs-child-card-list{
  flex:1;
  min-height:320px !important;
  max-height:none !important;
  padding:2px 5px 2px 1px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  overscroll-behavior:contain;
}
#kinderverwaltung .u3obs-child-check-item{
  position:relative;
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr);
  gap:10px !important;
  align-items:flex-start !important;
  margin:0 0 8px;
  padding:11px 12px !important;
  border:1px solid #dcecea !important;
  border-radius:15px !important;
  background:#fff !important;
  box-shadow:0 5px 14px rgba(20,78,74,.045);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease;
}
#kinderverwaltung .u3obs-child-check-item:hover{
  border-color:#9fcfc9 !important;
  box-shadow:0 9px 20px rgba(20,78,74,.09);
  transform:translateY(-1px);
}
#kinderverwaltung .u3obs-child-check-item.is-current{
  border-color:var(--u3child-accent) !important;
  background:linear-gradient(120deg,#eafaf6,#ffffff) !important;
  box-shadow:0 0 0 2px rgba(8,122,112,.10),0 10px 22px rgba(8,122,112,.10);
}
#kinderverwaltung .u3obs-child-check{
  width:18px !important;
  height:18px !important;
  margin:2px 0 0 !important;
  accent-color:var(--u3child-accent);
}
#kinderverwaltung .u3obs-child-card-main{min-width:0;}
#kinderverwaltung .u3obs-child-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
#kinderverwaltung .u3obs-child-card-name{
  min-width:0;
  color:var(--u3child-ink) !important;
  font-size:14px;
  font-weight:900;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#kinderverwaltung .u3obs-child-card-status{
  flex:0 0 auto;
  padding:3px 7px;
  border-radius:999px;
  background:#e9f7f4;
  color:var(--u3child-accent-dark) !important;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
#kinderverwaltung .u3obs-child-card-status.is-archived{
  background:#f3f4f6;
  color:#667085 !important;
}
#kinderverwaltung .u3obs-child-card-group{
  margin-top:3px;
  color:#657980 !important;
  font-size:11px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#kinderverwaltung .u3obs-child-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:8px;
}
#kinderverwaltung .u3obs-child-card-meta span{
  padding:3px 7px;
  border:1px solid #dfecea;
  border-radius:999px;
  background:#f8fcfb;
  color:#51666e !important;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
}
#kinderverwaltung .u3obs-child-card-meta span.is-id{
  border-color:#b8dfda;
  background:#eaf8f5;
  color:#075f58 !important;
}
#kinderverwaltung .u3obs-child-card-meta span.is-warning{
  border-color:#f3d8a3;
  background:#fff9ed;
  color:#8a5700 !important;
}
#kinderverwaltung .u3obs-child-list-toolbar{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
#kinderverwaltung .u3obs-child-list-toolbar .u3obs-mini-btn{
  width:100%;
  min-height:39px !important;
  padding:7px 9px !important;
  font-size:11px !important;
  font-weight:800 !important;
}
#kinderverwaltung .u3obs-child-list-toolbar-secondary{
  padding-top:10px;
  border-top:1px solid #e4efed;
}
#kinderverwaltung .u3obs-child-archive-toggle{
  min-height:39px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:7px 9px;
  border:1px solid var(--u3d-border,#d7d1d3);
  border-radius:var(--u3d-radius,18px);
  background:#fff;
  cursor:pointer;
}
#kinderverwaltung .u3obs-child-archive-toggle span{
  color:#52676f !important;
  font-size:11px;
  font-weight:800;
}
#kinderverwaltung [data-u3obs-child-assigned-info]{
  min-height:18px;
  margin:7px 0 0 !important;
  color:#5e7279 !important;
  font-size:11px !important;
}
#kinderverwaltung [data-u3obs-child-person-heading]{
  display:block !important;
  margin:0 0 12px !important;
  padding:14px 16px !important;
  border:1px solid #cfe5e2 !important;
  border-radius:17px !important;
  background:linear-gradient(125deg,#edf9f7,#ffffff) !important;
  box-shadow:0 7px 18px rgba(20,78,74,.055);
}
#kinderverwaltung [data-u3obs-child-person-heading] > .u3obs-muted:first-child{
  color:var(--u3child-accent) !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#kinderverwaltung [data-u3obs-child-person-name]{
  margin-top:2px;
  color:var(--u3child-ink) !important;
  font-size:22px !important;
  font-weight:900 !important;
}
#kinderverwaltung [data-u3obs-child-selected]{
  color:#60747c !important;
  font-size:11px !important;
}
#kinderverwaltung .u3obs-child-section-navigation{
  position:sticky;
  top:-16px;
  z-index:8;
  margin:0 -2px 12px !important;
  padding:10px 2px 9px !important;
  background:linear-gradient(#fff 82%,rgba(255,255,255,.88));
}
#kinderverwaltung .u3obs-child-section-tabs{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:1px 2px 7px;
  scrollbar-width:thin;
}
#kinderverwaltung .u3obs-child-section-tab{
  flex:0 0 auto;
  min-height:36px;
  padding:0 12px;
  border:1px solid #d6e7e4;
  border-radius:12px;
  background:#f8fcfb;
  color:#50666d;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
}
#kinderverwaltung .u3obs-child-section-tab:hover{
  border-color:#9dcec8;
  background:#edf9f6;
  color:#075f58;
}
#kinderverwaltung .u3obs-child-section-tab.is-active{
  border-color:var(--u3child-accent);
  background:var(--u3child-accent);
  color:#fff;
  box-shadow:0 7px 16px rgba(8,122,112,.18);
}
#kinderverwaltung .u3obs-child-section-select-label,
#kinderverwaltung [data-u3obs-child-section-select]{display:none !important;}
#kinderverwaltung [data-u3obs-child-sections] > [data-u3obs-child-section]{
  border-radius:18px !important;
}
#kinderverwaltung [data-u3obs-child-section="basis"] > div,
#kinderverwaltung [data-u3obs-child-section]:not([data-u3obs-child-section="basis"]){
  border-color:#dceae8 !important;
  background:#fbfefd !important;
  box-shadow:0 6px 18px rgba(20,78,74,.035);
}
#kinderverwaltung [data-u3obs-child-section] label{
  color:#61747b !important;
  font-size:11px;
  font-weight:800;
}
#kinderverwaltung [data-u3obs-child-section] input,
#kinderverwaltung [data-u3obs-child-section] select,
#kinderverwaltung [data-u3obs-child-section] textarea{
  min-height:44px;
  border-radius:13px !important;
  background:#fff !important;
}
#kinderverwaltung [data-u3obs-child-savebar]{
  position:sticky;
  bottom:-94px;
  z-index:6;
  margin:2px -2px 0;
  padding:12px 2px 2px !important;
  background:linear-gradient(rgba(255,255,255,.45),#fff 32%);
}
#kinderverwaltung [data-u3obs-child-detail-save]{
  min-height:44px !important;
  padding:0 18px !important;
  border-color:var(--u3child-accent) !important;
  background:var(--u3child-accent) !important;
  color:#fff !important;
  font-weight:900 !important;
}
#kinderverwaltung [data-u3obs-child-data-check-panel]{
  max-height:360px;
  overflow:auto;
}
#kinderverwaltung .u3obs-child-filter-empty{
  padding:24px 14px;
  border:1px dashed #bad9d5;
  border-radius:15px;
  background:#f6fbfa;
  color:#60747c !important;
  text-align:center;
  font-size:12px;
  font-weight:700;
}

@media (max-width:1180px){
  #kinderverwaltung[data-u3obs-fullscreen-open="1"]{overflow:auto !important;}
  #kinderverwaltung .u3obs-child-workspace{grid-template-columns:1fr !important;flex:none;}
  #kinderverwaltung .u3obs-child-list-pane,
  #kinderverwaltung .u3obs-child-detail-pane{overflow:visible;}
  #kinderverwaltung .u3obs-child-card-list{min-height:260px !important;max-height:380px !important;}
  #kinderverwaltung .u3obs-child-create-form{grid-template-columns:repeat(3,minmax(160px,1fr));}
}
@media (max-width:820px){
  #kinderverwaltung[data-u3obs-fullscreen-open="1"]{inset:6px !important;height:calc(100vh - 12px) !important;max-height:calc(100vh - 12px) !important;padding:12px !important;}
  #kinderverwaltung .u3obs-child-admin-hero{align-items:flex-start;flex-direction:column;padding:16px;}
  #kinderverwaltung .u3obs-child-admin-summary{width:100%;justify-content:flex-start;}
  #kinderverwaltung .u3obs-child-create-toggle{margin-left:auto;}
  #kinderverwaltung .u3obs-child-create-form{grid-template-columns:repeat(2,minmax(0,1fr));}
  #kinderverwaltung .u3obs-child-section-tabs{display:none;}
  #kinderverwaltung .u3obs-child-section-select-label{display:block !important;margin:0 0 5px;color:#60747c !important;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;}
  #kinderverwaltung [data-u3obs-child-section-select]{display:block !important;}
  #kinderverwaltung .u3obs-child-section-navigation{position:static;padding:0 !important;}
}
@media (max-width:560px){
  #kinderverwaltung .u3obs-qtitle{font-size:23px !important;}
  #kinderverwaltung .u3obs-child-summary-chip{min-width:74px;}
  #kinderverwaltung .u3obs-child-create-toggle{width:100%;margin-left:0;}
  #kinderverwaltung .u3obs-child-create-head{flex-direction:column;}
  #kinderverwaltung .u3obs-child-create-form{grid-template-columns:1fr;}
  #kinderverwaltung .u3obs-child-create-actions{grid-column:1;display:grid;grid-template-columns:1fr;}
  #kinderverwaltung .u3obs-child-list-filters{grid-template-columns:1fr;}
  #kinderverwaltung .u3obs-child-list-toolbar{grid-template-columns:1fr;}
  #kinderverwaltung .u3obs-child-list-pane,
  #kinderverwaltung .u3obs-child-detail-pane{padding:13px !important;border-radius:17px;}
}
#kinderverwaltung .u3obs-child-check-item{cursor:pointer;user-select:none;}
#kinderverwaltung[data-u3obs-fullscreen-open="1"] .u3obs-child-admin-hero{padding-right:150px;}
@media (max-width:820px){
  #kinderverwaltung[data-u3obs-fullscreen-open="1"] .u3obs-child-admin-hero{padding-right:120px;}
}
#kinderverwaltung .u3obs-child-card-list{overflow:auto !important;}


/* ========================================================================
   2.1.4.22.3 – Kinderverwaltung: vollständige Bereichs- und Funktionsnavigation
   ======================================================================== */
#kinderverwaltung .u3obs-child-section-navigation{
  position:sticky;
  top:-16px;
  z-index:8;
  display:grid !important;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  margin:0 -2px 14px !important;
  padding:12px !important;
  border:1px solid #d8e9e6 !important;
  border-radius:17px !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 8px 22px rgba(20,78,74,.07) !important;
}
#kinderverwaltung .u3obs-child-section-nav-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
#kinderverwaltung .u3obs-child-section-nav-head strong{
  display:block;
  color:var(--u3child-ink) !important;
  font-size:14px;
  font-weight:900;
  line-height:1.2;
}
#kinderverwaltung .u3obs-child-section-nav-head > div > span{
  display:block;
  margin-top:3px;
  color:var(--u3child-muted) !important;
  font-size:10px;
  font-weight:700;
  line-height:1.35;
}
#kinderverwaltung .u3obs-child-section-current{
  flex:0 1 auto;
  max-width:46%;
  padding:6px 9px;
  border:1px solid #b8dfda;
  border-radius:999px;
  background:#eaf8f5;
  color:#075f58 !important;
  font-size:10px;
  font-weight:900;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#kinderverwaltung .u3obs-child-section-select-label{
  display:block !important;
  margin:2px 0 -2px 2px !important;
  color:#60747c !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.07em;
  text-transform:uppercase;
}
#kinderverwaltung [data-u3obs-child-section-select]{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-height:46px !important;
  margin:0 !important;
  padding-right:42px !important;
  border:1px solid #bddbd7 !important;
  border-radius:14px !important;
  background:#fbfefd !important;
  color:var(--u3child-ink) !important;
  font-size:13px !important;
  font-weight:800 !important;
}
#kinderverwaltung [data-u3obs-child-section-select] optgroup{
  color:#496067;
  font-weight:900;
}
#kinderverwaltung [data-u3obs-child-section-select] option{
  color:#172b35;
  font-weight:600;
}
#kinderverwaltung .u3obs-child-section-quick-label{
  margin:1px 0 -2px 2px;
  color:#60747c !important;
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
#kinderverwaltung .u3obs-child-section-tabs{
  display:flex !important;
  flex-wrap:wrap;
  gap:6px;
  overflow:visible;
  padding:0;
}
#kinderverwaltung .u3obs-child-section-tab{
  min-height:34px;
  padding:0 10px;
  border-radius:11px;
  font-size:10px;
}
@media (max-width:820px){
  #kinderverwaltung .u3obs-child-section-navigation{
    position:static;
    padding:11px !important;
  }
  #kinderverwaltung .u3obs-child-section-nav-head{
    align-items:flex-start;
  }
  #kinderverwaltung .u3obs-child-section-current{max-width:52%;}
  #kinderverwaltung .u3obs-child-section-tabs{display:flex !important;}
}
@media (max-width:560px){
  #kinderverwaltung .u3obs-child-section-nav-head{display:grid;gap:8px;}
  #kinderverwaltung .u3obs-child-section-current{max-width:100%;width:max-content;}
  #kinderverwaltung .u3obs-child-section-tabs{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));}
  #kinderverwaltung .u3obs-child-section-tab{width:100%;}
}


/* ========================================================================
   KIVANDO 2.1.4.22.9 – Elternkommunikation als klarer Vollbild-Arbeitsbereich
   ======================================================================== */
#u3obsChatModal .u3obs-chat-workspace{
  --u3chat-ink:#102331;
  --u3chat-muted:#667085;
  --u3chat-line:rgba(15,23,42,.09);
  --u3chat-soft:#f5faf9;
  --u3chat-brand:#08776f;
  --u3chat-brand-dark:#075b56;
  display:grid;
  gap:14px;
  padding:0 4px 22px;
  color:var(--u3chat-ink);
}
#u3obsChatModal .u3obs-chat-workspace-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  padding:16px 18px;
  border:1px solid var(--u3chat-line);
  border-radius:18px;
  background:linear-gradient(135deg,#f3fffc 0%,#fff 62%,#eef8f7 100%);
  box-shadow:0 10px 28px rgba(15,23,42,.04);
}
#u3obsChatModal .u3obs-chat-workspace-eyebrow{
  display:block;
  margin-bottom:4px;
  color:var(--u3chat-brand);
  font-size:10px;
  font-weight:950;
  letter-spacing:.11em;
}
#u3obsChatModal .u3obs-chat-workspace-head h2{
  margin:0;
  color:var(--u3chat-ink);
  font-size:22px;
  line-height:1.15;
}
#u3obsChatModal .u3obs-chat-workspace-head p{
  margin:5px 0 0;
  color:var(--u3chat-muted);
  font-size:12px;
}
#u3obsChatModal .u3obs-chat-workspace-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
#u3obsChatModal .u3obs-chat-primary{
  background:var(--u3chat-brand)!important;
  border-color:var(--u3chat-brand)!important;
  color:#fff!important;
}
#u3obsChatModal .u3obs-chat-workspace-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
#u3obsChatModal .u3obs-chat-workspace-tabs>button{
  min-width:0;
  border:1px solid var(--u3chat-line);
  border-radius:16px;
  background:#fff;
  padding:12px 14px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  text-align:left;
  color:var(--u3chat-ink);
  cursor:pointer;
  box-shadow:0 6px 18px rgba(15,23,42,.025);
  transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;
}
#u3obsChatModal .u3obs-chat-workspace-tabs>button:hover{
  transform:translateY(-1px);
  border-color:rgba(8,119,111,.28);
  box-shadow:0 10px 22px rgba(15,23,42,.055);
}
#u3obsChatModal .u3obs-chat-workspace-tabs>button.is-active{
  border-color:rgba(8,119,111,.38);
  background:#eaf8f5;
  box-shadow:inset 0 0 0 1px rgba(8,119,111,.08),0 8px 22px rgba(8,119,111,.08);
}
#u3obsChatModal .u3obs-chat-workspace-tabs .u3obs-chat-tab-icon{
  width:38px;
  height:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eef6f5;
  color:var(--u3chat-brand-dark);
  font-size:18px;
  font-weight:950;
}
#u3obsChatModal .u3obs-chat-workspace-tabs strong{
  display:block;
  font-size:14px;
  line-height:1.15;
}
#u3obsChatModal .u3obs-chat-workspace-tabs small{
  display:block;
  margin-top:3px;
  color:var(--u3chat-muted);
  font-size:10px;
  line-height:1.2;
}
#u3obsChatModal .u3obs-chat-workspace-tabs b{
  min-width:28px;
  height:28px;
  padding:0 7px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#edf4f3;
  color:var(--u3chat-brand-dark);
  font-size:12px;
}
#u3obsChatModal .u3obs-chat-workspace-tabs b.is-alert{
  background:#fff0f1;
  color:#b42318;
}
#u3obsChatModal .u3obs-chat-workspace-body{
  min-height:0;
}
#u3obsChatModal .u3obs-chat-workspace-panel[hidden]{
  display:none!important;
}
#u3obsChatModal .u3obs-chat-workspace-panel{
  border:1px solid var(--u3chat-line);
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(15,23,42,.035);
}
#u3obsChatModal .u3obs-chat-panel-head{
  display:grid;
  grid-template-columns:minmax(250px,.7fr) minmax(420px,1.3fr);
  gap:16px;
  align-items:center;
  padding:14px 16px;
  border-bottom:1px solid var(--u3chat-line);
  background:#fbfdfd;
}
#u3obsChatModal .u3obs-chat-panel-head h3{
  margin:0;
  color:var(--u3chat-ink);
  font-size:17px;
}
#u3obsChatModal .u3obs-chat-panel-head p{
  margin:4px 0 0;
  color:var(--u3chat-muted);
  font-size:11px;
}
#u3obsChatModal .u3obs-chat-panel-tools{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}
#u3obsChatModal .u3obs-chat-panel-tools input[type="search"]{
  flex:1 1 260px;
  min-width:220px;
  height:40px;
  border:1px solid #d0d5dd;
  border-radius:12px;
  background:#fff;
  padding:0 12px;
  font-size:13px;
  outline:none;
}
#u3obsChatModal .u3obs-chat-panel-tools select{
  height:40px;
  min-width:150px;
  border:1px solid #d0d5dd;
  border-radius:12px;
  background:#fff;
  padding:0 10px;
  font-size:12px;
}
#u3obsChatModal [data-chat-board-type-filters]{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
#u3obsChatModal [data-chat-board-type-filter].is-active{
  background:#eaf8f5!important;
  border-color:rgba(8,119,111,.28)!important;
  color:var(--u3chat-brand-dark)!important;
}
#u3obsChatModal .u3obs-chat-group-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:12px;
  padding:14px;
  max-height:calc(100vh - 330px);
  overflow:auto;
}
#u3obsChatModal .u3obs-chat-group-card{
  min-width:0;
  border:1px solid var(--u3chat-line);
  border-radius:16px;
  background:#fff;
  padding:14px;
  display:grid;
  gap:12px;
  text-align:left;
  cursor:pointer;
  color:var(--u3chat-ink);
  box-shadow:0 5px 16px rgba(15,23,42,.025);
  transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;
}
#u3obsChatModal .u3obs-chat-group-card:hover{
  transform:translateY(-1px);
  border-color:rgba(8,119,111,.32);
  box-shadow:0 11px 24px rgba(15,23,42,.07);
}
#u3obsChatModal .u3obs-chat-group-card-head{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
#u3obsChatModal .u3obs-chat-group-card-title{
  min-width:0;
}
#u3obsChatModal .u3obs-chat-group-card-title strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px;
}
#u3obsChatModal .u3obs-chat-group-card-title span{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--u3chat-muted);
  font-size:10px;
}
#u3obsChatModal .u3obs-chat-group-card-preview{
  min-height:34px;
  color:#475467;
  font-size:12px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#u3obsChatModal .u3obs-chat-group-card-foot{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}
#u3obsChatModal .u3obs-chat-group-card-foot>div{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}
#u3obsChatModal .u3obs-chat-group-card-foot>span{
  color:var(--u3chat-brand-dark);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
#u3obsChatModal .u3obs-chat-pill{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:#f8fafc;
  color:#475467;
  font-size:10px;
  font-weight:900;
  line-height:1.1;
  white-space:nowrap;
}
#u3obsChatModal .u3obs-chat-pill.is-green{background:#ecfdf3;border-color:rgba(22,101,52,.14);color:#166534}
#u3obsChatModal .u3obs-chat-pill.is-red{background:#fff1f3;border-color:rgba(180,35,24,.16);color:#b42318}
#u3obsChatModal .u3obs-chat-pill.is-blue{background:#eff6ff;border-color:rgba(37,99,235,.16);color:#1d4ed8}
#u3obsChatModal .u3obs-chat-pill.is-purple{background:#f4f3ff;border-color:rgba(89,37,220,.16);color:#5925dc}
#u3obsChatModal .u3obs-chat-avatar{
  width:38px;
  height:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e0f2fe;
  color:#075985;
  font-size:11px;
  font-weight:950;
}
#u3obsChatModal .u3obs-chat-avatar.is-green{background:#dcfce7;color:#166534}
#u3obsChatModal .u3obs-chat-avatar.is-red{background:#fee2e2;color:#991b1b}
#u3obsChatModal .u3obs-chat-avatar.is-purple{background:#ede9fe;color:#5b21b6}
#u3obsChatModal .u3obs-chat-access-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:14px 14px 0;
}
#u3obsChatModal .u3obs-chat-access-summary>button{
  border:1px solid var(--u3chat-line);
  border-radius:14px;
  background:#fff;
  padding:11px 13px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2px 8px;
  text-align:left;
  cursor:pointer;
}
#u3obsChatModal .u3obs-chat-access-summary>button.is-active{
  border-color:rgba(8,119,111,.36);
  background:#eaf8f5;
  box-shadow:inset 0 0 0 1px rgba(8,119,111,.06);
}
#u3obsChatModal .u3obs-chat-access-summary span{
  font-size:12px;
  font-weight:900;
}
#u3obsChatModal .u3obs-chat-access-summary strong{
  grid-row:1 / span 2;
  grid-column:2;
  align-self:center;
  font-size:22px;
}
#u3obsChatModal .u3obs-chat-access-summary small{
  color:var(--u3chat-muted);
  font-size:10px;
}
#u3obsChatModal .u3obs-chat-access-table{
  overflow:hidden;
}
#u3obsChatModal .u3obs-chat-access-head,
#u3obsChatModal .u3obs-chat-access-row{
  display:grid;
  grid-template-columns:40px minmax(190px,1fr) 130px minmax(190px,1fr) 115px 145px;
  gap:10px;
  align-items:center;
}
#u3obsChatModal .u3obs-chat-access-head{
  padding:8px 14px;
  border-top:1px solid var(--u3chat-line);
  border-bottom:1px solid var(--u3chat-line);
  background:#f8fafc;
  color:#667085;
  font-size:10px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
#u3obsChatModal .u3obs-chat-access-head button{
  border:0;
  background:transparent;
  padding:0;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  text-transform:inherit;
  letter-spacing:inherit;
}
#u3obsChatModal .u3obs-chat-access-list{
  display:grid;
  max-height:calc(100vh - 430px);
  overflow:auto;
}
#u3obsChatModal .u3obs-chat-access-row{
  min-height:52px;
  padding:8px 14px;
  border-bottom:1px solid rgba(15,23,42,.06);
  background:#fff;
}
#u3obsChatModal .u3obs-chat-access-row:hover{
  background:#fbfdfd;
}
#u3obsChatModal .u3obs-chat-access-person,
#u3obsChatModal .u3obs-chat-access-cell{
  min-width:0;
}
#u3obsChatModal .u3obs-chat-access-person strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
#u3obsChatModal .u3obs-chat-access-person span{
  display:block;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#98a2b3;
  font-size:10px;
}
#u3obsChatModal .u3obs-chat-access-cell{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#475467;
  font-size:12px;
}
#u3obsChatModal .u3obs-chat-access-action{
  text-align:right;
}
#u3obsChatModal .u3obs-chat-access-action button{
  border:0;
  background:transparent;
  padding:4px 0;
  color:var(--u3chat-brand-dark);
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
#u3obsChatModal .u3obs-chat-access-mobile-label{
  display:none;
}
#u3obsChatModal .u3obs-chat-empty{
  margin:14px;
  padding:18px;
  border:1px dashed #cbd5e1;
  border-radius:14px;
  background:#fbfdff;
  color:var(--u3chat-muted);
  font-size:12px;
  text-align:center;
}

/* Bestehende Elternnachrichten im neuen Arbeitsbereich kompakter darstellen. */
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-messages-panel]{
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  padding:14px!important;
  gap:12px!important;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-messages-panel]>div:first-child{
  padding:0 2px 2px;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-search]{
  height:42px!important;
  margin:0!important;
  border-radius:12px!important;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-list]{
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
  gap:10px!important;
  max-height:calc(100vh - 390px)!important;
  padding:2px 2px 4px!important;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-card]{
  min-height:92px;
  padding:12px!important;
  gap:9px!important;
  border-radius:14px!important;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-bulk-panel]{
  position:relative;
  border-radius:16px!important;
  padding:14px!important;
  background:#f8fbff!important;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-bulk-list]{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  max-height:220px!important;
}

@media (max-width:1100px){
  #u3obsChatModal .u3obs-chat-workspace-tabs{
    grid-template-columns:1fr;
  }
  #u3obsChatModal .u3obs-chat-workspace-tabs>button{
    grid-template-columns:36px minmax(0,1fr) auto;
    padding:10px 12px;
  }
  #u3obsChatModal .u3obs-chat-panel-head{
    grid-template-columns:1fr;
    align-items:start;
  }
  #u3obsChatModal .u3obs-chat-panel-tools{
    justify-content:flex-start;
  }
  #u3obsChatModal .u3obs-chat-access-head,
  #u3obsChatModal .u3obs-chat-access-row{
    grid-template-columns:38px minmax(170px,1fr) 110px minmax(170px,1fr) 105px 125px;
  }
}
@media (max-width:760px){
  #u3obsChatModal .u3obs-chat-workspace{
    gap:10px;
    padding:0 0 18px;
  }
  #u3obsChatModal .u3obs-chat-workspace-head{
    align-items:flex-start;
    padding:13px;
    border-radius:14px;
  }
  #u3obsChatModal .u3obs-chat-workspace-head h2{
    font-size:18px;
  }
  #u3obsChatModal .u3obs-chat-workspace-actions{
    flex-direction:column;
    flex:0 0 auto;
  }
  #u3obsChatModal .u3obs-chat-workspace-tabs{
    display:flex;
    overflow-x:auto;
    gap:8px;
    padding-bottom:2px;
  }
  #u3obsChatModal .u3obs-chat-workspace-tabs>button{
    flex:0 0 260px;
  }
  #u3obsChatModal .u3obs-chat-panel-head{
    padding:12px;
  }
  #u3obsChatModal .u3obs-chat-panel-tools{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  #u3obsChatModal .u3obs-chat-panel-tools input[type="search"],
  #u3obsChatModal .u3obs-chat-panel-tools select{
    width:100%;
    min-width:0;
  }
  #u3obsChatModal .u3obs-chat-group-grid{
    grid-template-columns:1fr;
    padding:10px;
    max-height:none;
  }
  #u3obsChatModal .u3obs-chat-access-summary{
    grid-template-columns:1fr;
    padding:10px 10px 0;
  }
  #u3obsChatModal .u3obs-chat-access-head{
    display:none;
  }
  #u3obsChatModal .u3obs-chat-access-list{
    max-height:none;
  }
  #u3obsChatModal .u3obs-chat-access-row{
    grid-template-columns:38px minmax(0,1fr) auto;
    gap:8px 10px;
    padding:12px;
  }
  #u3obsChatModal .u3obs-chat-access-row>.u3obs-chat-access-cell{
    grid-column:2 / -1;
    white-space:normal;
  }
  #u3obsChatModal .u3obs-chat-access-status{
    grid-column:2;
  }
  #u3obsChatModal .u3obs-chat-access-action{
    grid-column:3;
  }
  #u3obsChatModal .u3obs-chat-access-mobile-label{
    display:inline;
    margin-right:5px;
    color:#98a2b3;
    font-size:10px;
    font-weight:800;
  }
  #u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-list]{
    grid-template-columns:1fr!important;
    max-height:none!important;
  }
}


/* ========================================================================
   KIVANDO 2.1.4.22.10 – Elternkommunikation in einer gemeinsamen Ansicht
   ======================================================================== */
#u3obsChatModal .u3obs-chat-card.u3obs-chat-unified-card{
  grid-template-columns:minmax(560px,52%) minmax(520px,48%)!important;
  grid-template-rows:1fr;
  background:#f8fbfa;
}
#u3obsChatModal .u3obs-chat-card.u3obs-chat-unified-card>div:first-child{
  min-width:0;
  overflow:hidden;
  background:#f8fbfa;
}
#u3obsChatModal .u3obs-chat-card.u3obs-chat-unified-card>.u3obs-chat-unified-detail{
  display:flex!important;
  min-width:0;
  height:100%;
  overflow:hidden;
  background:#fff;
  border-left:1px solid rgba(15,23,42,.10)!important;
}
#u3obsChatModal .u3obs-chat-card.u3obs-chat-unified-card [data-chat-header]{
  background:#fff;
  box-shadow:0 1px 0 rgba(15,23,42,.04);
}
#u3obsChatModal .u3obs-chat-card.u3obs-chat-unified-card [data-chat-messages]{
  background:#f8fafc!important;
}
#u3obsChatModal .u3obs-chat-group-card.is-active{
  border-color:rgba(8,119,111,.55)!important;
  background:#eaf8f5!important;
  box-shadow:inset 0 0 0 1px rgba(8,119,111,.10),0 10px 24px rgba(8,119,111,.10)!important;
}
#u3obsChatModal .u3obs-chat-detail-placeholder{
  min-height:180px;
  border:1px dashed #cbd5e1;
  border-radius:18px;
  background:#fff;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:8px;
  text-align:center;
  color:#667085;
}
#u3obsChatModal .u3obs-chat-detail-placeholder strong{
  color:#102331;
  font-size:17px;
}
#u3obsChatModal .u3obs-chat-detail-placeholder span{
  max-width:520px;
  font-size:12px;
  line-height:1.5;
}
@media (max-width:1180px){
  #u3obsChatModal .u3obs-chat-card.u3obs-chat-unified-card{
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(340px,47vh) minmax(390px,53vh)!important;
  }
  #u3obsChatModal .u3obs-chat-card.u3obs-chat-unified-card>.u3obs-chat-unified-detail{
    border-left:0!important;
    border-top:1px solid rgba(15,23,42,.10)!important;
  }
}
@media (max-width:760px){
  #u3obsChatModal .u3obs-chat-card.u3obs-chat-unified-card{
    grid-template-rows:minmax(300px,44vh) minmax(420px,56vh)!important;
  }
  #u3obsChatModal .u3obs-chat-card.u3obs-chat-unified-card [data-chat-header]{
    padding:13px!important;
  }
  #u3obsChatModal .u3obs-chat-card.u3obs-chat-unified-card [data-chat-messages]{
    padding:12px!important;
  }
  #u3obsChatModal .u3obs-chat-card.u3obs-chat-unified-card [data-chat-compose-shell]{
    padding:10px 12px!important;
  }
}


/* ========================================================================
   KIVANDO 2.1.4.22.11 – Elternkommunikation als umschaltbare Einzelansicht
   ======================================================================== */
#u3obsChatModal .u3obs-chat-card.u3obs-chat-single-view-card{
  grid-template-columns:1fr!important;
  grid-template-rows:1fr!important;
  background:#f8fbfa;
}
#u3obsChatModal .u3obs-chat-card.u3obs-chat-single-view-card>div:first-child{
  display:flex;
  width:100%;
  height:100%;
  min-width:0;
  overflow:hidden;
  background:#f8fbfa;
  border-right:0!important;
}
#u3obsChatModal .u3obs-chat-card.u3obs-chat-single-view-card>.u3obs-chat-single-detail{
  display:none!important;
  width:100%;
  height:100%;
  min-width:0;
  overflow:hidden;
  background:#fff;
  border:0!important;
}
#u3obsChatModal .u3obs-chat-card.u3obs-chat-single-view-card.is-detail-open>div:first-child{
  display:none!important;
}
#u3obsChatModal .u3obs-chat-card.u3obs-chat-single-view-card.is-detail-open>.u3obs-chat-single-detail{
  display:flex!important;
}
#u3obsChatModal .u3obs-chat-card.u3obs-chat-single-view-card [data-chat-header]{
  background:#fff;
  box-shadow:0 1px 0 rgba(15,23,42,.04);
}
#u3obsChatModal .u3obs-chat-card.u3obs-chat-single-view-card [data-chat-messages]{
  background:#f8fafc!important;
}
#u3obsChatModal .u3obs-chat-back-overview{
  border-color:rgba(8,119,111,.28)!important;
  background:#eaf8f5!important;
  color:#076c66!important;
  font-weight:900!important;
}
@media (max-width:760px){
  #u3obsChatModal .u3obs-chat-card.u3obs-chat-single-view-card [data-chat-header]{
    padding:13px!important;
  }
  #u3obsChatModal .u3obs-chat-card.u3obs-chat-single-view-card [data-chat-header]>div:last-child{
    width:100%;
    justify-content:flex-start!important;
  }
  #u3obsChatModal .u3obs-chat-card.u3obs-chat-single-view-card [data-chat-messages]{
    padding:12px!important;
  }
  #u3obsChatModal .u3obs-chat-card.u3obs-chat-single-view-card [data-chat-compose-shell]{
    padding:10px 12px!important;
  }
}

/* ========================================================================
   KIVANDO 2.1.4.22.12 – kompakte und funktionale Elternauswahl
   ======================================================================== */
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-messages-panel].u3obs-chat-parent-panel{
  display:grid;
  gap:12px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-messages-panel]>.u3obs-chat-parent-panel-head:first-child{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:15px 16px;
  border-bottom:1px solid rgba(15,23,42,.08);
  background:#fbfdfd;
}
#u3obsChatModal .u3obs-chat-parent-panel-head h3{
  margin:0;
  color:#102331;
  font-size:18px;
}
#u3obsChatModal .u3obs-chat-parent-panel-head p{
  margin:4px 0 0;
  color:#667085;
  font-size:11px;
}
#u3obsChatModal .u3obs-chat-parent-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:0 16px;
}
#u3obsChatModal .u3obs-chat-parent-summary>div,
#u3obsChatModal .u3obs-chat-parent-summary>button{
  min-width:0;
  border:1px solid rgba(15,23,42,.09);
  border-radius:14px;
  background:#fff;
  padding:11px 13px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:2px 10px;
  text-align:left;
  color:#102331;
}
#u3obsChatModal .u3obs-chat-parent-summary>button{
  cursor:pointer;
}
#u3obsChatModal .u3obs-chat-parent-summary strong{
  grid-row:1 / span 2;
  align-self:center;
  font-size:24px;
  line-height:1;
}
#u3obsChatModal .u3obs-chat-parent-summary span{
  font-size:12px;
  font-weight:900;
}
#u3obsChatModal .u3obs-chat-parent-summary small{
  color:#667085;
  font-size:10px;
}
#u3obsChatModal .u3obs-chat-parent-summary .is-ready{
  border-color:rgba(8,119,111,.23);
  background:#effbf8;
}
#u3obsChatModal .u3obs-chat-parent-summary .is-ready strong{color:#08776f;}
#u3obsChatModal .u3obs-chat-parent-summary .is-missing{
  border-color:rgba(180,35,24,.15);
  background:#fff8f8;
}
#u3obsChatModal .u3obs-chat-parent-summary .is-missing strong{color:#b42318;}
#u3obsChatModal .u3obs-chat-parent-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(180px,260px) auto;
  gap:8px;
  align-items:center;
  padding:0 16px;
}
#u3obsChatModal .u3obs-chat-parent-toolbar input,
#u3obsChatModal .u3obs-chat-parent-toolbar select{
  width:100%;
  height:42px;
  box-sizing:border-box;
  border:1px solid #d0d5dd;
  border-radius:12px;
  background:#fff;
  padding:0 12px;
  color:#102331;
  font-size:13px;
  outline:none;
}
#u3obsChatModal .u3obs-chat-parent-toolbar>span{
  min-width:88px;
  color:#667085;
  font-size:11px;
  font-weight:800;
  text-align:right;
  white-space:nowrap;
}
#u3obsChatModal .u3obs-chat-parent-toolbar>span b{
  color:#08776f;
  font-size:14px;
}
#u3obsChatModal .u3obs-chat-parent-table{
  overflow:hidden;
  border-top:1px solid rgba(15,23,42,.07);
}
#u3obsChatModal .u3obs-chat-parent-table-head,
#u3obsChatModal .u3obs-chat-parent-row{
  display:grid;
  grid-template-columns:40px minmax(210px,1.15fr) minmax(130px,.65fr) minmax(220px,1.25fr) 155px;
  gap:10px;
  align-items:center;
}
#u3obsChatModal .u3obs-chat-parent-table-head{
  padding:8px 16px;
  border-bottom:1px solid rgba(15,23,42,.07);
  background:#f8fafc;
  color:#667085;
  font-size:10px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-list].u3obs-chat-parent-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  max-height:calc(100vh - 445px)!important;
  overflow:auto!important;
  padding:0!important;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-card].u3obs-chat-parent-row{
  min-height:58px!important;
  padding:8px 16px!important;
  border:0!important;
  border-bottom:1px solid rgba(15,23,42,.06)!important;
  border-radius:0!important;
  background:#fff!important;
}
#u3obsChatModal .u3obs-chat-parent-row:hover{background:#fbfdfd!important;}
#u3obsChatModal .u3obs-chat-parent-avatar{
  width:36px;
  height:36px;
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#dcfce7;
  color:#166534;
  font-size:11px;
  font-weight:950;
}
#u3obsChatModal .u3obs-chat-parent-child,
#u3obsChatModal .u3obs-chat-parent-group,
#u3obsChatModal .u3obs-chat-parent-account{
  min-width:0;
}
#u3obsChatModal .u3obs-chat-parent-child strong,
#u3obsChatModal .u3obs-chat-parent-account strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#102331;
  font-size:13px;
}
#u3obsChatModal .u3obs-chat-parent-child span{
  display:block;
  margin-top:2px;
  color:#98a2b3;
  font-size:10px;
}
#u3obsChatModal .u3obs-chat-parent-group,
#u3obsChatModal .u3obs-chat-parent-account{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#475467;
  font-size:12px;
}
#u3obsChatModal .u3obs-chat-parent-open{
  justify-self:end;
  border:1px solid rgba(37,99,235,.20);
  border-radius:999px;
  background:#eff6ff;
  padding:8px 11px;
  color:#1d4ed8;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
#u3obsChatModal .u3obs-chat-parent-mobile-label{display:none;}
#u3obsChatModal .u3obs-chat-parent-empty{
  margin:12px 16px;
  padding:16px;
  border:1px dashed #cbd5e1;
  border-radius:13px;
  background:#fbfdff;
  color:#667085;
  font-size:12px;
  text-align:center;
}
#u3obsChatModal .u3obs-chat-parent-bulk{
  margin:0 16px;
  border:1px solid rgba(37,99,235,.16);
  border-radius:15px;
  background:#f8fbff;
  padding:13px;
  gap:9px;
}
#u3obsChatModal .u3obs-chat-parent-bulk-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
#u3obsChatModal .u3obs-chat-parent-bulk-head strong{display:block;color:#102331;font-size:13px;}
#u3obsChatModal .u3obs-chat-parent-bulk-head span{display:block;margin-top:2px;color:#667085;font-size:10px;}
#u3obsChatModal .u3obs-chat-parent-bulk-head>[data-chat-parent-bulk-count]{
  margin:0;
  padding:4px 8px;
  border-radius:999px;
  background:#fff;
  color:#1d4ed8;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
#u3obsChatModal .u3obs-chat-parent-bulk-targets{
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,1fr));
  gap:8px;
}
#u3obsChatModal .u3obs-chat-parent-bulk-targets label{
  display:grid;
  gap:4px;
  min-width:0;
}
#u3obsChatModal .u3obs-chat-parent-bulk-targets label>span{
  color:#475467;
  font-size:10px;
  font-weight:900;
}
#u3obsChatModal .u3obs-chat-parent-bulk-targets select{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  border:1px solid #b8c5d1;
  border-radius:11px;
  background:#fff;
  padding:9px 32px 9px 10px;
  color:#102331;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
#u3obsChatModal .u3obs-chat-parent-bulk-selection-note{
  border-radius:10px;
  background:#eef6ff;
  padding:7px 9px;
  color:#35546d;
  font-size:10px;
  font-weight:750;
}
#u3obsChatModal .u3obs-chat-parent-bulk-selection-note[data-tone="success"]{
  background:#ecfdf3;
  color:#067647;
}
#u3obsChatModal .u3obs-chat-parent-bulk-selection-note[data-tone="warning"]{
  background:#fff7ed;
  color:#b54708;
}
#u3obsChatModal .u3obs-chat-parent-bulk input[type="search"],
#u3obsChatModal .u3obs-chat-parent-bulk textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #d0d5dd;
  border-radius:11px;
  background:#fff;
  padding:9px 10px;
  font-size:12px;
}
#u3obsChatModal .u3obs-chat-parent-bulk textarea{min-height:78px;resize:vertical;}
#u3obsChatModal .u3obs-chat-parent-bulk-actions{display:flex;gap:6px;flex-wrap:wrap;}
#u3obsChatModal .u3obs-chat-parent-bulk-actions button{
  border:1px solid rgba(15,23,42,.10);
  border-radius:999px;
  background:#fff;
  padding:6px 9px;
  color:#475467;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
#u3obsChatModal .u3obs-chat-parent-bulk [data-chat-parent-bulk-list]{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:6px;
  max-height:190px!important;
  overflow:auto;
}
#u3obsChatModal .u3obs-chat-parent-bulk [data-chat-parent-bulk-send]{
  justify-self:end;
  border:0;
  border-radius:999px;
  background:#111827;
  padding:9px 12px;
  color:#fff;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
#u3obsChatModal .u3obs-chat-direct-list{display:grid;gap:8px;padding:14px;}
#u3obsChatModal .u3obs-chat-direct-thread{
  border:1px solid rgba(15,23,42,.08);
  border-radius:13px;
  background:#fff;
  padding:10px 12px;
  display:grid;
  gap:3px;
  text-align:left;
  cursor:pointer;
}
#u3obsChatModal .u3obs-chat-direct-thread.is-active{border-color:#08776f;background:#effbf8;}
#u3obsChatModal .u3obs-chat-direct-thread strong{color:#102331;font-size:13px;}
#u3obsChatModal .u3obs-chat-direct-thread span{color:#667085;font-size:11px;}

@media (max-width:900px){
  #u3obsChatModal .u3obs-chat-parent-toolbar{grid-template-columns:1fr 1fr;}
  #u3obsChatModal .u3obs-chat-parent-toolbar>span{grid-column:1/-1;text-align:left;}
  #u3obsChatModal .u3obs-chat-parent-table-head,
  #u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-card].u3obs-chat-parent-row{
    grid-template-columns:38px minmax(170px,1fr) minmax(120px,.65fr) minmax(180px,1fr) 145px;
  }
}
@media (max-width:700px){
  #u3obsChatModal .u3obs-chat-workspace [data-chat-parent-messages-panel]>.u3obs-chat-parent-panel-head:first-child{align-items:flex-start;padding:12px;}
  #u3obsChatModal .u3obs-chat-parent-summary{grid-template-columns:1fr;padding:0 12px;}
  #u3obsChatModal .u3obs-chat-parent-toolbar{grid-template-columns:1fr;padding:0 12px;}
  #u3obsChatModal .u3obs-chat-parent-table-head{display:none;}
  #u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-list].u3obs-chat-parent-list{max-height:none!important;}
  #u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-card].u3obs-chat-parent-row{
    grid-template-columns:38px minmax(0,1fr) auto;
    gap:7px 10px;
    padding:11px 12px!important;
  }
  #u3obsChatModal .u3obs-chat-parent-group,
  #u3obsChatModal .u3obs-chat-parent-account{grid-column:2/-1;white-space:normal;}
  #u3obsChatModal .u3obs-chat-parent-open{grid-column:2/-1;justify-self:start;}
  #u3obsChatModal .u3obs-chat-parent-mobile-label{display:inline;margin-right:5px;color:#98a2b3;font-size:10px;font-weight:800;}
  #u3obsChatModal .u3obs-chat-parent-bulk{margin:0 12px;}
}


/* ========================================================================
   KIVANDO 2.1.4.22.14 – Neue-Nachrichten-Schnellansicht
   ======================================================================== */
#u3obsChatModal .u3obs-chat-workspace{
  gap:8px!important;
  padding:12px!important;
}
#u3obsChatModal .u3obs-chat-workspace-tabs.u3obs-chat-workspace-quicktabs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(150px,1fr)) auto!important;
  gap:7px!important;
  padding:0!important;
  margin:0!important;
  align-items:stretch!important;
}
#u3obsChatModal .u3obs-chat-workspace-quicktabs>[data-chat-workspace-tab]{
  min-height:46px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 10px!important;
  border-radius:12px!important;
  text-align:left!important;
}
#u3obsChatModal .u3obs-chat-workspace-quicktabs>[data-chat-workspace-tab] .u3obs-chat-tab-icon{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  font-size:13px!important;
}
#u3obsChatModal .u3obs-chat-workspace-quicktabs>[data-chat-workspace-tab]>strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1.2!important;
}
#u3obsChatModal .u3obs-chat-workspace-quicktabs>[data-chat-workspace-tab]>b{
  min-width:25px!important;
  height:25px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:10px!important;
}
#u3obsChatModal .u3obs-chat-workspace-quicktabs>.u3obs-chat-workspace-actions{
  display:flex!important;
  gap:7px!important;
  align-items:stretch!important;
}
#u3obsChatModal .u3obs-chat-workspace-quicktabs>.u3obs-chat-workspace-actions .u3obs-mini-btn{
  min-height:46px!important;
  margin:0!important;
  border-radius:12px!important;
  padding:0 13px!important;
  white-space:nowrap!important;
}
#u3obsChatModal .u3obs-chat-workspace-body{
  min-height:0!important;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-messages-panel].u3obs-chat-parent-panel{
  gap:8px!important;
}
#u3obsChatModal .u3obs-chat-parent-commandbar{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) minmax(150px,220px) auto auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:10px!important;
  border-bottom:1px solid rgba(15,23,42,.07)!important;
  background:#fbfdfd!important;
}
#u3obsChatModal .u3obs-chat-parent-commandbar input,
#u3obsChatModal .u3obs-chat-parent-commandbar select{
  width:100%!important;
  height:40px!important;
  box-sizing:border-box!important;
  border:1px solid #d0d5dd!important;
  border-radius:11px!important;
  background:#fff!important;
  padding:0 11px!important;
  color:#102331!important;
  font-size:12px!important;
  outline:none!important;
}
#u3obsChatModal .u3obs-chat-parent-commandbar input:focus,
#u3obsChatModal .u3obs-chat-parent-commandbar select:focus{
  border-color:#0f8b7f!important;
  box-shadow:0 0 0 3px rgba(15,139,127,.10)!important;
}
#u3obsChatModal .u3obs-chat-parent-result{
  min-width:82px!important;
  color:#667085!important;
  font-size:10px!important;
  font-weight:850!important;
  text-align:right!important;
  white-space:nowrap!important;
}
#u3obsChatModal .u3obs-chat-parent-result b{
  color:#08776f!important;
  font-size:13px!important;
}
#u3obsChatModal .u3obs-chat-parent-commandbar>[data-chat-parent-bulk-toggle]{
  height:40px!important;
  padding:0 13px!important;
  border-radius:11px!important;
  white-space:nowrap!important;
}
#u3obsChatModal .u3obs-chat-parent-table{
  border-top:0!important;
}
#u3obsChatModal .u3obs-chat-parent-table-head,
#u3obsChatModal .u3obs-chat-parent-row{
  grid-template-columns:34px minmax(220px,1.4fr) minmax(220px,1fr) 82px!important;
  gap:10px!important;
}
#u3obsChatModal .u3obs-chat-parent-table-head{
  padding:6px 12px!important;
  font-size:9px!important;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-list].u3obs-chat-parent-list{
  max-height:calc(100vh - 300px)!important;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-card].u3obs-chat-parent-row{
  width:100%!important;
  min-height:52px!important;
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  font-family:inherit!important;
  color:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  padding:7px 12px!important;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-card].u3obs-chat-parent-row:hover{
  background:#effbf8!important;
}
#u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-card].u3obs-chat-parent-row:focus-visible{
  position:relative!important;
  z-index:1!important;
  outline:3px solid rgba(15,139,127,.22)!important;
  outline-offset:-3px!important;
}
#u3obsChatModal .u3obs-chat-parent-avatar{
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
  font-size:10px!important;
}
#u3obsChatModal .u3obs-chat-parent-child strong,
#u3obsChatModal .u3obs-chat-parent-account strong{
  font-size:12px!important;
}
#u3obsChatModal .u3obs-chat-parent-child span{
  margin-top:1px!important;
  font-size:9px!important;
}
#u3obsChatModal .u3obs-chat-parent-open{
  justify-self:end!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  color:#0f766e!important;
  font-size:10px!important;
  font-weight:950!important;
}
#u3obsChatModal .u3obs-chat-parent-bulk{
  margin:0 10px!important;
}
@media (max-width:1050px){
  #u3obsChatModal .u3obs-chat-workspace-tabs.u3obs-chat-workspace-quicktabs{
    grid-template-columns:repeat(2,minmax(200px,1fr))!important;
  }
  #u3obsChatModal .u3obs-chat-workspace-quicktabs>.u3obs-chat-workspace-actions{
    grid-column:1/-1!important;
    justify-content:flex-end!important;
  }
  #u3obsChatModal .u3obs-chat-parent-commandbar{
    grid-template-columns:minmax(220px,1fr) minmax(145px,200px) auto!important;
  }
  #u3obsChatModal .u3obs-chat-parent-commandbar>[data-chat-parent-bulk-toggle]{
    grid-column:1/-1!important;
    justify-self:end!important;
  }
}
@media (max-width:720px){
  #u3obsChatModal .u3obs-chat-parent-bulk-targets{grid-template-columns:1fr!important;}
  #u3obsChatModal .u3obs-chat-workspace{padding:8px!important;}
  #u3obsChatModal .u3obs-chat-workspace-tabs.u3obs-chat-workspace-quicktabs{
    grid-template-columns:1fr!important;
  }
  #u3obsChatModal .u3obs-chat-workspace-quicktabs>.u3obs-chat-workspace-actions{
    grid-column:auto!important;
  }
  #u3obsChatModal .u3obs-chat-parent-commandbar{
    grid-template-columns:1fr!important;
    padding:8px!important;
  }
  #u3obsChatModal .u3obs-chat-parent-result{text-align:left!important;}
  #u3obsChatModal .u3obs-chat-parent-commandbar>[data-chat-parent-bulk-toggle]{
    grid-column:auto!important;
    justify-self:stretch!important;
  }
  #u3obsChatModal .u3obs-chat-parent-table-head{display:none!important;}
  #u3obsChatModal .u3obs-chat-workspace [data-chat-parent-child-card].u3obs-chat-parent-row{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    gap:6px 9px!important;
    padding:9px!important;
  }
  #u3obsChatModal .u3obs-chat-parent-account{grid-column:2/-1!important;white-space:normal!important;}
  #u3obsChatModal .u3obs-chat-parent-open{grid-column:3!important;grid-row:1!important;}
}


/* 2.1.4.22.14 – zentrale Ansicht für ungelesene Nachrichten */
#u3obsChatModal .u3obs-chat-new-tab.has-new{
  border-color:rgba(220,38,38,.30)!important;
  background:linear-gradient(135deg,#fff7f7,#fff)!important;
}
#u3obsChatModal .u3obs-chat-new-tab.has-new .u3obs-chat-tab-icon{
  color:#fff!important;
  background:#dc2626!important;
  box-shadow:0 0 0 5px rgba(220,38,38,.10)!important;
}
#u3obsChatModal .u3obs-chat-new-panel{
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:14px!important;
  background:#fff!important;
}
#u3obsChatModal .u3obs-chat-new-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:12px 14px!important;
  border-bottom:1px solid rgba(15,23,42,.07)!important;
  background:#fbfdfd!important;
}
#u3obsChatModal .u3obs-chat-new-head h3{
  margin:0!important;
  color:#102331!important;
  font-size:16px!important;
  line-height:1.2!important;
}
#u3obsChatModal .u3obs-chat-new-head p{
  margin:3px 0 0!important;
  color:#667085!important;
  font-size:11px!important;
}
#u3obsChatModal .u3obs-chat-new-head>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 0 auto!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#fff1f2!important;
  color:#b42318!important;
  font-size:10px!important;
  font-weight:900!important;
}
#u3obsChatModal .u3obs-chat-new-head>span b{
  font-size:14px!important;
}
#u3obsChatModal .u3obs-chat-unread-list{
  min-height:0!important;
  max-height:calc(100vh - 255px)!important;
  overflow:auto!important;
}
#u3obsChatModal .u3obs-chat-unread-row{
  width:100%!important;
  min-height:68px!important;
  display:grid!important;
  grid-template-columns:10px minmax(260px,1fr) minmax(180px,.55fr) 82px!important;
  align-items:center!important;
  gap:12px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-bottom:1px solid rgba(15,23,42,.07)!important;
  border-radius:0!important;
  background:#fff!important;
  padding:10px 14px!important;
  color:#102331!important;
  font-family:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
}
#u3obsChatModal .u3obs-chat-unread-row:last-child{border-bottom:0!important;}
#u3obsChatModal .u3obs-chat-unread-row:hover{background:#f0fbf8!important;}
#u3obsChatModal .u3obs-chat-unread-row:focus-visible{
  position:relative!important;
  z-index:1!important;
  outline:3px solid rgba(15,139,127,.22)!important;
  outline-offset:-3px!important;
}
#u3obsChatModal .u3obs-chat-unread-dot{
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:#dc2626!important;
  box-shadow:0 0 0 5px rgba(220,38,38,.09)!important;
}
#u3obsChatModal .u3obs-chat-unread-main{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:2px 8px!important;
  align-items:center!important;
}
#u3obsChatModal .u3obs-chat-unread-main>strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1.2!important;
}
#u3obsChatModal .u3obs-chat-unread-source{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  font-size:8px!important;
  font-weight:950!important;
  line-height:1.4!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
#u3obsChatModal .u3obs-chat-unread-source.is-parent{background:#eff6ff!important;color:#1d4ed8!important;}
#u3obsChatModal .u3obs-chat-unread-source.is-board{background:#ecfdf3!important;color:#067647!important;}
#u3obsChatModal .u3obs-chat-unread-source.is-project{background:#f4f3ff!important;color:#5925dc!important;}
#u3obsChatModal .u3obs-chat-unread-preview{
  grid-column:1/-1!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#667085!important;
  font-size:10px!important;
}
#u3obsChatModal .u3obs-chat-unread-meta{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#667085!important;
  font-size:9px!important;
}
#u3obsChatModal .u3obs-chat-unread-open{
  justify-self:end!important;
  color:#0f766e!important;
  font-size:10px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
#u3obsChatModal .u3obs-chat-unread-empty{
  min-height:220px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:24px!important;
  color:#667085!important;
  text-align:center!important;
}
#u3obsChatModal .u3obs-chat-unread-empty>span{
  width:42px!important;
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  background:#ecfdf3!important;
  color:#067647!important;
  font-size:22px!important;
  font-weight:900!important;
}
#u3obsChatModal .u3obs-chat-unread-empty>strong{color:#102331!important;font-size:14px!important;}
#u3obsChatModal .u3obs-chat-unread-empty>small{font-size:11px!important;}
@media (max-width:900px){
  #u3obsChatModal .u3obs-chat-unread-row{
    grid-template-columns:10px minmax(0,1fr) 72px!important;
  }
  #u3obsChatModal .u3obs-chat-unread-meta{
    grid-column:2!important;
    grid-row:2!important;
  }
  #u3obsChatModal .u3obs-chat-unread-open{
    grid-column:3!important;
    grid-row:1/3!important;
  }
}
@media (max-width:620px){
  #u3obsChatModal .u3obs-chat-new-head{align-items:flex-start!important;padding:10px!important;}
  #u3obsChatModal .u3obs-chat-new-head p{display:none!important;}
  #u3obsChatModal .u3obs-chat-unread-list{max-height:none!important;}
  #u3obsChatModal .u3obs-chat-unread-row{
    grid-template-columns:9px minmax(0,1fr)!important;
    gap:7px 10px!important;
    padding:10px!important;
  }
  #u3obsChatModal .u3obs-chat-unread-meta,
  #u3obsChatModal .u3obs-chat-unread-open{
    grid-column:2!important;
    grid-row:auto!important;
    justify-self:start!important;
  }
}

/* 2.1.4.22.16 – Sammelnachrichten mit Kita- und Projektgruppen-Auswahl */
/* 2.1.4.22.15 – neue Nachrichten nach Kita- und Projektgruppen filtern */
#u3obsChatModal .u3obs-chat-unread-toolbar{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(170px,.42fr) minmax(220px,.55fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 12px!important;
  border-bottom:1px solid rgba(15,23,42,.07)!important;
  background:#fff!important;
}
#u3obsChatModal .u3obs-chat-unread-toolbar input,
#u3obsChatModal .u3obs-chat-unread-toolbar select{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(15,23,42,.13)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#102331!important;
  padding:0 11px!important;
  font:700 11px/1.2 inherit!important;
  box-shadow:none!important;
  outline:none!important;
}
#u3obsChatModal .u3obs-chat-unread-toolbar input:focus,
#u3obsChatModal .u3obs-chat-unread-toolbar select:focus{
  border-color:#0f8b7f!important;
  box-shadow:0 0 0 3px rgba(15,139,127,.10)!important;
}
#u3obsChatModal .u3obs-chat-unread-visible{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:72px!important;
  height:38px!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  border-radius:10px!important;
  background:#f0fbf8!important;
  color:#0f766e!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#u3obsChatModal .u3obs-chat-unread-visible b{font-size:13px!important;}
#u3obsChatModal .u3obs-chat-unread-empty.is-filter-empty{min-height:180px!important;}
@media (max-width:1050px){
  #u3obsChatModal .u3obs-chat-unread-toolbar{
    grid-template-columns:minmax(220px,1fr) minmax(160px,.55fr) minmax(200px,.7fr)!important;
  }
  #u3obsChatModal .u3obs-chat-unread-visible{
    grid-column:1/-1!important;
    justify-self:end!important;
    height:30px!important;
  }
}
@media (max-width:720px){
  #u3obsChatModal .u3obs-chat-unread-toolbar{
    grid-template-columns:1fr!important;
    padding:8px 10px!important;
  }
  #u3obsChatModal .u3obs-chat-unread-visible{
    grid-column:auto!important;
    justify-self:stretch!important;
  }
}

/* 2.1.4.22.21 – Elternzugangs-Anträge direkt bearbeiten */
#u3obsChatModal .u3obs-chat-access-action{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}
#u3obsChatModal .u3obs-chat-access-action button[data-chat-parent-request-approve]{color:#067267}
#u3obsChatModal .u3obs-chat-access-action button[data-chat-parent-request-reject]{color:#b42318}


/* ========================================================================
   KIVANDO 2.1.4.22.23 – QR-Einladungen direkt und gesammelt
   ======================================================================== */
#u3obsChatModal .u3obs-chat-access-head,
#u3obsChatModal .u3obs-chat-access-row{
  grid-template-columns:76px minmax(190px,1fr) 130px minmax(190px,1fr) 115px 170px;
}
#u3obsChatModal .u3obs-chat-access-leading{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
#u3obsChatModal .u3obs-chat-access-selectbox{
  position:relative;
  flex:0 0 auto;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  cursor:pointer;
}
#u3obsChatModal .u3obs-chat-access-selectbox input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
#u3obsChatModal .u3obs-chat-access-selectbox span{
  width:21px;
  height:21px;
  display:grid;
  place-items:center;
  border:1px solid #98a2b3;
  border-radius:7px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.05);
}
#u3obsChatModal .u3obs-chat-access-selectbox input:checked+span{
  border-color:#08776f;
  background:#08776f;
}
#u3obsChatModal .u3obs-chat-access-selectbox input:checked+span::after{
  content:"✓";
  color:#fff;
  font-size:14px;
  font-weight:950;
  line-height:1;
}
#u3obsChatModal .u3obs-chat-access-selectbox input:focus-visible+span{
  outline:3px solid rgba(37,99,235,.24);
  outline-offset:2px;
}
#u3obsChatModal .u3obs-chat-access-select-spacer{
  width:24px;
  height:24px;
  flex:0 0 auto;
}
#u3obsChatModal .u3obs-chat-access-head-select{
  display:flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  text-transform:none;
  letter-spacing:0;
  font-size:9px;
}
#u3obsChatModal .u3obs-chat-access-head-select input{
  width:17px;
  height:17px;
  accent-color:#08776f;
}
#u3obsChatModal .u3obs-chat-access-bulkbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto;
  align-items:center;
  gap:10px 14px;
  margin:0 14px 14px;
  padding:12px 14px;
  border:1px solid rgba(8,119,111,.20);
  border-radius:14px;
  background:#effbf8;
}
#u3obsChatModal .u3obs-chat-access-bulkbar[hidden]{
  display:none!important;
}
#u3obsChatModal .u3obs-chat-access-bulkbar>label{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
#u3obsChatModal .u3obs-chat-access-bulkbar>label input{
  width:18px;
  height:18px;
  accent-color:#08776f;
}
#u3obsChatModal .u3obs-chat-access-bulkbar>span{
  color:#475467;
  font-size:12px;
  white-space:nowrap;
}
#u3obsChatModal .u3obs-chat-access-bulkbar>span b{
  color:#08776f;
  font-size:15px;
}
#u3obsChatModal .u3obs-chat-access-bulkbar>small{
  grid-column:1/-1;
  color:#667085;
  font-size:10px;
}
#u3obsChatModal .u3obs-chat-access-bulkbar button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
#u3obsChatModal .u3obs-chat-access-row[data-status="invited"]{
  background:#fcfaff;
}
#u3obsChatModal .u3obs-chat-access-row[data-status="invited"]:hover{
  background:#f8f5ff;
}

@media (max-width:1100px){
  #u3obsChatModal .u3obs-chat-access-head,
  #u3obsChatModal .u3obs-chat-access-row{
    grid-template-columns:72px minmax(160px,1fr) 105px minmax(160px,1fr) 105px 145px;
  }
  #u3obsChatModal .u3obs-chat-access-bulkbar{
    grid-template-columns:1fr auto;
  }
  #u3obsChatModal .u3obs-chat-access-bulkbar>button{
    grid-column:1/-1;
    justify-self:stretch;
  }
}
@media (max-width:760px){
  #u3obsChatModal .u3obs-chat-access-bulkbar{
    grid-template-columns:1fr;
    margin:0 10px 10px;
  }
  #u3obsChatModal .u3obs-chat-access-bulkbar>button,
  #u3obsChatModal .u3obs-chat-access-bulkbar>small{
    grid-column:auto;
  }
  #u3obsChatModal .u3obs-chat-access-row{
    grid-template-columns:72px minmax(0,1fr) auto;
  }
  #u3obsChatModal .u3obs-chat-access-leading{
    grid-row:1/span 2;
    align-self:start;
  }
  #u3obsChatModal .u3obs-chat-access-action{
    grid-column:2/-1;
    justify-content:flex-start;
    text-align:left;
  }
}

/* 2.1.4.22.29 – mehrere Elternkonten und gezielte Empfängerauswahl */
.u3obs-chat-parent-account small,
.u3obs-chat-access-cell small{display:block;margin-top:3px;color:#667085;font-weight:500;line-height:1.3;white-space:normal}
.u3obs-chat-access-cell strong{display:block;color:#0f172a}
.u3obs-chat-access-action{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.u3obs-chat-access-action .u3obs-chat-access-add-parent{border-color:rgba(5,150,105,.28);color:#047857;background:#ecfdf5}
.u3obs-parent-recipient-overlay{position:fixed;inset:0;z-index:2147482300;display:grid;place-items:center;padding:20px;background:rgba(2,16,31,.62);backdrop-filter:blur(5px)}
.u3obs-parent-recipient-dialog{width:min(620px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid rgba(14,116,144,.22);border-radius:24px;background:#f8fffd;box-shadow:0 28px 90px rgba(2,16,31,.28);padding:22px;color:#0f172a}
.u3obs-parent-recipient-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.u3obs-parent-recipient-head span{display:block;color:#047857;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.u3obs-parent-recipient-head h3{margin:5px 0 0;font-size:24px;line-height:1.15}
.u3obs-parent-recipient-head>button{width:42px;height:42px;border-radius:14px;border:1px solid #cbd5e1;background:#fff;font-size:26px;line-height:1;cursor:pointer}
.u3obs-parent-recipient-dialog>p{margin:14px 0 18px;color:#52606d;line-height:1.5}
.u3obs-parent-recipient-options{display:grid;gap:10px}
.u3obs-parent-recipient-option{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:14px;text-align:left;border:1px solid #dbe7e6;border-radius:16px;background:#fff;cursor:pointer;transition:.15s ease}
.u3obs-parent-recipient-option:hover,.u3obs-parent-recipient-option:focus-visible{border-color:#0f9f8c;box-shadow:0 0 0 3px rgba(15,159,140,.12);transform:translateY(-1px)}
.u3obs-parent-recipient-option.is-all{background:#ecfdf8;border-color:#9edbd0}
.u3obs-parent-recipient-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e6f7f3;font-size:21px}
.u3obs-parent-recipient-option strong{display:block;font-size:15px;color:#0f172a}
.u3obs-parent-recipient-option small{display:block;margin-top:3px;color:#667085;line-height:1.35}
.u3obs-parent-bulk-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,.8fr);gap:12px;align-items:center;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:9px 10px;background:#fff;font-size:12px}
.u3obs-parent-bulk-child{display:flex;gap:9px;align-items:flex-start;min-width:0}
.u3obs-parent-bulk-child input{margin-top:3px}
.u3obs-parent-bulk-child strong,.u3obs-parent-bulk-child small{display:block}
.u3obs-parent-bulk-child strong{color:#111827}.u3obs-parent-bulk-child small{margin-top:2px;color:#667085}
.u3obs-parent-bulk-recipient{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}
.u3obs-parent-bulk-recipient>span{font-weight:800;color:#475467}
.u3obs-parent-bulk-recipient select{min-width:0;width:100%;min-height:38px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:7px 10px}
@media(max-width:760px){.u3obs-parent-bulk-row{grid-template-columns:1fr}.u3obs-parent-bulk-recipient{grid-template-columns:1fr}.u3obs-parent-recipient-dialog{padding:17px;border-radius:20px}.u3obs-chat-access-action{justify-content:flex-start}}

/* 2.1.4.22.30 – offene weitere Elternfreigaben trotz aktivem Erstzugang sichtbar */
#u3obsChatModal .u3obs-chat-access-status{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#u3obsChatModal .u3obs-chat-pending-parent-note{color:#1d4ed8;font-weight:700;margin-top:5px}
#u3obsChatModal .u3obs-chat-parent-request-action{display:flex;flex-direction:column;gap:5px;align-items:flex-end;padding:6px 8px;border:1px solid rgba(37,99,235,.18);border-radius:12px;background:rgba(239,246,255,.88)}
#u3obsChatModal .u3obs-chat-parent-request-action>small{max-width:190px;color:#334155;font-weight:800;line-height:1.2;text-align:right;overflow-wrap:anywhere}
#u3obsChatModal .u3obs-chat-parent-request-action>span{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){#u3obsChatModal .u3obs-chat-parent-request-action{align-items:flex-start}#u3obsChatModal .u3obs-chat-parent-request-action>small{text-align:left}#u3obsChatModal .u3obs-chat-parent-request-action>span{justify-content:flex-start}}

/* ========================================================================
   KIVANDO 2.1.4.22.38 – Mobiles Einstiegsband wirklich vollbreit
   ========================================================================
   Eine spätere Responsive-Regel hatte das ursprünglich vollbreite Band auf
   100 % der inneren WordPress-/Portalfläche zurückgesetzt. Dadurch blieben
   links und rechts die hellen Außenflächen sichtbar. Der Hintergrund läuft
   auf Smartphones wieder über die gesamte Viewportbreite; die Karten selbst
   behalten den vorgesehenen kleinen Innenabstand.
*/
@media (max-width:760px){
  html body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens{
    background-color:#082b39 !important;
  }
  html body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens
  .u3obs-kivando-entry-band{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:10px !important;
    padding-right:10px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
  }
  html body.u3obs-dashboard-app-shell .u3obs-wrap.u3obs-kivando-startscreens
  .u3obs-kivando-entry-band::before{
    left:50% !important;
    right:auto !important;
    width:100vw !important;
    max-width:100vw !important;
    transform:translateX(-50%) !important;
  }
}

/* ========================================================================
   KIVANDO 2.1.4.22.39 – Mobile Navigation ohne angeschnittene Menüfelder
   ========================================================================
   Vier Hauptpunkte sind je Bildschirmseite in einem kompakten 2x2-Raster
   sichtbar. Weitere Punkte werden horizontal seitenweise gewischt. Dadurch
   bleibt der Header deutlich kompakter als bei einer langen Einspaltenliste,
   während kein Button mehr halb außerhalb des Viewports beginnt.
*/
@media (max-width:700px){
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-template-rows:repeat(2,minmax(44px,auto)) !important;
    grid-template-columns:none !important;
    grid-auto-columns:minmax(146px,calc((100vw - 32px) / 2)) !important;
    align-items:stretch !important;
    justify-content:start !important;
    align-content:start !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    padding:9px 12px 11px !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    overscroll-behavior-x:contain !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-inline:12px !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row::-webkit-scrollbar{
    display:none !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  > .u3obs-dashboard-menu-shell{
    display:contents !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row > *,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  > .u3obs-dashboard-menu-shell > *{
    grid-column:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  .u3obs-header-navigation-row .u3obs-dashboard-menu-group{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  .u3obs-header-navigation-row :is(button,a,.u3obs-mini-btn,.u3obs-btn,.u3obs-dashboard-menu-toggle){
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:44px !important;
    height:100% !important;
    padding:7px 10px !important;
    line-height:1.15 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    text-overflow:clip !important;
    border-radius:14px !important;
    box-sizing:border-box !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  .u3obs-header-navigation-row .u3obs-dashboard-menu-toggle::after{
    flex:0 0 auto !important;
    margin-left:6px !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  .u3obs-dashboard-menu-panel{
    position:fixed !important;
    inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px !important;
    width:auto !important;
    max-width:none !important;
    max-height:min(78dvh,720px) !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
    border-radius:22px 22px 16px 16px !important;
    z-index:100500 !important;
  }
}

/* KIVANDO 2.1.4.22.55 – finale Mobile-Regel nach allen Legacy-Blöcken */
@media (max-width:700px){
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row{
    --u3obs-mobile-nav-cell:56px;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:none !important;
    grid-auto-flow:row !important;
    grid-auto-rows:var(--u3obs-mobile-nav-cell) !important;
    grid-auto-columns:auto !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
    scroll-padding-inline:0 !important;
    scrollbar-width:none !important;
    box-sizing:border-box !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  > .u3obs-dashboard-menu-shell{
    display:contents !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    overflow:visible !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row > :not(.u3obs-dashboard-menu-shell),
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  > .u3obs-dashboard-menu-shell > *{
    grid-column:auto !important;
    grid-row:auto !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:var(--u3obs-mobile-nav-cell) !important;
    min-height:var(--u3obs-mobile-nav-cell) !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 auto !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    scroll-snap-align:none !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row > button,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row > a,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  > .u3obs-dashboard-menu-shell > button,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  > .u3obs-dashboard-menu-shell > a,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  > .u3obs-dashboard-menu-shell > .u3obs-dashboard-menu-group > .u3obs-dashboard-menu-toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:var(--u3obs-mobile-nav-cell) !important;
    min-height:var(--u3obs-mobile-nav-cell) !important;
    margin:0 !important;
    padding:0 9px !important;
    border-radius:0 !important;
    line-height:1.14 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:hidden !important;
    overflow-wrap:anywhere !important;
    text-overflow:clip !important;
    box-sizing:border-box !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  .u3obs-dashboard-menu-panel{
    display:none !important;
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    top:var(--u3obs-mobile-nav-panel-top,168px) !important;
    bottom:auto !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100dvh - var(--u3obs-mobile-nav-panel-top,168px) - 12px) !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
    padding:8px !important;
    gap:6px !important;
    border-radius:16px !important;
    z-index:100500 !important;
    box-sizing:border-box !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  .u3obs-dashboard-menu-group.is-open > .u3obs-dashboard-menu-panel{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  .u3obs-dashboard-menu-panel > button,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  .u3obs-dashboard-menu-panel > a,
  html.u3obs-dashboard-app-shell body.u3obs-dashboard-app-shell
  .u3obs-wrap.u3obs-kivando-startscreens[data-u3obs-app-shell="1"]
  > .u3obs-brandbar.u3obs-has-header-navigation
  > .u3-topbar-row2.u3obs-header-navigation-row
  .u3obs-dashboard-menu-panel .u3obs-dashboard-menu-panel-item{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:44px !important;
    margin:0 !important;
    padding:10px 12px !important;
    border-radius:10px !important;
    text-align:left !important;
    white-space:normal !important;
    overflow:visible !important;
    overflow-wrap:anywhere !important;
    box-sizing:border-box !important;
  }
}

/* ===== 2.1.4.22.80: Monatsraster, Inhalte nur für 7 Tage ===== */
html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-month-day.is-seven-day-preview:not(.is-today):not(.has-events){
  box-shadow:inset 0 -2px 0 rgba(45,212,191,.18)!important;
}
html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-next7-hint{
  font-size:9px!important;
  font-weight:800!important;
  opacity:.66!important;
  text-align:right!important;
}
html body .u3obs-dashboard-calendar.u3obs-cal-modal .u3obs-cal-quickday-only{
  display:grid!important;
  gap:12px!important;
}
html body .u3obs-dashboard-calendar.u3obs-cal-modal .u3obs-cal-quickday-head{
  margin-bottom:12px!important;
}
@media (max-width:760px){
  html body .u3obs-wrap.u3obs-kivando-startscreens .u3obs-calendar-next7-hint{display:none!important;}
}


/* ===== 2.1.4.22.81: schlankes Tages-Popup des Dashboard-Kalenders ===== */
.u3obs-calendar-day-lite-backdrop{position:fixed;inset:0;z-index:2147481000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,18,27,.68);backdrop-filter:blur(5px)}
.u3obs-calendar-day-lite-dialog{width:min(520px,100%);max-height:min(78vh,720px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(103,232,215,.24);border-radius:22px;background:#0b2d3a;color:#f8fafc;box-shadow:0 24px 80px rgba(0,0,0,.42)}
.u3obs-calendar-day-lite-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 14px;border-bottom:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(20,184,166,.10),rgba(255,255,255,.015))}
.u3obs-calendar-day-lite-dialog>header span{display:block;margin-bottom:3px;font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:#67e8d7}
.u3obs-calendar-day-lite-dialog>header h3{margin:0;font-size:19px;line-height:1.25;color:#fff}
.u3obs-calendar-day-lite-dialog>header button{width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-size:25px;line-height:1;cursor:pointer}
.u3obs-calendar-day-lite-dialog>header button:hover{background:rgba(255,255,255,.12)}
.u3obs-calendar-day-lite-body{overflow:auto;padding:14px 16px 17px;min-height:120px}
.u3obs-calendar-day-lite-list{display:grid;gap:9px}
.u3obs-calendar-day-lite-item{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;padding:12px;border:1px solid rgba(148,163,184,.17);border-radius:15px;background:rgba(255,255,255,.045)}
.u3obs-calendar-day-lite-time{font-size:11px;font-weight:900;color:#67e8d7;padding-top:2px}
.u3obs-calendar-day-lite-copy{min-width:0;display:grid;gap:4px}
.u3obs-calendar-day-lite-copy strong{font-size:14px;line-height:1.3;color:#fff}
.u3obs-calendar-day-lite-copy span{font-size:12px;line-height:1.45;color:#cbd5e1;white-space:normal;overflow-wrap:anywhere}
.u3obs-calendar-day-lite-copy small{font-size:10px;font-weight:800;color:#94a3b8}
.u3obs-calendar-day-lite-loading,.u3obs-calendar-day-lite-empty,.u3obs-calendar-day-lite-error{min-height:100px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;color:#cbd5e1;font-size:13px}
.u3obs-calendar-day-lite-loading i{width:18px;height:18px;border:2px solid rgba(103,232,215,.25);border-top-color:#67e8d7;border-radius:50%;animation:u3obsCalendarDayLiteSpin .7s linear infinite}
.u3obs-calendar-day-lite-error{flex-direction:column;color:#fecaca}
.u3obs-calendar-day-lite-error button{border:1px solid rgba(103,232,215,.35);border-radius:10px;padding:8px 11px;background:rgba(20,184,166,.12);color:#fff;font-weight:850;cursor:pointer}
@keyframes u3obsCalendarDayLiteSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){.u3obs-calendar-day-lite-backdrop{align-items:flex-end;padding:10px}.u3obs-calendar-day-lite-dialog{width:100%;max-height:84vh;border-radius:20px}.u3obs-calendar-day-lite-item{grid-template-columns:1fr;gap:5px}.u3obs-calendar-day-lite-time{padding:0}}