/* Einheitliche Schließen-Schaltflächen; Text und Fokus bleiben gut erkennbar. */
dialog .section-head>button[aria-label*="schließen" i],dialog .section-head>.fr-absence-close,dialog .section-head>.fr-task-close{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;flex:0 0 44px;font-size:28px;line-height:1;border-radius:8px}
dialog::backdrop,.fr-absence-calendar-dialog::backdrop{background:rgb(0 0 0 / .45)}
#message{background:rgb(224 239 229 / .75)}#message.error{background:rgb(249 230 224 / .75)}
@media(max-width:700px),(orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse), (orientation:landscape) and (min-width:900px) and (min-height:600px) and (hover:none) and (pointer:coarse){#message{background:rgb(29 69 45 / .75)}#message.error{background:rgb(105 40 43 / .75)}}

#mobile-status>.fr-refresh-notice{display:inline-block;max-width:42%;min-width:0;flex:0 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 6px;border:1px solid #3a754c;border-radius:4px;background:rgb(29 69 45 / .75);color:#eee;font-size:inherit;line-height:1.2}#mobile-status>:first-child{flex:1 1 auto}

/* Mobile notifications appear below the fixed header; desktop retains its bottom placement. */
@media(max-width:700px),(orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse), (orientation:landscape) and (min-width:900px) and (min-height:600px) and (hover:none) and (pointer:coarse){
 #message{top:calc(80px + env(safe-area-inset-top));bottom:auto;max-height:calc(100dvh - 112px - env(safe-area-inset-top));overflow-y:auto}
 body:not(:has(#workspace:not([hidden]))) #message{top:calc(12px + env(safe-area-inset-top))}
}