/* Freigegebene Referenzen: gemeinsamer Rahmen, Heute und Aufgabenblatt. */
.focus-masthead-brand { display: none; }
.has-common-shell { --sidebar-width: 208px; display: flow-root; }
.has-common-shell .app-column { margin-left: 208px; }
.has-common-shell .app-column::before { display: none; }
.has-common-shell .topbar { position: relative; top: 0; width: calc(100vw - 24px); left: -208px; height: 68px; min-height: 68px; margin: 12px 12px 0; padding: 11px 24px; border: 1px solid #dde5f0; border-radius: 22px; background: #f4f7fc; box-shadow: none; }
.has-common-shell .mobile-brand, .has-common-shell .topbar-context { display: none; }
.has-common-shell .focus-masthead-brand { display: flex; align-items: center; gap: 16px; min-width: 0; }
.focus-masthead-brand > a { color: #c23f38; font-size: 27px; font-weight: 750; letter-spacing: -1.4px; text-decoration: none; }
.focus-duty-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 9px 13px; border: 1px solid #cce3dc; border-radius: 999px; background: #f4fbf8; color: #225c4e; font-size: 12px; font-weight: 500; white-space: nowrap; }
.focus-duty-chip [data-icon] { width: 17px; height: 17px; color: #12806b; }
.focus-duty-chip.off-duty { background: #fff8f6; border-color: #ead5d0; color: #6b5b57; }
.focus-duty-chip.off-duty strong { color: #b33f37; }
.has-common-shell .topbar-actions > [data-action="scan-qr"], .has-common-shell .topbar-actions > [data-settings-entry] { display: none; }
.has-common-shell .sidebar { position: fixed; inset: 92px auto 12px 12px; width: 196px; height: auto; margin: 0; padding: 16px; border: 1px solid #dde5f0; border-radius: 24px; box-shadow: none; }
.has-common-shell .sidebar > .brand { display: none; }
.has-common-shell .main-content { max-width: none; padding: 24px 36px 60px; }
.has-common-shell .nav-group-label { font-size: 10px; }
.has-common-shell .nav-item { min-height: 44px; padding: 12px 10px; font-size: 13px; }
.has-common-shell .sidebar-user-copy strong { font-size: 12px; }
.has-common-shell .sidebar-user-copy small { font-size: 10px; }
.focus-today { color: #172033; }
.focus-today *, #taskDialog.is-focus-task * { box-sizing: border-box; }
.focus-today button { font-family: inherit; }
.focus-today h1, .focus-today h2, .focus-today h3, .focus-today p { margin: 0; }
.focus-today [data-icon] { width: 20px; height: 20px; flex: none; }
.focus-page-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 32px; }
.focus-page-head > div { min-width: 0; }
.focus-page-head .eyebrow { color: #3d4a5c; font-size: 12px; letter-spacing: .08em; }
.focus-page-head h1 { font-size: 28px; font-weight: 600; letter-spacing: -.75px; line-height: 1.25; margin-top: 6px; overflow-wrap: anywhere; }
.focus-done-count { border: 0; background: transparent; color: #0f7345; display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 12px; white-space: nowrap; }
.focus-done-count [data-icon] { width: 17px; height: 17px; }
.focus-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 268px; gap: 30px; max-width: 1200px; }
.focus-workspace.no-support { grid-template-columns: minmax(0, 1fr); max-width: 900px; }
.focus-work-column { min-width: 0; }
.focus-list-tools { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 24px; }
.focus-tabs { display: flex; gap: 5px; min-width: 0; }
.focus-tabs button { display: inline-flex; align-items: center; gap: 5px; border: 0; border-radius: 10px; min-height: 44px; background: transparent; padding: 9px 13px; font-size: 13px; color: #526078; font-weight: 600; white-space: nowrap; }
.focus-tabs button > span { font-size: 11px; }
.focus-tabs button[aria-selected="true"] { background: #eaf1ff; color: #245ace; box-shadow: inset 0 0 0 1px #c8d8f2; }
.focus-mine { min-width: 44px; min-height: 44px; border: 0; border-radius: 10px; background: transparent; padding: 10px; color: #526078; display: flex; gap: 7px; align-items: center; font-size: 12px; white-space: nowrap; }
.focus-mine[aria-pressed="true"] { background: #eaf1ff; color: #245ace; }
.focus-mine [data-icon] { width: 16px; height: 16px; }
.focus-next-card, .focus-support-card { display: block; width: 100%; text-align: left; border: 1px solid #dde5f0; border-radius: 22px; background: #fff; padding: 23px 25px 22px; color: #172033; box-shadow: 0 1px 3px #121e3408, 0 8px 24px #121e3405; margin-bottom: 28px; }
.focus-next-card:hover, .focus-support-card:hover { background: #f8faff; border-color: #bacbe4; }
.focus-next-card.is-urgent { border: 2px solid #c23f38; background: #fffaf9; box-shadow: 0 0 0 4px #fff0ee; }
.focus-card-top { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 17px; }
.focus-card-top .eyebrow { color: #3d4a5c; font-size: 12px; letter-spacing: .08em; font-weight: 650; }
.focus-next-card h2 { font-size: 26px; line-height: 1.25; font-weight: 650; letter-spacing: -.6px; overflow-wrap: anywhere; }
.focus-card-context { margin-top: 10px; display: flex; align-items: center; gap: 7px; flex-wrap: wrap; color: #334155; font-size: 13px; font-weight: 500; overflow-wrap: anywhere; }
.focus-card-context [data-icon] { width: 16px; height: 16px; }
.focus-card-foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 27px; padding-top: 17px; border-top: 1px solid #dde5f0; font-size: 13px; }
.focus-card-foot strong { display: flex; align-items: center; gap: 7px; font-weight: 650; }
.focus-card-foot > span { font-size: 12px; color: #334155; font-weight: 500; }
.focus-time-card .focus-card-foot strong, .focus-notice-card .focus-card-foot strong { color: #b13932; }
.focus-time-mark { display: grid; place-items: center; width: 32px !important; height: 32px !important; padding: 6px; border-radius: 10px; background: #eaf1ff; color: #12806b; }
.focus-notice-card .focus-time-mark { background: #f0eafa; color: #7854ba; }
.focus-pill { display: inline-flex; align-items: center; gap: 6px; border-radius: 7px; padding: 4px 8px; background: #fff0e9; color: #ad302b; font-size: 11px; font-weight: 700; }
.focus-pill [data-icon] { width: 13px; height: 13px; }
.focus-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; padding: 0 2px; }
.focus-section-heading h2 { font-size: 14px; font-weight: 650; }
.focus-section-heading > span { color: #526078; font-size: 12px; }
/* Die gemeinsame Rahmenschicht setzt unten den freigegebenen 8/8/13/1-Rhythmus. */
.focus-task-list { display: grid; gap: 9px; }
.focus-task-row { display: flex; align-items: center; gap: 14px; text-align: left; width: 100%; padding: 17px; border: 1px solid #dde5f0; border-radius: 15px; background: #f8faff; color: #172033; box-shadow: 0 1px 3px #121e3408, 0 8px 24px #121e3405; }
.focus-task-row:hover, .focus-task-row[aria-current="true"] { background: #eaf1ff; border-color: #bacbe4; }
.focus-task-row.is-urgent { border-color: #c23f38; background: #fffaf9; box-shadow: 0 0 0 2px #fff0ee; }
.focus-type-mark { display: grid; place-items: center; width: 37px !important; height: 37px !important; padding: 8px; border-radius: 12px; background: #edf2f9; color: #3970bd; }
.focus-type-mark.is-working { background: #e3f5ee; color: #0f7345; }
.focus-type-mark[data-icon="alert"] { color: #b43830; background: #ffe9e2; }
.focus-task-copy { flex: 1; min-width: 0; }
.focus-task-copy > strong { display: block; font-size: 15px; font-weight: 650; line-height: 1.35; overflow-wrap: anywhere; }
.focus-row-meta { display: flex; flex-wrap: wrap; gap: 3px 7px; font-size: 12px; color: #526078; margin-top: 5px; overflow-wrap: anywhere; }
.focus-row-meta .is-urgent { color: #ad302b; font-weight: 600; }
.focus-row-meta .is-working { color: #0f7345; font-weight: 600; }
.focus-task-row > [data-icon="chevron"] { width: 17px; height: 17px; color: #526078; }
.focus-progress { display: flex; align-items: center; gap: 8px; margin: 22px 2px 0 !important; font-size: 12px; color: #526078; }
.focus-progress [data-icon] { width: 15px; height: 15px; color: #0f7345; }
.focus-support { padding-top: 5px; }
.focus-support-card { padding: 20px; border-radius: 18px; margin-bottom: 18px; }
.focus-support-card h3 { font-size: 16px; font-weight: 650; line-height: 1.4; }
.focus-support-card .focus-card-foot { font-size: 12px; }
.focus-support-card .focus-card-foot > span { display: none; }
.focus-support-card .focus-card-top .eyebrow { text-transform: none; font-size: 13px; }
.focus-visits { margin-top: 24px; border-top: 1px solid #dde5f0; }
.focus-visits summary { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 10px 2px; font-size: 13px; color: #526078; list-style: none; cursor: pointer; }
.focus-visits summary::-webkit-details-marker { display: none; }
.focus-visits summary [data-icon] { width: 17px; height: 17px; }
.focus-visits summary [data-icon="chevron"] { margin-left: auto; }
.focus-visits[open] summary [data-icon="chevron"] { transform: rotate(90deg); }
.focus-visits .focus-task-list { margin-top: 8px; }
.focus-empty .empty-card { padding: 48px 22px; background: #fff; border: 1px solid #dde5f0; border-radius: 20px; }
.focus-today #todayTitle:focus { outline: none; }
@media (min-width: 721px) and (max-width: 1179px) {
  .has-common-shell .app-column { margin-left: 76px; }
  .has-common-shell .topbar { left: -76px; }
  .has-common-shell .sidebar { width: 64px; left: 8px; padding: 16px 8px; }
  .has-common-shell .sidebar .nav-copy { position: absolute; display: block; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .has-common-shell .sidebar .nav-group-label, .has-common-shell .sidebar-user-copy { display: none; }
  .has-common-shell .main-content { padding: 24px 28px 60px; }
  .has-common-shell .sidebar-create { width: 44px; max-width: 100%; min-height: 52px; padding: 6px 4px; font-size: 10px; display: flex; flex-direction: column; gap: 4px; border-radius: 12px; }
  .has-common-shell .sidebar-create svg { width: 18px; height: 18px; }
  .focus-workspace { grid-template-columns: minmax(0, 1fr) 218px; gap: 22px; }
  .focus-next-card { padding: 22px; }
  .focus-next-card h2 { font-size: 23px; }
  .focus-mine > span:not([data-icon]) { display: none; }
  .focus-task-row { padding: 15px 13px; gap: 10px; }
  .focus-type-mark { width: 32px !important; height: 32px !important; }
  .focus-task-copy > strong { font-size: 14px; }
}
@media (max-width: 720px) {
  .has-common-shell .app-column { margin-left: 0; }
  .has-common-shell .topbar { left: 0; width: 100%; height: 66px; min-height: 66px; margin: 0; padding: 10px 20px; border: 0; border-bottom: 1px solid #dde5f0; border-radius: 0; gap: 10px; }
  .has-common-shell .focus-masthead-brand { gap: 12px; }
  .focus-masthead-brand > a { font-size: 21px; }
  .focus-duty-chip { font-size: 11px; padding: 8px 11px; }
  .has-common-shell .main-content { padding: 20px 20px 104px; }
  .focus-page-head { margin-bottom: 24px; gap: 10px; }
  .focus-page-head .eyebrow { font-size: 10px; letter-spacing: .07em; }
  .focus-page-head h1 { font-size: 24px; letter-spacing: -.6px; }
  .focus-done-count { gap: 5px; font-size: 10px; }
  .focus-workspace, .focus-workspace.no-support { display: flex; flex-direction: column; gap: 26px; }
  .focus-list-tools { margin-bottom: 17px; gap: 7px; }
  .focus-tabs { gap: 1px; }
  .focus-tabs button { padding: 9px 11px; font-size: 12px; }
  .focus-tabs button > span { font-size: 10px; }
  .focus-mine { padding: 10px 8px; }
  .focus-mine > span:not([data-icon]) { display: none; }
  .focus-next-card { padding: 18px 20px; border-radius: 20px; margin-bottom: 23px; }
  .focus-card-top { margin-bottom: 14px; }
  .focus-card-top .eyebrow { font-size: 10px; letter-spacing: .07em; }
  .focus-next-card h2 { font-size: 24px; letter-spacing: -.5px; }
  .focus-card-context { font-size: 12px; margin-top: 8px; }
  .focus-card-foot { margin-top: 19px; padding-top: 14px; font-size: 12px; }
  .focus-card-foot > span { font-size: 11px; }
  .focus-task-row { min-height: 82px; padding: 14px; gap: 11px; }
  .focus-type-mark { width: 32px !important; height: 32px !important; padding: 7px; border-radius: 10px; }
  .focus-task-copy > strong { font-size: 14px; }
  .focus-row-meta { font-size: 11px; }
  .focus-section-heading h2 { font-size: 13px; }
  .focus-section-heading > span { font-size: 11px; }
  .focus-progress { margin-top: 18px !important; font-size: 11px; }
  .focus-support { padding: 0; }
}
@media (forced-colors: active) {
  .focus-next-card, .focus-duty-chip, .focus-tabs button[aria-selected="true"] { border: 1px solid ButtonText; }
}

#taskDialog.is-focus-task { position: fixed; inset: 24px 24px 24px auto; margin: 0; width: 410px; max-width: none; height: calc(100dvh - 48px); max-height: none; padding: 0; border: 1px solid #dde5f0; border-radius: 22px; background: #fff; color: #172033; box-shadow: 0 10px 55px #274c3614; overflow: hidden; }
#taskDialog.is-focus-task::backdrop { background: #1e382e55; }
#taskDialog.is-focus-task .dialog-panel { display: flex; flex-direction: column; height: 100%; max-height: none; border: 0; border-radius: 0; background: #fff; box-shadow: none; overflow: hidden; }
#taskDialog.is-focus-task .task-flow-header { display: flex; align-items: center; justify-content: space-between; flex: none; padding: 16px 20px; border-bottom: 1px solid #dde5f0; gap: 12px; }
#taskDialog.is-focus-task .task-flow-header > .eyebrow { color: #526078; font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0; }
#taskDialog.is-focus-task .task-flow-header .icon-button { border: 0; border-radius: 10px; background: #f3f6fb; width: 44px; height: 44px; }
#taskDialog.is-focus-task .task-flow-content { min-height: 0; overflow: auto; overscroll-behavior: contain; flex: 1; padding: 25px 26px; display: block; }
#taskDialog.is-focus-task h2 { font-size: 25px; font-weight: 650; line-height: 1.25; letter-spacing: -.75px; overflow-wrap: anywhere; margin: 0; }
#taskDialog.is-focus-task #taskDialogTitle:focus { outline: none; }
.focus-detail-context { display: flex; flex-wrap: wrap; gap: 7px 14px; margin-top: 12px; font-size: 14px; color: #526078; }
.focus-detail-context > span { display: inline-flex; align-items: center; gap: 6px; overflow-wrap: anywhere; min-width: 0; }
.focus-detail-context [data-icon] { width: 16px; height: 16px; color: #3970bd; }
.focus-detail-context .is-urgent, .focus-detail-context .is-urgent [data-icon] { color: #ad302b; font-weight: 600; }
#taskDialog.is-focus-task .task-detail-description { margin: 23px 0; font-size: 15px; font-weight: 400; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; -webkit-line-clamp: unset; display: block; }
.focus-task-owner { display: flex; align-items: center; gap: 10px; padding: 15px 0; border-block: 1px solid #dde5f0; margin: 22px 0; font-size: 13px; }
.focus-task-owner .avatar { width: 31px; height: 31px; font-size: 11px; flex: none; }
.focus-task-owner small { display: block; font-size: 11px; color: #526078; }
.focus-task-details { border-top: 1px solid #dde5f0; margin-top: 22px; }
.focus-task-details > summary { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; color: #526078; cursor: pointer; list-style: none; }
.focus-task-details > summary::-webkit-details-marker { display: none; }
.focus-task-details > summary [data-icon] { width: 15px; height: 15px; }
.focus-task-details[open] > summary [data-icon] { transform: rotate(90deg); }
#taskDialog.is-focus-task .task-checklist-card { background: transparent; padding: 0; border: 0; margin-top: 25px; }
#taskDialog.is-focus-task .task-checklist-card h3 { font-size: 13px; font-weight: 650; margin-bottom: 11px; }
.focus-task-checklist { display: grid; gap: 8px; }
.focus-task-checklist label { display: flex; align-items: flex-start; gap: 10px; min-height: 48px; padding: 12px; background: #f3f6fb; border: 1px solid #dde5f0; border-radius: 11px; font-size: 13px; cursor: pointer; }
.focus-task-checklist input { width: 18px; height: 18px; margin: 2px 0 0; flex: none; accent-color: #0f7345; }
.focus-task-checklist input:checked + span { text-decoration: line-through; color: #526078; }
#taskDialog.is-focus-task .task-flow-footer { display: flex; flex-direction: column; gap: 8px; flex: none; padding: 18px 26px 22px; border-top: 1px solid #dde5f0; background: #fff; }
#taskDialog.is-focus-task .task-flow-footer > button { width: 100%; min-height: 48px; border-radius: 12px; font-size: 14px; font-weight: 650; justify-content: center; }
.focus-service-actions { display: grid; gap: 8px; margin-top: 4px; width: 100%; }
.focus-service-actions .secondary-button { width: 100%; min-height: 48px; padding: 12px 18px; border: 1px solid #dde5f0; border-radius: 12px; background: #f8faff; color: #172033; font-size: 13px; font-weight: 600; justify-content: center; }
.focus-service-actions .secondary-button:hover { background: #eaf1ff; border-color: #bacbe4; }
.focus-service-actions [data-icon] { width: 18px; height: 18px; color: #366dab; }
.focus-service-actions [data-icon="message"] { color: #7952bd; }
.focus-task-back { display: flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 0 14px; margin-bottom: 6px; border: 0; background: transparent; color: #526078; font-size: 12px; }
.focus-review-note { margin-bottom: 24px; font-size: 13px; }
.focus-review-note textarea { min-height: 110px; margin-top: 8px; }
.focus-task-success { text-align: center; padding-top: 35px !important; }
.focus-success-mark { display: block; width: 64px; height: 64px; padding: 18px; margin: 0 auto 20px; border-radius: 50%; color: #0f7345; background: #e3f5ee; }
.focus-task-success p { color: #526078; font-size: 14px; margin-top: 12px; overflow-wrap: anywhere; }
.focus-next-preview { margin-top: 32px; padding: 20px; border-radius: 16px; background: #f3f6fb; text-align: left; }
.focus-next-preview strong { display: block; font-size: 16px; line-height: 1.4; }
@media (min-width: 1180px) {
  .has-focus-task .main-content { width: calc(100% - 434px); margin-left: 0; margin-right: 434px; padding-right: 25px; }
  .has-focus-task .focus-workspace { display: block; }
  .has-focus-task .focus-support, .has-focus-task .focus-done-count { display: none; }
}
@media (max-width: 1179px) {
  #taskDialog.is-focus-task { inset: 0; width: 100%; height: 100dvh; border: 0; border-radius: 0; }
  #taskDialog.is-focus-task .dialog-panel { max-width: 660px; margin: auto; }
  #taskDialog.is-focus-task .task-flow-header { padding: 14px 22px; }
  #taskDialog.is-focus-task .task-flow-content { padding: 26px 28px; }
  #taskDialog.is-focus-task .task-flow-footer { padding: 18px 28px max(22px, env(safe-area-inset-bottom)); }
  body:has(#taskDialog.is-focus-task[open]) { overflow: hidden; }
}
@media (max-width: 720px) {
  #taskDialog.is-focus-task .task-flow-header { padding: 12px 20px; }
  #taskDialog.is-focus-task .task-flow-content { padding: 22px 24px; }
  #taskDialog.is-focus-task .task-flow-footer { padding: 16px 24px max(22px, env(safe-area-inset-bottom)); }
  .focus-review-note textarea { font-size: 16px; }
}

.focus-proof-hint { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 0 0 4px; color: #526078; font-size: 11px; }
.focus-proof-hint [data-icon] { width: 15px; height: 15px; }
@media (max-width: 720px) {
  .has-common-shell .sidebar { display: none; }
  .has-common-shell .bottom-nav { inset: auto 0 0; margin: 0; width: 100%; border: 0; border-top: 1px solid #dde5f0; border-radius: 0; background: #f4f7fc; padding: 8px 14px max(8px, env(safe-area-inset-bottom)); box-shadow: none; }
  .has-common-shell .mobile-nav-item { height: 52px; min-height: 52px; border: 0; border-radius: 12px; background: transparent; box-shadow: none; color: #526078; font-size: 10px; }
  .has-common-shell .mobile-nav-item.is-active { background: #eaf1ff; color: #245ace; }
  .has-common-shell .mobile-create { background: #c23f38; color: #fff; }
}

/* Auf kleinen Geräten bleibt der persönliche Kontoweg ohne Seitenleiste erreichbar. */
@media (max-width: 720px) {
  .has-common-shell .topbar { padding-inline: 12px; gap: 8px; }
  .has-common-shell .focus-masthead-brand { flex: 1; gap: 8px; }
  .has-common-shell .focus-masthead-brand > a { flex: none; }
  .has-common-shell #focusDutyStatus { min-width: 0; }
  .has-common-shell .focus-duty-chip { white-space: normal; line-height: 1.2; padding: 8px 10px; gap: 6px; text-align: left; }
  .has-common-shell .focus-duty-chip strong { display: none; }
  .has-common-shell .topbar-actions { flex: none; gap: 4px; }
  .has-common-shell .topbar-actions > [data-settings-entry] { display: inline-flex; }
  .has-common-shell .mobile-nav-item { display: grid; place-items: center; gap: 4px; padding: 5px 0; }
  .has-common-shell .mobile-nav-item.mobile-create { width: 100%; height: auto; min-height: 52px; margin: 0; padding: 5px 0; align-self: stretch; justify-self: stretch; border: 0; border-radius: 12px; box-shadow: none; }
  .has-common-shell .mobile-nav-item.mobile-create small { display: block; }
  .has-common-shell .mobile-nav-item.mobile-create svg { width: 19px; height: 19px; }
}

/* Freigegebene Hinweise für Arbeitszeitkorrekturen. */
.correction-notice-list { padding: 8px; display: grid; gap: 8px; border: 1px solid #dde5f0; border-radius: 21px; background: #fff; margin-bottom: 24px; max-width: 900px; }
.correction-notice { display: flex; align-items: center; gap: 12px; min-height: 64px; width: 100%; padding: 12px 14px; background: #f4f7fc; border: 1px solid #dde5f0; border-radius: 13px; box-shadow: 0 1px 3px #121e340d; text-align: left; color: #172033; }
.correction-notice:hover { background: #eaf1ff; }
.correction-notice strong { flex: 1; min-width: 0; font-size: 15px; line-height: 1.4; overflow-wrap: anywhere; }
.correction-notice .nav-count { position: static !important; display: block !important; margin: 0; flex-shrink: 0; }
.correction-notice svg { width: 20px; height: 20px; }
.has-common-shell #teamTimeTrackingNav { position: relative; }
.has-common-shell .nav-count.correction-badge[hidden] { display: none !important; }
.area-menu-link .correction-badge { position: static; margin-left: auto; }
.time-correction-row { scroll-margin-top: 105px; }
.time-correction-row:focus { outline: 3px solid #2563eb; outline-offset: 3px; }
.correction-target-back { margin-bottom: 12px; }
.notification-panel-header { align-items: center; }
.notification-panel-header .icon-button { flex: none; }
.notification-panel.has-time-corrections .notification-list { display: grid; gap: 8px; padding: 8px; }
.notification-panel.has-time-corrections .notification-entry { border: 1px solid #dde5f0; border-radius: 13px; background: #f4f7fc; box-shadow: 0 1px 3px #121e340d; }
.notification-panel.has-time-corrections .notification-entry.is-unread { background: #edf3ff; }
.notification-panel.has-time-corrections .notification-entry.is-unread::before { left: 5px; }
.notification-panel.has-time-corrections .notification-entry strong,
.notification-panel.has-time-corrections .notification-entry p { overflow-wrap: anywhere; }
.notification-panel.has-time-corrections .notification-entry-copy p { display: block; white-space: normal; overflow: visible; text-overflow: clip; -webkit-line-clamp: unset; }
#notificationReadAll { flex: 0 1 auto; min-width: 0; font-size: 12px; white-space: normal; }
@media (min-width: 721px) and (max-width: 1179px) {
  .has-common-shell #teamTimeTrackingNav .correction-badge { display: block; position: absolute; right: -3px; top: 0; min-width: 20px; padding: 1px 5px; border: 2px solid #f4f7fc; }
}
@media (max-width: 720px) {
  .correction-notice-list { margin-bottom: 20px; }
  .correction-notice { gap: 10px; padding: 12px; }
  .correction-notice strong { font-size: 14px; }
  .notification-panel-header { gap: 8px; }
  #notificationReadAll { max-width: 170px; }
}

/* Gemeinsamer Rahmen nach ordina-einheitlicher-rahmen-v1.html. */
.has-common-shell .topbar { position: fixed; left: 0; z-index: 40; width: calc(100% - 24px); }
.has-common-shell .app-column { padding-top: 92px; }
.has-common-shell .main-content { padding-top: 16px; padding-bottom: 100px; }
.has-common-shell .sidebar { z-index: 35; display: flex; flex-direction: column; }
.has-common-shell .side-nav { overflow-y: auto; min-height: 0; flex: 1; }
.has-common-shell .nav-group-label { display: none; }
.has-common-shell .sidebar-bottom { flex: none; }
.has-common-shell .sidebar-create { flex: none; margin: 12px 0; }
.has-common-shell .sidebar-user-copy strong { white-space: normal; overflow-wrap: anywhere; }
.has-common-shell .topbar-actions > [data-action="scan-qr"],.has-common-shell .topbar-actions > [data-settings-entry] { display: inline-flex; }
.has-common-shell .topbar-actions { gap: 8px; }
.area-menu-trigger { display: none!important; }
.has-common-shell .main-content > section { max-width: 1100px; margin-left: 0; margin-right: 0; }
.has-common-shell .main-content .page-header,.has-common-shell .main-content .focus-page-head,.has-common-shell .main-content .simple-page-head { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; min-height: 64px; margin: 0 0 28px; display: flex; align-items: center; }
.has-common-shell .main-content h1 { font-size: 28px; font-weight: 650; letter-spacing: -.75px; line-height: 1.25; margin: 0; }
.has-common-shell .focus-page-head h1 { margin-top: 6px; }
.has-common-shell .time-stack,.has-common-shell .focus-workspace.no-support { max-width: 900px; }
.has-common-shell .page-header .eyebrow:empty { display: none; }
.has-common-shell .focus-task-list { gap: 8px; padding: 8px; border: 1px solid #dde5f0; border-radius: 21px; background: #fff; }
.has-common-shell .focus-task-row { border-radius: 13px; box-shadow: 0 1px 3px #121e340d; }
.has-common-shell .focus-task-row.is-urgent { box-shadow: 0 1px 3px #121e340d; }
.has-common-shell .nav-item { width: 100%; }
.has-common-shell .nav-item:focus-visible,.area-menu-trigger:focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; }
.has-common-shell h1:focus { outline: none; }
.area-menu-dialog { position: fixed; inset: 78px 12px auto auto; width: min(340px,calc(100% - 24px)); max-height: calc(100dvh - 170px); overflow: auto; margin: 0; padding: 8px; border: 1px solid #dde5f0; border-radius: 20px; background: #fff; box-shadow: 0 14px 40px #121e341f; }
.area-menu-dialog::backdrop { background: #17203344; }
.area-menu-dialog header { display: flex; align-items: center; justify-content: space-between; padding: 4px 8px; }
.area-menu-dialog .area-menu-link { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #dde5f0; border-radius: 13px; background: #f4f7fc; color: #172033; text-align: left; margin-top: 8px; }
.area-menu-dialog svg { width: 20px; height: 20px; }
.has-common-shell .topbar-actions .icon-button { min-width: 44px; min-height: 44px; }
@media (min-width: 721px) and (max-width: 1179px) {
  .has-common-shell .topbar { left: 0; }
  .has-common-shell .sidebar { padding: 12px 8px; }
  .has-common-shell .sidebar-create { font-size: 10px; }
  .has-common-shell .sidebar-user { justify-content: center; }
  .has-common-shell .sidebar-logout { display: none; }
  .has-common-shell .main-content > section { width: 100%; }
  .has-common-shell .nav-item { padding: 10px; justify-content: center; }
  .has-common-shell .nav-count,.has-common-shell .nav-dot { display: none; }
  .has-common-shell .sidebar .sidebar-create { margin: 12px 0; }
}
@media (max-width: 720px) {
  .has-common-shell .sidebar { display: none; }
  .has-common-shell .topbar { height: calc(66px + env(safe-area-inset-top)); min-height: calc(66px + env(safe-area-inset-top)); margin: 0; width: 100%; padding: calc(10px + env(safe-area-inset-top)) 16px 10px; border-radius: 0; gap: 6px; }
  .has-common-shell .app-column { padding-top: calc(66px + env(safe-area-inset-top)); }
  .has-common-shell .main-content { padding: 20px 20px 100px; }
  .has-common-shell .focus-masthead-brand { gap: 10px; }
  .has-common-shell .focus-duty-chip { padding: 8px 10px; gap: 6px; }
  .focus-duty-chip.off-duty>span:not([data-icon]) { display: none; }
  .has-common-shell .topbar-actions { gap: 4px; }
  .has-common-shell .topbar-actions > [data-action="scan-qr"],.has-common-shell .topbar-actions > [data-settings-entry] { display: none; }
  .area-menu-trigger { display: inline-flex!important; }
  .area-menu-dialog { top: calc(78px + env(safe-area-inset-top)); max-height: calc(100dvh - 170px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .has-common-shell .main-content h1 { font-size: 24px; }
  .has-common-shell .main-content .page-header,.has-common-shell .main-content .focus-page-head,.has-common-shell .main-content .simple-page-head { margin-bottom: 24px; min-height: 56px; flex-wrap: wrap; gap: 12px; }
  .has-common-shell .focus-task-list { margin: 0; }
  .has-common-shell .focus-task-row { padding: 13px; gap: 10px; }
  .focus-duty-chip:not(.off-duty)>span:not([data-icon]) { font-size: 11px; }
  .has-common-shell .sidebar-create { display: none; }
}
.has-common-shell .main-content .task-area-header,.has-common-shell .main-content .common-page-title { padding: 0; background: transparent; border: 0; box-shadow: none; min-height: 64px; margin: 0 0 28px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.has-common-shell .main-content .page-header { align-items: flex-start; }
.has-common-shell .main-content .simple-settings h1 { margin: 0; }
.has-common-shell .main-content .simple-settings { max-width: 900px; }
.has-common-shell .common-page-title h1 { margin: 0; }
.has-common-shell .topbar .focus-duty-chip strong { display: inline; }
.has-common-shell .sidebar-user-copy small { font-size: 10px; }
.has-common-shell .task-area-header h1 { padding-top: 0; }
.has-common-shell .chat-page { min-height: 0; }
@media (max-width: 720px) {
  .has-common-shell .main-content .task-area-header,.has-common-shell .main-content .common-page-title { min-height: 56px; margin-bottom: 24px; }
  .has-common-shell .topbar .focus-duty-chip { white-space: nowrap; }
}

/* Das Chatfenster nutzt die verbleibende Höhe zwischen Rahmen und Navigation. */
.has-common-shell .focus-masthead-brand > a { display: inline-flex; align-items: center; min-height: 44px; }
.has-common-shell .main-content:has(> .team-page) { display: flex; flex-direction: column; min-height: 0; }
.has-common-shell .main-content:has(> .team-page) > .common-page-title { flex: none; }
.has-common-shell .main-content > .team-page { min-height: 0; flex: 1; }
.has-common-shell .team-communication-shell { min-height: 0; }
@media (min-width: 721px) {
  .has-common-shell .main-content:has(> .team-page) { height: calc(100dvh - 92px); padding-bottom: 24px; }
  .has-common-shell .main-content > .team-page .team-communication-shell { height: 100%; min-height: 0; max-height: none; }
}
@media (max-width: 720px) {
  .has-common-shell .app-column:has(> .main-content > .team-page) { display: flex; flex-direction: column; }
  .has-common-shell .main-content:has(> .team-page) { flex: 1; padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
  .has-common-shell .main-content > .team-page { height: auto; }
  .has-common-shell .main-content > .team-page .team-communication-shell { height: 100%; min-height: 0; max-height: none; }
}

/* Der Gesprächstitel erhält auch neben Archiv und Verbindung genügend Platz. */
@media (min-width: 721px) and (max-width: 1179px) {
  .has-common-shell .team-thread-header { flex-wrap: wrap; }
  .has-common-shell .team-thread-title { flex: 1 1 140px; }
}

/* Sieben Wochentage behalten im schmaleren Rahmen ihre 44-Pixel-Ziele. */
@media (max-width: 720px) {
  .has-common-shell .calendar-shell { padding-inline: 8px; }
  .has-common-shell .calendar-mobile-day-picker { grid-template-columns: repeat(7, minmax(44px, 1fr)); overflow-x: auto; scrollbar-width: none; }
}

/* Automatisches Scrollen lässt fokussierte Inhalte außerhalb der festen Leisten. */
html:has(.has-common-shell:not([hidden])) { scroll-padding-top: 92px; scroll-padding-bottom: 24px; }
@media (max-width: 720px) {
  html:has(.has-common-shell:not([hidden])) { scroll-padding-top: calc(78px + env(safe-area-inset-top)); scroll-padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
}

/* Freigegebene Referenz: ordina-geraete-reihenfolge-v1.html */
.inventory-sort-row {
  display:flex;
  align-items:stretch;
  min-width:0;
  border:1px solid var(--line);
  border-radius:13px;
  background:#f8faff;
  box-shadow:0 2px 7px #24385c0e}
.inventory-sort-row:has(.is-selected) {
  border-color:#b5c9ef;
  background:#edf3ff}
.inventory-sort-row>.inventory-record-row {
  flex:1;
  min-width:0;
  margin:0;
  border:0;
  border-radius:0 13px 13px 0;
  box-shadow:none;
  background:transparent;
  grid-template-columns:minmax(0,1fr) 18px;
  padding:12px 10px 12px 4px;
  gap:6px}
.inventory-sort-row>.inventory-record-row>.status-icon {
  display:none}
.inventory-sort-row .drag-handle {
  flex:none;
  width:44px;
  min-height:44px;
  height:auto;
  align-self:stretch;
  border:0;
  border-radius:12px 0 0 12px;
  background:transparent;
  color:#65758c;
  touch-action:none;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none}
.drag-handle:hover {
  color:#245ace;
  background:#eaf1ff}
.drag-handle:active {
  cursor:grabbing}
.inventory-sort-row.is-dragging {
  border-color:#2f6bed;
  background:#eaf1ff;
  box-shadow:0 5px 18px #2f6bed30;
  position:relative;
  z-index:2}
.inventory-sort-row.is-dragging .drag-handle {
  cursor:grabbing;
  color:#245ace}
.inventory-sort-row:focus-within {
  position:relative;
  z-index:1}
.inventory-sort-row .drag-handle:focus-visible {
  outline:3px solid #2563eb;
  outline-offset:-4px}
.inventory-record-list[role="list"] {
  list-style:none}
.sort-hint {
  position:absolute;
  top:0;
  left:0;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%)}
.sort-feedback {
  margin:0 0 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border:1px solid #cce3dc;
  border-radius:13px;
  background:#f4fbf8;
  color:#225c4e;
  font-size:13px}
.sort-feedback.error {
  background:#fff4f1;
  border-color:#e5c8c0;
  color:#99372e}
.sort-feedback button {
  flex:none}
.move-dialog {
  max-width:calc(100% - 28px);
  width:380px;
  border:1px solid #dfe5ee;
  border-radius:20px;
  padding:0;
  box-shadow:0 20px 50px #17203330}
.move-dialog::backdrop {
  background:#17203345}
.move-dialog header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 18px;
  gap:12px}
.move-dialog h2 {
  font-size:18px;
  line-height:1.4;
  margin:0;
  overflow-wrap:anywhere}
.move-options {
  padding:0 16px 16px;
  display:grid;
  gap:8px}
.move-options button {
  width:100%;
  justify-content:flex-start;
  min-height:48px}
.inventory-pane-header p {
  display:none}
.inventory-detail-pane .inventory-admin-row {
  overflow-wrap:anywhere}
.inventory-sort-row .inventory-record-copy strong {
  font-weight:650}
.inventory-empty-detail {
  padding:24px;
  color:#526078}
.inventory-group-label {
  margin:12px 8px 4px;
  font-size:13px;
  color:#526078}

@media(min-width:701px) and (max-width:1000px) {
  .inventory-workspace {
  grid-template-columns:270px minmax(0,1fr)}
.inventory-sort-row>.inventory-record-row {
  grid-template-columns:minmax(0,1fr)}
.inventory-admin-row .ghost-button {
  width:44px;
  padding:0;
  justify-content:center}
.inventory-admin-row .ghost-button>span:last-child {
  display:none}
.inventory-admin-row {
  grid-template-columns:38px minmax(0,1fr) 44px}
}

@media(max-width:700px) {
  .inventory-sort-row>.inventory-record-row {
  min-height:70px}
.sort-feedback {
  align-items:flex-start;
  flex-wrap:wrap}
.sort-feedback button {
  margin-left:auto}
}

#inventoryDeviceList {
  position:relative}

.inventory-sort-row {
  position:relative;
  z-index:1}

.inventory-sort-row.is-dragging {
  z-index:3;
  box-shadow:0 12px 26px #24385c26,0 3px 8px #24385c14;
  will-change:transform}

#inventoryDeviceList.is-sorting::after {
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:var(--drop-top);
  height:var(--drop-height);
  border:1px dashed #a7bfe5;
  border-radius:13px;
  background:#eaf1ff80;
  pointer-events:none}

@media(prefers-reduced-motion:reduce) {
  .inventory-page * {
  scroll-behavior:auto!important;
  transition:none!important}
}

/* Arbeitszeitmodell: freigegebene responsive Referenz. */
.wm-page{max-width:1100px!important}.wm-back{display:inline-flex;gap:8px;align-items:center;min-height:44px;border:0;background:transparent;color:#526078;padding:0;font:inherit;font-size:14px;font-weight:650}.wm-back svg{width:18px;height:18px}.wm-page h1{font-size:30px;letter-spacing:-1px;margin:14px 0 16px;line-height:1.15}.wm-person{display:flex;gap:12px;align-items:center;margin-bottom:24px}.wm-person>div{display:grid;gap:3px;min-width:0}.wm-person strong{overflow-wrap:anywhere}.wm-person small{color:#526078;font-size:13px}.wm-person .avatar{flex:none;width:40px;height:40px}
.wm-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:start}.wm-card{background:white;border:1px solid #dde5f0;box-shadow:0 2px 3px #14213d06,0 12px 32px #14213d05;border-radius:20px;padding:24px;min-width:0}.wm-card h2{font-size:18px;margin:0 0 20px}.wm-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.wm-field{display:grid;gap:7px;font-size:13px;font-weight:650;color:#46536b;min-width:0}.wm-field input,.wm-field select{width:100%;min-width:0;min-height:46px;border:1px solid #ccd7e7;border-radius:11px;padding:10px 12px;background:white;color:#172033;font:inherit;font-size:16px;font-weight:450}.wm-field input:focus-visible,.wm-field select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.wm-days{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0 22px}.wm-days label{display:grid;place-items:center;position:relative;cursor:pointer;min-width:44px;min-height:44px}.wm-days input{position:absolute;opacity:0;width:1px;height:1px}.wm-days span{display:grid;place-items:center;width:44px;min-height:44px;border:1px solid #dce5f1;border-radius:11px;font-size:13px;font-weight:650;color:#526078;background:#f4f7fc}.wm-days input:checked+span{background:#eaf1ff;border-color:#7c9ce5;color:#1b4bba}.wm-days input:focus-visible+span{outline:2px solid #2563eb;outline-offset:2px}.wm-wide{grid-column:1/-1}.wm-divider{border:0;border-top:1px solid #e5ebf4;margin:22px 0}.wm-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;min-height:44px;padding:10px 0;color:#46536b}.wm-check input{flex:none;min-height:18px;width:18px;height:18px;box-shadow:none!important;margin:1px 0;accent-color:#2563eb}.wm-note{margin:12px 0 0;font-size:13px;line-height:1.5;color:#526078}.wm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.wm-actions button,.wm-button{font:inherit;min-height:46px;padding:11px 17px;border:1px solid #dce5f1;background:#fff;color:#34425a;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer}.wm-actions .wm-primary,.wm-primary{background:#c23f38;color:white;border-color:#c23f38}.wm-primary:disabled{background:#f1e6e5;color:#826966;border-color:#e8d9d6;cursor:not-allowed}.wm-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.wm-summary>div{background:#eff3fa;border:1px solid #e0e8f4;border-radius:12px;padding:13px 8px;text-align:center}.wm-summary strong{display:block;font-size:20px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.wm-summary span{font-size:11px;color:#526078;display:block;margin-top:4px}.wm-week{list-style:none;padding:8px;margin:0;background:#f7f9fd;border:1px solid #e6ebf4;border-radius:18px;display:grid;gap:8px}.wm-week li{background:#edf2f9;border:1px solid #dce5f2;border-radius:13px;box-shadow:0 1px 3px #14213d06;padding:12px;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;min-height:68px}.wm-week li>strong{color:#526078;font-size:13px}.wm-week li>div{display:grid;gap:4px;min-width:0}.wm-week b{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.wm-week small{font-size:12px;color:#526078;line-height:1.4}.wm-work{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.wm-free{margin:14px 8px 0;color:#526078;font-size:13px}.wm-alert{margin-top:16px;padding:14px;border:1px solid #e8c79e;background:#fff7e9;border-radius:12px;color:#74461b;font-size:13px;line-height:1.5}.wm-alert strong{display:block;margin-bottom:5px}.wm-alert button{margin-top:10px}.wm-alert.error{background:#fff1ef;border-color:#e9bdb9;color:#942f28}.wm-status{min-height:22px;font-size:13px;color:#285d47;margin:12px 0 0}.wm-status.error{color:#942f28}.wm-model{font-size:13px;color:#526078;margin:0 0 16px}.wm-empty{padding:36px 10px;text-align:center;color:#526078;line-height:1.6}.wm-empty h2{color:#172033}.wm-time-list{margin:16px 0 0;padding:0;list-style:none}.wm-time-list li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #e4eaf3;font-size:14px}.wm-time-list time{font-variant-numeric:tabular-nums}.wm-audit{font-size:13px;color:#526078;margin-top:20px;line-height:1.6}.wm-form [readonly],.wm-form [disabled]{opacity:1}.wm-loading{padding:35px;text-align:center;color:#526078}.wm-page button:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
@media(max-width:1100px) and (min-width:701px){.wm-card{padding:18px}.wm-layout{gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.wm-fields{gap:16px 10px}.wm-summary strong{font-size:18px}.wm-week li{gap:6px;padding:10px;grid-template-columns:25px 1fr auto}.wm-week b{font-size:12px}.wm-work{font-size:12px}.wm-days{gap:5px;display:grid;grid-template-columns:repeat(5,1fr)}.wm-days span{width:100%}}
@media(max-width:700px){.wm-layout{grid-template-columns:1fr;gap:16px}.wm-card{padding:20px}.wm-page h1{font-size:28px;margin-top:10px}.wm-person{margin-bottom:20px}.wm-fields{gap:16px 12px}.wm-days{gap:5px;display:grid;grid-template-columns:repeat(5,1fr)}.wm-days span{width:100%}.wm-page .wm-actions{position:static}.wm-actions button{flex:1}.wm-summary strong{font-size:20px}.wm-card h2{font-size:18px}.wm-week b{font-size:14px}.wm-card.wm-result{scroll-margin-top:80px}.wm-person small{font-size:12px}}

.wm-period,.wm-history{margin-top:20px}.wm-period-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.wm-history .wm-week small{display:block;margin-top:5px}.wm-history .wm-week strong{overflow-wrap:anywhere}.wm-table-scroll{overflow:auto;max-width:100%}.wm-table-scroll table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.wm-table-scroll th,.wm-table-scroll td{padding:12px;text-align:left;border-bottom:1px solid #dde5f0;white-space:nowrap}.wm-period summary{min-height:44px;padding:14px 0;cursor:pointer}.wm-period summary:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.wm-field input:disabled,.wm-field select:disabled{background:#f4f7fc;color:#46536b}.time-person-row[data-action]{width:100%;text-align:left;font:inherit;cursor:pointer}.wm-card [hidden]{display:none!important}

.wm-day-status{display:block;color:#526078;font-size:11px;white-space:normal;min-width:100px}
.wm-manual-hours{min-width:0;margin:0;padding:0;border:0}.wm-manual-hours legend{padding:0;margin-bottom:12px;font-size:13px;font-weight:650;color:#46536b}

.wm-manual-day{min-width:0;margin:0;padding:0;border:0}.wm-manual-day legend{padding:0;margin:0 0 12px;font-size:13px;font-weight:650;color:#46536b}

/* Freigegebene Aufgabendetails: Angaben direkt, kompakte Fotos und Großansicht. */

#taskDialog.is-focus-task .task-detail-description{margin:14px 0 18px;padding:12px 14px;border:1px solid #efd8d3;border-left:3px solid #c26155;border-radius:10px;background:#fff4f2;color:#293246;font-weight:600;line-height:1.55}
#taskDialog .task-detail-status{margin:0 0 18px}
#taskDialog .task-facts{gap:2px}
#taskDialog .fact-row-link{min-height:44px}
#taskDialog .task-visible-details{min-width:0}
#taskDialog .task-photo-section{margin:18px 0 22px}
#taskDialog .task-photo-section .section-heading{margin-bottom:10px}
#taskDialog .task-photo-section h3{font-size:13px;margin:0;font-weight:650}
#taskDialog .task-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#taskDialog .task-photo-grid figure:only-child{grid-column:1/-1}
#taskDialog .task-photo-grid figure{min-width:0;margin:0}
#taskDialog .task-photo-open{position:relative;display:block;width:100%;height:132px;padding:0;overflow:hidden;border:1px solid #dde5f0;border-radius:13px;background:#f3f6fb;cursor:zoom-in;box-shadow:0 2px 6px #22334c08}
#taskDialog .task-photo-open img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.photo-expand{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;color:#526078;box-shadow:0 1px 5px #17203314}
.photo-expand svg{width:16px;height:16px}
#taskDialog .task-photo-grid figcaption{padding:6px 1px 0;color:#526078;font-size:12px}
#taskDialog .task-activity{padding-top:18px;border-top:1px solid #dde5f0;margin-top:18px}
#taskDialog .task-activity h3{font-size:13px;margin:0 0 12px;font-weight:650}
#taskDialog .activity-list{padding:0;background:none;border:0;box-shadow:none}
#taskDialog .activity-row{padding:0;border:0;background:none;box-shadow:none}
#taskDialog .activity-copy{font-size:12px;line-height:1.5}
#taskDialog .activity-copy strong{font-weight:500}
#taskDialog .activity-copy small{color:#526078}
#taskDialog .photo-error{display:grid;gap:10px;min-height:132px;place-content:center;border:1px solid #dde5f0;border-radius:13px;background:#f3f6fb;font-size:13px;text-align:center}
#taskDialog .photo-error button{min-height:44px}
.task-photo-viewer{inset:0;margin:auto;width:calc(100% - 32px);max-width:1000px;height:calc(100dvh - 32px);max-height:none;padding:0;border:1px solid #dde5f0;border-radius:18px;background:#fff;overflow:hidden;color:#172033}
.task-photo-viewer::backdrop{background:#172033c7}
.task-photo-viewer[open]{display:flex;flex-direction:column}
.task-photo-viewer header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #dde5f0;flex:none}
.task-photo-viewer h2{font-size:15px;margin:0}
.task-photo-viewer .icon-button{width:44px;height:44px}
.task-photo-viewer .viewer-image{flex:1;min-height:0;padding:16px;background:#f3f6fb;display:grid;place-items:center;overflow:hidden}
.task-photo-viewer img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
#taskDialog .task-photo-open:focus-visible,#taskPhotoDialog button:focus-visible{outline:2px solid #3970bd;outline-offset:3px}
@media(max-width:720px){#taskDialog .task-photo-open{height:120px}.task-photo-viewer{width:100%;height:100dvh;max-width:none;border:0;border-radius:0}}

.task-photo-viewer .photo-error { text-align: center; color: #526078; }
.task-photo-viewer .photo-error button { min-height: 44px; }

/* Technikertermin: freigegebene responsive Referenz vom 23. September 2026. */

#externalVisitDialog{width:min(540px,calc(100% - 28px));max-height:calc(100dvh - 28px);border-radius:18px}
#externalVisitDialog .dialog-panel{max-height:calc(100dvh - 28px)}
#externalVisitDialog .dialog-header{padding:20px 22px 16px;align-items:flex-start}
#externalVisitDialog h2{font-size:1.22rem;line-height:1.3;margin:0;max-width:340px}
#externalVisitDialog .dialog-content{padding:4px 22px 22px;display:grid;gap:20px;overflow:auto}
#externalVisitDialog .dialog-footer{padding:16px 22px;gap:10px;border-top:1px solid var(--line)}
#externalVisitDialog .field{gap:7px;min-width:0;margin:0}#externalVisitDialog .field>span{font-size:.85rem;font-weight:650}
#externalVisitDialog input:not([type=checkbox]),#externalVisitDialog select{width:100%;min-width:0;height:48px;font-size:16px;padding:10px 12px;border:1px solid #cbd3de;border-radius:10px;background:white;color:#172033}
#externalVisitDialog input:focus-visible,#externalVisitDialog select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
#externalVisitDialog .visit-fields{display:grid;gap:16px}.visit-datetime{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px}
.visit-contact-fields{display:grid;gap:16px}#externalVisitDialog .visit-note{margin:0;color:#526078;font-size:.82rem;line-height:1.5;overflow-wrap:anywhere}
.visit-remember{display:flex;align-items:center;gap:10px;min-height:44px;font-size:.88rem}.visit-remember input{width:20px;height:20px;accent-color:#c23f38}
#externalVisitDialog .visit-feedback{margin:0;padding:12px;background:#fff0ef;color:#a92e2a;border-radius:10px;font-size:.86rem;line-height:1.45}
.visit-load{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#526078;font-size:.85rem}
#externalVisitDialog [hidden]{display:none!important}#externalVisitDialog .visit-remove{margin-right:auto;color:#ae332e}
#externalVisitDialog .visit-remove-confirm{display:grid;gap:10px;border:1px solid #e3d0cf;padding:12px;border-radius:10px}#externalVisitDialog .visit-remove-confirm p{margin:0;font-size:.9rem}
.visit-more{position:relative}.visit-more>button{width:100%;justify-content:center}.visit-menu{display:grid;padding:8px;gap:8px;border:1px solid var(--line);border-radius:13px;background:#f5f7fb;margin:8px 0}
.visit-menu button{text-align:left;min-height:48px;background:#fcfdff;border:1px solid #e0e6ed;border-radius:13px;padding:12px;font-size:.86rem}
.visit-summary{margin:0 0 16px;padding:14px;border:1px solid #dbd1ec;background:#f5f0fb;border-radius:13px;display:grid;gap:6px;color:#4b386f}.visit-summary strong{font-size:.95rem}.visit-summary span{overflow-wrap:anywhere;font-size:.9rem}
.focus-service-actions{grid-template-columns:minmax(0,1fr)!important}
@media(max-width:600px){#externalVisitDialog{width:100%;max-height:100dvh;border-radius:18px 18px 0 0}#externalVisitDialog .dialog-panel{max-height:100dvh}#externalVisitDialog .dialog-header{padding:18px 16px 14px}#externalVisitDialog .dialog-content{padding:2px 16px 18px;gap:18px}#externalVisitDialog .dialog-footer{padding:14px 16px;display:flex;flex-wrap:wrap}#externalVisitDialog .dialog-footer .visit-remove{width:100%;order:2}#externalVisitDialog .dialog-footer .secondary-button,#externalVisitDialog .dialog-footer .primary-button{flex:1;min-width:0}}

/* Freigegebener Krankenstandsablauf, 29. September 2026. */

.sick-dialog [hidden]{display:none!important}
#managementDialog.sick-dialog{width:calc(100% - 40px);max-width:540px;margin:auto;padding:0;border:1px solid #dce4ee;border-radius:22px;background:white;box-shadow:0 22px 75px #15223b30;max-height:calc(100dvh - 40px);color:#172033}
#managementDialog.sick-dialog::backdrop{background:rgb(23 32 51 / 43%);backdrop-filter:blur(3px)}
.sick-dialog .sick-panel{display:flex;flex-direction:column;max-height:calc(100dvh - 42px);margin:0}
.sick-panel .dialog-header{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #e4e9f1;flex-shrink:0}
.sick-panel .dialog-header h2{margin:0;font-size:19px;line-height:1.3;letter-spacing:-.025em;font-weight:730;outline:none}
.sick-panel .dialog-header .icon-button{width:44px;height:44px;flex-shrink:0;margin-right:-8px}
.sick-panel .dialog-content{padding:24px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:22px;min-height:0}
.sick-panel .dialog-footer{display:flex;gap:10px;justify-content:flex-end;flex-shrink:0;padding:16px 24px;border-top:1px solid #e4e9f1;background:#fff}
.sick-dialog button,.sick-actions button,.absence-card .sick-record-actions .secondary-button{min-height:44px;font-size:14px}
.sick-dialog .primary-button{font-weight:720;padding:11px 18px;background:#b33630;border:1px solid #c0443d;box-shadow:0 3px 9px #ad302024}
.sick-dialog .secondary-button{padding:10px 16px;font-weight:550;background:#fff;box-shadow:0 1px 3px #17203306}
.sick-panel .dialog-footer .primary-button:only-child{width:100%}
.sick-icon{display:inline-flex;flex:none;width:22px;height:22px;align-items:center;justify-content:center}
.sick-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sick-success{display:grid;justify-items:center;text-align:center;gap:12px;padding:2px 0 3px}
.sick-success .sick-icon{width:46px;height:46px;background:#eaf5ef;color:#247447;border-radius:50%;padding:12px}
.sick-success h3{font-size:23px;line-height:1.3;font-weight:730;margin:0;letter-spacing:-.035em;max-width:340px}
.sick-facts{display:grid;gap:0;margin:0;border:1px solid #dfe6ee;background:#f7f9fc;border-radius:13px;padding:4px 16px}
.sick-fact{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:12px;padding:12px 0;border-bottom:1px solid #e3e9f2;font-size:14px;line-height:1.5}
.sick-fact:last-child{border:0}.sick-fact dt{color:#526078}.sick-fact dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}
.sick-subheading{font-size:14px;font-weight:650;margin:0 0 10px;line-height:1.5}
.sick-file{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dde5f0;border-radius:13px;background:#f7f9fc;min-width:0}
.sick-file>.sick-icon{color:#526078;width:34px;height:38px;background:white;padding:7px;border:1px solid #e1e7ef;border-radius:8px}
.sick-file-copy{min-width:0;display:grid;gap:3px;font-size:14px;line-height:1.45;flex:1;overflow-wrap:anywhere}
.sick-file-copy strong{font-weight:600}.sick-muted{font-size:13px;color:#526078;font-weight:400;line-height:1.5}
.sick-file-status{display:flex;align-items:center;gap:5px;color:#26704a;font-size:13px}.sick-file-status .sick-icon{width:14px;height:14px}
.sick-text-button{border:0;background:none;color:#34455d;text-decoration:underline;text-underline-offset:3px;padding:10px 0;min-height:44px;font-size:13px;cursor:pointer}
.sick-dialog .sick-wide{width:100%;margin-top:10px}
.sick-empty-file{display:flex;align-items:center;gap:10px;padding:14px;background:#f7f9fc;border:1px solid #dfe6ee;border-radius:13px;font-size:14px;color:#526078}
.sick-note{margin:0;display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.5;color:#526078}.sick-note .sick-icon{width:15px;height:18px;flex-shrink:0}
.sick-fields{display:grid;gap:18px}.sick-field{display:grid;gap:7px;min-width:0}.sick-field>span, .sick-fields legend{font-size:13px;font-weight:650;color:#27334a}
.sick-field input,.sick-field select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:48px;border:1px solid #d6dfec;border-radius:11px;background:#f7f9fc;color:#172033;padding:11px 12px;font:inherit;font-size:16px;line-height:1.4;appearance:auto}
.sick-field input::-webkit-date-and-time-value{text-align:left}.sick-fields fieldset{padding:0;margin:0;border:0;min-width:0}.sick-fields legend{margin-bottom:8px}
.sick-segments{display:grid;grid-template-columns:1fr 1fr;background:#edf2f8;border:1px solid #e0e6ef;border-radius:11px;padding:4px;gap:4px}
.sick-segments label{position:relative;min-width:0}.sick-segments input{position:absolute;opacity:0;width:1px;height:1px}.sick-segments span{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:7px 8px;border-radius:8px;font-size:13px;font-weight:550;cursor:pointer;line-height:1.3}
.sick-segments input:checked+span{background:#fff;box-shadow:0 1px 4px #17203312;color:#172033}.sick-segments input:checked+span:before{content:'✓';font-weight:650}.sick-segments input:focus-visible+span{outline:3px solid #2563eb;outline-offset:1px}
.sick-field-error{font-size:13px;line-height:1.5;color:#ae302c;margin:0}.sick-field [aria-invalid=true]{border-color:#be3d36;background:#fff9f8}
.sick-upload-label{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;border:1px solid #d5dfec;min-height:46px;border-radius:11px;font-size:14px;font-weight:550;background:#f7f9fc;cursor:pointer}
.sick-upload-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.sick-upload-label:focus-within{outline:3px solid #2563eb;outline-offset:2px}
.sick-upload-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.sick-upload-title h3{margin:0;font-size:14px;font-weight:650}.sick-upload-title span{font-size:12px;color:#526078}
.sick-upload{display:grid;gap:9px}.sick-separator{border-top:1px solid #e4e9f1;padding-top:18px}
.sick-message{padding:14px 16px;border:1px solid #e1cdab;background:#fff9ee;border-radius:13px;display:grid;gap:8px;font-size:14px;line-height:1.5}.sick-message strong{font-weight:650}.sick-message p{margin:0}.sick-message .secondary-button{width:100%;margin-top:3px}
.sick-error{color:#9c302c;background:#fff3f2;border-color:#ecc9c7}.sick-message:focus{outline:none}
.sick-details{border-top:1px solid #e4e9f1;font-size:13px;color:#526078;padding-top:5px}.sick-details summary{min-height:44px;padding:12px 0;cursor:pointer;color:#34455d;font-weight:550}.sick-details p{margin:8px 0;line-height:1.6}.sick-history{padding:0;list-style:none;display:grid;gap:12px;margin:14px 0 0}.sick-history li{display:grid;gap:3px}
.sick-actions{display:grid;gap:8px;padding:8px;background:#edf2f8;border:1px solid #e0e6ef;border-radius:19px}.sick-action{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #dce4ee;background:#f9fbff;border-radius:13px;padding:13px 14px;text-align:left;box-shadow:0 1px 3px #1720330d;color:#27334a;cursor:pointer}.sick-action strong{font-size:14px;font-weight:600;flex:1}.sick-action .sick-icon{color:#526078}.sick-action>.sick-icon:last-child{width:17px}
.sick-record{border:1px solid #dce4ee;border-radius:13px;background:#f7f9fc;overflow:hidden;box-shadow:0 1px 3px #1720330d}.sick-record-main{width:100%;padding:16px;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:none;color:#172033;cursor:pointer}.sick-record-main .sick-icon{width:22px;height:22px;color:#526078;flex:none}.sick-record-main>span:nth-child(2){flex:1;min-width:0;display:grid;gap:4px}.sick-record-main strong{font-size:15px;font-weight:650}.sick-record-main small{font-size:13px;line-height:1.5;color:#526078}.sick-record-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px}.sick-record-actions button{flex:1;white-space:normal;line-height:1.4}.sick-record-list{list-style:none;margin:0;padding:8px;display:grid;gap:8px;background:#edf2f8;border:1px solid #e0e6ef;border-radius:20px}.sick-absence{scroll-margin-top:90px}.sick-absence .absence-actions{margin-top:14px}.sick-dialog :focus-visible{outline:3px solid #2563eb;outline-offset:2px}.sick-dialog h2:focus,.sick-dialog h3:focus{outline:none}.sick-dialog button:disabled{opacity:.6;cursor:wait}.sick-dialog [aria-busy=true]{cursor:wait}
@media(max-width:600px){#managementDialog.sick-dialog{width:100%;max-width:100%;max-height:calc(100dvh - 24px);margin:auto 0 0;border-radius:22px 22px 0 0}.sick-dialog .sick-panel{max-height:calc(100dvh - 26px)}.sick-panel .dialog-header{padding:12px 16px}.sick-panel .dialog-header h2{font-size:18px}.sick-panel .dialog-content{padding:20px 16px;gap:20px}.sick-panel .dialog-footer{padding:14px 16px max(16px,env(safe-area-inset-bottom));gap:10px}.sick-panel .dialog-footer button{flex:1}.sick-panel .dialog-footer .primary-button{flex:1.55}.sick-success h3{font-size:22px}.sick-fact{grid-template-columns:100px minmax(0,1fr)}.sick-record-actions{display:grid;grid-template-columns:1fr}.sick-record-main{padding:14px}}


.sick-dialog .sick-panel { width:100%; min-height:0; }
.sick-dialog .sick-panel .dialog-content { margin:0; }
.sick-dialog .sick-panel .dialog-footer { margin-top:0; flex-wrap:nowrap; }
.sick-dialog .sick-panel .dialog-header { flex-direction:row; align-items:center; }
.sick-dialog .sick-panel .dialog-header > div { min-width:0; }
.sick-dialog [data-sick-wide] { width:100%; margin-top:10px; }
.sick-dialog .sick-certificates { display:grid; gap:8px; list-style:none; margin:0; padding:0; }
.sick-dialog .sick-certificates li { min-width:0; }
.sick-dialog .sick-certificates li > button { margin-top:4px; }
.sick-dialog .sick-download { display:block; color:inherit; text-decoration:none; }
.sick-dialog .sick-download:hover .sick-file { border-color:#9aa9bf; }
.sick-dialog .sick-muted { margin:0; }
.sick-dialog .sick-details .absence-history { margin:16px 0; }
.sick-dialog .sick-field > .sick-field-error { color:#ae302c; font-weight:400; }
.absence-card .sick-record-list .sick-record-main { box-shadow:none; background:transparent; border:0; border-radius:0; }
.absence-card .sick-record-list .sick-record { padding:0; }

.absence-card .sick-record-main .status-icon { width:22px; height:22px; flex:0 0 22px; background:none; color:#526078; }

.sick-dialog .sick-certificates:has(> li + li) { padding:8px; background:#edf2f8; border:1px solid #e0e6ef; border-radius:20px; }

/* Automatische Pause und Teamzeiten: freigegebene Referenz vom 29.09.2026. */
/* Eigene Ergänzungen der eingefrorenen Ordina-Appfläche. */
.auto-pause .time-hero-copy { flex-basis:150px; }
.auto-pause .pause-period { display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin:18px 0 8px; }
.auto-pause .pause-period strong { font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.8px; }
.auto-pause .pause-period span { color:#526078;font-size:14px; }
.auto-pause .pause-note { margin:8px 0 16px;color:#3d4a5c;font-size:14px;line-height:1.5; }
.auto-pause .pause-progress { width:100%;height:6px;border-radius:10px;background:#e4eaf4;overflow:hidden; }
.auto-pause .pause-progress span { display:block;height:100%;background:#3d66bd;border-radius:10px; }
.auto-pause .pause-actions { display:flex;flex-wrap:wrap;gap:8px;margin-top:18px; }
.auto-pause .pause-actions button { min-height:44px; }
.auto-pause .pause-auto-label { display:inline-flex;align-items:center;gap:6px;color:#345a9d;font-size:13px;font-weight:650; }
.auto-pause .pause-auto-label svg { width:16px;height:16px; }
.auto-pause .pause-summary { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0; }
.auto-pause .pause-summary div { display:grid;gap:4px;padding:12px 14px;background:#f4f7fc;border:1px solid #e0e6f0;border-radius:13px; }
.auto-pause .pause-summary dt { color:#526078;font-size:13px; }
.auto-pause .pause-summary dd { margin:0;font-size:24px;font-weight:650;font-variant-numeric:tabular-nums; }
.auto-pause .pause-summary small { font-size:14px;font-weight:500; }
.auto-pause .time-booking { align-items:flex-start; }
.auto-pause .time-booking strong { min-width:100px; }
.auto-pause .time-booking time { width:45px; }
.auto-pause .pause-booking-copy { flex:1;min-width:0;display:grid;gap:3px; }
.auto-pause .pause-booking-copy small { font-size:12px;color:#526078; }
.auto-pause .pause-person-title { display:flex;gap:12px;align-items:center;margin-bottom:18px; }
.auto-pause .pause-person-title strong { overflow-wrap:anywhere; }
.auto-pause .pause-detail-back { margin-bottom:16px; }
.auto-pause .time-person-row { align-items:flex-start; }
.auto-pause .time-person-row .rt { overflow-wrap:anywhere; }
.auto-pause .pause-empty { padding:24px 8px;text-align:center;color:#526078; }
.auto-pause .pause-error { padding:12px;border:1px solid #e1b3ac;background:#fff3f0;border-radius:13px;margin:0 0 12px; }
.auto-pause .pause-current-note { display:flex;gap:8px;align-items:center;margin:12px 0 0;color:#526078;font-size:14px; }
.auto-pause .pause-current-note svg { flex:0 0 18px;width:18px;height:18px; }
.auto-pause .time-hero-copy h2 { overflow-wrap:anywhere; }
.pause-management-dialog { max-height:calc(100dvh - 24px);padding:0; }
.pause-management-dialog .dialog-panel { max-height:calc(100dvh - 24px); }
.pause-management-dialog textarea { min-height:96px; }
.pause-management-dialog .dialog-content { display:grid;gap:16px; }
.pause-management-dialog p { margin:0; }
.pause-management-dialog .pause-event-facts { display:grid;gap:8px;background:#f4f7fc;border:1px solid #dde5f0;padding:14px;border-radius:13px; }
.pause-management-dialog button,.pause-management-dialog input,.pause-management-dialog select { min-height:44px; }
.pause-management-dialog .dialog-footer { flex-wrap:wrap; }
.auto-pause :is(button,a):focus-visible { outline:3px solid #2563eb;outline-offset:3px; }
@media(max-width:540px){.auto-pause .pause-actions{display:grid;grid-template-columns:1fr;width:100%}.auto-pause .time-hero{gap:12px}.auto-pause .time-hero-icon{width:48px;height:48px}.auto-pause .pause-period strong{font-size:28px}.auto-pause .pause-summary{gap:8px}.auto-pause .time-person-side{margin-left:auto}.pause-management-dialog .dialog-footer button{flex:1 1 auto}}
/* Konkrete Meldungen und Freigabe im bestehenden Zeitbereich. */
.auto-pause .pause-person-message{display:flex;align-items:flex-start;gap:6px;margin-top:7px;color:var(--text);font-size:13px;font-weight:600;line-height:1.45;text-align:left}
.auto-pause .pause-person-message svg{width:17px;height:17px;flex:none;margin-top:1px}
.auto-pause .time-person-side{display:grid;justify-items:end;gap:10px}
.auto-pause .time-person-side>span[data-icon] svg{width:18px;height:18px;color:#526078}
.auto-pause .pause-review-request,.auto-pause .pause-alert-list>li{border:1px solid #dbe3ef;border-radius:13px;background:#f8faff;box-shadow:var(--record-row-shadow);padding:14px;min-width:0;overflow-wrap:anywhere}
.auto-pause .pause-review-request>header{display:grid;gap:4px}
.auto-pause .pause-review-date{color:#526078;font-size:13px;line-height:1.45}
.auto-pause .pause-review-values{display:grid;gap:12px;margin:18px 0}
.auto-pause .pause-review-values>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px}
.auto-pause .pause-review-values dt{font-size:13px;color:#526078}
.auto-pause .pause-review-values dd{margin:0;font-size:14px;font-weight:600}
.auto-pause .pause-review-reason{border-left:3px solid #ccd7e8;padding-left:12px;font-size:14px;color:#3d4a5c;line-height:1.5;white-space:pre-wrap}
.auto-pause .pause-review-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.auto-pause .pause-alert-list{list-style:none;display:grid;gap:8px;padding:8px;margin:14px 0 0}
.auto-pause .pause-alert-list h3{display:flex;gap:8px;align-items:center;font-size:16px;color:var(--text);margin:0 0 10px}
.auto-pause .pause-alert-list h3 svg{width:18px;height:18px}
.auto-pause .pause-alert-list p{font-size:14px;line-height:1.5;margin:6px 0 0;color:#3d4a5c}
.auto-pause .pause-history{margin-top:14px;color:#526078;font-size:13px}
.auto-pause .pause-history summary{padding:12px 0;min-height:44px;cursor:pointer}
.auto-pause .pause-today-team{margin-top:18px;min-height:44px}
.auto-pause #correctionRequests{scroll-margin-block:110px}
.auto-pause #correctionRequests:focus{outline:none}
.auto-pause #correctionRequests:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
@media(max-width:540px){.auto-pause .time-person-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px 12px}.auto-pause .time-person-row .avatar{width:40px;height:40px}.auto-pause .time-person-row .rt{grid-column:2;min-width:0}.auto-pause .time-person-side{grid-column:2;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0}.auto-pause .pause-review-actions>button{flex:1 1 auto}}
.auto-pause .time-people{display:grid;gap:8px;padding:8px;margin:0;list-style:none}
.auto-pause .time-people>li{margin:0;padding:0;min-width:0}
.auto-pause .time-person-row{width:100%;min-height:44px;border:1px solid var(--line);border-radius:13px;background:#f8faff;box-shadow:var(--record-row-shadow);text-align:left;font:inherit;padding:12px}
.auto-pause button.time-person-row{cursor:pointer}
.auto-pause button.time-person-row:hover{background:#edf3ff}

/* Teamzeiten folgen den hellen Ordina-Flächen und blauen Handlungshinweisen. */
.auto-pause .time-people,.auto-pause .time-correction-list,.auto-pause .pause-alert-list{background:#edf2fa}
.auto-pause .pause-person-message>[data-icon],.auto-pause .pause-alert-list h3>[data-icon]{color:var(--brand-red)}
.auto-pause .pause-person-message.is-pending{color:#245ace}
.auto-pause .pause-person-message.is-pending>[data-icon]{color:inherit}
.auto-pause .pause-review-request{border-color:var(--line)}
.auto-pause .pause-review-reason{border-color:#c8d8f2}
.auto-pause .nav-unread-count,.has-common-shell #teamTimeCorrectionCount,.area-menu-dialog .correction-badge{background:var(--blue);color:#fff}
.auto-pause .time-card-head>.task-pill-count{background:var(--blue-soft);color:#245ace}
.auto-pause .time-correction-list { display:grid;gap:8px;padding:8px;list-style:none; }
.auto-pause .time-correction-list>li { min-width:0; }
.pause-management-dialog .dialog-content { display:grid;gap:16px; }
.pause-management-dialog .pause-event-facts { display:grid;gap:8px;padding:14px;background:#f4f7fc;border:1px solid #dde5f0;border-radius:13px; }
.pause-management-dialog .pause-review-values { display:grid;gap:12px;margin:0; }
.pause-management-dialog .pause-review-values>div { display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px; }
.pause-management-dialog .pause-review-values dd { margin:0;overflow-wrap:anywhere; }
.pause-management-dialog .pause-review-reason { white-space:pre-wrap;overflow-wrap:anywhere; }

/* Teamzeiten: freigegebene kompakte Tagesleiste und Leitungsbearbeitung. */
.team-editor{max-width:980px}.team-editor .time-stack{gap:16px}.team-editor h2,.team-editor h3{overflow-wrap:anywhere}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-person{display:flex;gap:14px;align-items:center;margin:20px 0}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-person h2{font-size:20px;margin:0}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-person .avatar{flex:none}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-datebar{display:flex;align-items:end;gap:10px;max-width:330px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-datebar .field{flex:1;min-width:0;margin:0}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-datebar input{width:100%;min-width:0;min-height:44px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-datebar .icon-button{flex:none}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-alert-action{margin-top:12px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-bottom-actions{margin-top:16px;display:flex;gap:8px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-blocks{list-style:none}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-blocks>li.te-block{display:block;background:#f7faff;border:1px solid #dce5f3;border-radius:13px;padding:16px;box-shadow:0 1px 3px #182a4710}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-block-head{display:flex;align-items:start;gap:12px;justify-content:space-between}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-block-head>div{display:grid;gap:4px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-block-head>div>span{color:#526078}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-hours{white-space:nowrap;font-variant-numeric:tabular-nums}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-muted{font-size:14px;color:#526078;margin:12px 0}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-pauses{list-style:none;margin:14px 0;padding:0;display:grid;gap:10px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-pauses li{display:flex;align-items:start;gap:10px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-pauses li>span:last-child{display:grid;gap:3px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-pauses small{color:#526078}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-block button{margin-top:4px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-empty{color:#526078;margin:12px 0}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-search{margin:0 0 16px}.team-editor .time-person-row .rt{display:grid;gap:3px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-history summary{min-height:44px;display:flex;align-items:center;gap:12px;font-weight:700;cursor:pointer}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-history ul{margin-top:14px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-history li{display:grid;gap:6px;padding:14px;background:#f7faff;border:1px solid #dce5f3;border-radius:13px;overflow-wrap:anywhere}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-history li>span{color:#526078;font-size:13px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-history p{margin:4px 0}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-history dl{margin:4px 0;display:grid;grid-template-columns:64px 1fr;gap:8px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-history dd{margin:0}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-history dt{color:#526078}
#managementDialog.team-time-edit-dialog{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border-radius:22px;overflow:hidden}#managementDialog.team-time-edit-dialog .dialog-panel{width:100%;max-height:calc(100dvh - 24px);display:flex;flex-direction:column}#managementDialog.team-time-edit-dialog .dialog-header{display:flex;flex-direction:row;align-items:center;padding:20px 24px;gap:8px;flex-shrink:0}#managementDialog.team-time-edit-dialog h2{font-size:22px;margin:0;flex:1}#managementDialog.team-time-edit-dialog h2:focus{outline:none}#managementDialog.team-time-edit-dialog .dialog-content{display:grid;gap:20px;overflow-y:auto;min-height:0;padding:20px 24px;margin:0}#managementDialog.team-time-edit-dialog .dialog-footer{padding:16px 24px;display:flex;flex-wrap:nowrap;margin:0;gap:10px;flex-shrink:0}#managementDialog.team-time-edit-dialog .dialog-footer button{min-width:0;white-space:normal;line-height:1.35}#managementDialog.team-time-edit-dialog .dialog-footer .primary-button{flex:1}#managementDialog.team-time-edit-dialog .field{margin:0;min-width:0}#managementDialog.team-time-edit-dialog input,#managementDialog.team-time-edit-dialog textarea{min-width:0;width:100%;min-height:44px}#managementDialog.team-time-edit-dialog textarea{min-height:92px;resize:vertical}#managementDialog.team-time-edit-dialog [data-icon] svg,.team-editor [data-icon] svg{width:20px;height:20px;flex:none}#managementDialog.team-time-edit-dialog .te-context{display:grid;gap:4px}#managementDialog.team-time-edit-dialog .te-context span{color:#526078;font-size:14px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-work-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-break-section{display:grid;gap:12px;border-top:1px solid #e0e6f0;padding-top:16px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-break-section h3{font-size:16px;margin:0}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-break-section>button{justify-self:start}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-pause-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;align-items:end;gap:8px;margin-bottom:12px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-pause-edit .field span{font-size:13px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-remove{color:#af342e!important;justify-self:start}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-review{padding:16px;background:#f4f7fc;border:1px solid #dce5f3;border-radius:13px;display:grid;gap:8px;margin:0}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-review dt{color:#526078;font-size:13px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-review dd{margin:0 0 8px;font-weight:600}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-passkey{display:flex;gap:12px;align-items:center;color:#365a95}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-reason{margin:0;overflow-wrap:anywhere}#managementDialog.team-time-edit-dialog .form-error{margin:0}.team-editor button:focus-visible,#managementDialog.team-time-edit-dialog :focus-visible{outline:3px solid #2563eb;outline-offset:3px}
@media(max-width:600px){:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-person{margin:16px 0}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-person h2{font-size:18px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-blocks>li.te-block{padding:13px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-blocks .secondary-button,.te-alert-action button,.te-bottom-actions button{width:100%}#managementDialog.team-time-edit-dialog{width:100%;max-width:100%;margin:auto 0 0;border-radius:22px 22px 0 0}#managementDialog.team-time-edit-dialog .dialog-header{padding:14px 16px}#managementDialog.team-time-edit-dialog h2{font-size:20px}#managementDialog.team-time-edit-dialog .dialog-content{padding:18px 16px;gap:18px}#managementDialog.team-time-edit-dialog .dialog-footer{padding:14px 16px max(16px,env(safe-area-inset-bottom))}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-pause-edit{gap:6px}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-history dl{grid-template-columns:1fr}:where(.team-editor,.team-time-edit-dialog,.time-stack) .te-history dt{margin-top:8px}}


.team-editor .te-workspace.is-strip{grid-template-columns:minmax(0,1fr);gap:16px;max-width:900px}
.team-editor .te-strip{min-width:0}
.team-editor .te-strip-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.team-editor .te-strip-head h2{font-size:17px;margin:0;white-space:nowrap}
.team-editor .te-strip-tools{display:flex;align-items:center;gap:0}
.team-editor .te-strip-tools button{min-width:44px;min-height:44px}
.team-editor .te-strip-tools .ghost-button{padding:8px;color:#2456bd}
.team-editor .te-day-strip{position:relative;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b6c5de transparent;padding:3px 3px 7px;scroll-padding-inline:3px}
.team-editor .te-strip-day{position:relative;flex:0 0 48px;min-width:48px;min-height:60px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #d8e2f0;border-radius:11px;background:#f8faff;color:#172033;font:inherit;cursor:pointer}
.team-editor .te-strip-weekday{font-size:11px;line-height:15px;color:#526078}
.team-editor .te-strip-date{font-size:17px;line-height:21px;font-weight:650}
.team-editor .te-strip-day.is-weekend{background:#f0f4fa}
.team-editor .te-strip-day[aria-current=date] .te-strip-date{text-decoration:underline;text-underline-offset:4px}
.team-editor .te-strip-day.is-selected{background:#e4edff;border-color:#3266db;box-shadow:inset 0 0 0 1px #3266db;color:#214b9e}
.team-editor .te-strip-day.is-selected .te-strip-weekday{color:#214b9e}
.team-editor .te-strip-day:disabled{color:#798596;cursor:default;background:#f0f4fa;opacity:1}
.team-editor .te-strip-alert{position:absolute;right:2px;top:2px;display:grid;place-items:center;min-width:14px;height:14px;border-radius:50%;background:#b3332c;color:#fff;font-size:10px;line-height:1;font-weight:650}
.team-editor .te-strip :focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.team-editor .is-strip .te-day-details{margin-top:0}.team-editor .is-strip .te-selected-head{min-height:28px}
@media(forced-colors:active){.team-editor .te-strip-day.is-selected{outline:2px solid Highlight;outline-offset:-3px}.team-editor .te-strip-alert{border:1px solid CanvasText}}

.has-common-shell .main-content .team-editor.is-compact>.page-header{min-height:0;margin-bottom:4px}.has-common-shell .main-content .team-editor.is-compact>.page-header h1{margin:0}
.team-editor .te-workspace{display:grid;align-items:start}.team-editor .te-selected-head h2{font-size:18px;margin:0}.team-editor .te-alert{display:flex;align-items:start;gap:10px;padding:13px;background:#f7faff;border:1px solid #dce5f3;border-radius:13px}.team-editor .te-alert>[data-icon]{color:#bd3932}.team-editor .te-day-details{min-width:0}#managementDialog.team-time-edit-dialog [data-time-editor="remove"]{color:#af342e}#managementDialog.team-time-edit-dialog .te-next-day{display:flex;align-items:center;gap:10px;min-height:44px}#managementDialog.team-time-edit-dialog .te-next-day input{width:20px;min-height:20px}#managementDialog.team-time-edit-dialog [hidden]{display:none!important}.team-editor .te-person h2{overflow-wrap:anywhere}#managementDialog.team-time-edit-dialog input[type=time]{max-width:100%}.team-editor .te-strip-day:focus-visible{outline-offset:0}
#managementDialog.team-time-edit-dialog :is(input,textarea):focus-visible{box-shadow:none;outline:2px solid #2563eb;outline-offset:1px}#managementDialog.team-time-edit-dialog input[type=datetime-local]{font-size:14px;max-width:100%}#managementDialog.team-time-edit-dialog .te-work-fields:has(input[type=datetime-local]),#managementDialog.team-time-edit-dialog .te-pause-edit:has(input[type=datetime-local]){grid-template-columns:minmax(0,1fr)}

/* Freigegebene Tagesarten: Buchungen bleiben unabhängig vom Tagesplan sichtbar. */
.has-common-shell .main-content .team-editor.is-compact>.page-header{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.team-editor .te-strip-day{flex-basis:68px;min-width:68px;min-height:102px;padding:7px 3px;gap:2px;border-radius:11px;justify-content:flex-start}
.team-editor .te-strip-date{font-size:20px;line-height:26px}
.team-editor .te-strip-weekday{font-size:11px;line-height:16px}
.team-editor .day-kind-label{font-size:10px;line-height:17px;font-weight:600;white-space:nowrap;color:#526078}
.team-editor .day-booking{display:flex;align-items:center;justify-content:center;gap:3px;min-height:21px;font-size:11px;line-height:18px;font-weight:650;color:#526078;margin-top:2px;font-variant-numeric:tabular-nums}
.team-editor .day-booking.has-booking{color:#1a6045;background:#e8f4ed;border-radius:5px;padding:0 5px}
.team-editor .te-strip-day.day-kind-leave{background:#f1ebfc;border-color:#ddd0f1}
.team-editor .day-kind-leave .day-kind-label{color:#6c449a}
.team-editor .te-strip-day.day-kind-weekend,.team-editor .te-strip-day.day-kind-free{background:#e4eaf3;border-color:#cbd5e3}
.team-editor .te-strip-day.day-kind-absent{background:#f0edf7}
.team-editor .te-strip-day.day-kind-holiday{background:#f8f0e1}
.team-editor .te-strip-day.is-selected{border-color:#3266db;box-shadow:inset 0 0 0 1px #3266db;color:#172033}
.team-editor .te-strip-day.is-selected.day-kind-work{background:#e4edff}
.team-editor .te-strip-day.is-selected .te-strip-weekday{color:#214b9e}
.team-editor .day-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;line-height:18px;color:#526078;margin:7px 3px 0}
.team-editor .day-legend span,.team-editor .day-live{display:inline-flex;align-items:center;gap:4px}.team-editor .day-legend b{color:#1a6045}
.team-editor .running-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:#1a6045}
.team-editor .te-selected-head{display:block}.team-editor .te-selected-head h2{font-size:18px;line-height:25px;margin:0}
.team-editor .day-context{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:7px;font-size:12px;line-height:19px;color:#526078}
.team-editor .day-context-label{border:1px solid #d5dfed;background:#f7f9fc;border-radius:7px;padding:4px 8px}
.team-editor .day-context-label.day-kind-leave{background:#f1ebfc;border-color:#ddd0f1;color:#633d90}
.team-editor .te-person h2{font-size:24px;line-height:1.2;margin:0;overflow-wrap:anywhere}
.team-editor .te-workspace.is-strip{gap:20px}.team-editor .te-person{margin:20px 0}
.team-editor .te-block-head>div>strong{font-size:15px}.team-editor .te-block-head>div>span{font-size:14px}
.team-editor .te-block .secondary-button,.team-editor .te-bottom-actions .secondary-button{width:100%;justify-content:center}
.team-editor .te-strip-head h2{font-size:17px}
@media(min-width:768px){.team-editor .te-person h2{font-size:28px}.team-editor .day-kind-label{font-size:11px}.team-editor .te-strip-day{flex-basis:76px;min-width:76px}.team-editor .day-booking{font-size:12px}.team-editor .day-legend{font-size:12px;gap:18px}}
@media(forced-colors:active){.team-editor .te-strip-day.is-selected{outline:2px solid Highlight;outline-offset:-3px}.team-editor .running-dot{background:CanvasText}}

/* Ausfallzeiten: freigegebene Heute-/Glockenreferenz. */

.absence-hint-copy{display:grid;gap:3px;flex:1;min-width:0}.absence-hint-copy strong{font-size:15px}.absence-hint-copy small{color:#526078;font-size:12px}.absence-open-days{font-size:12px;font-weight:700;padding:4px 9px;background:#fff1dd;color:#825009;border-radius:8px;white-space:nowrap}.absence-notice-icon{color:#825009}.absence-review-page{max-width:900px}.absence-review-page h1{margin:12px 0 22px}.absence-review-list{display:grid;gap:8px;padding:8px;background:white;border:1px solid #dde5f0;border-radius:21px;list-style:none}.absence-review-row{display:flex;align-items:center;gap:14px;padding:14px;min-height:76px;width:100%;border:1px solid #dde5f0;border-radius:13px;background:#f4f7fc;box-shadow:0 1px 3px #121e340d;text-align:left}.absence-review-row .copy{display:grid;gap:3px;flex:1;min-width:0}.absence-review-row strong{overflow-wrap:anywhere}.absence-review-row small{color:#526078}.absence-review-row svg{width:20px;height:20px}.absence-sheet{width:min(550px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #dce5f1;border-radius:20px;color:#172033;background:#fff;overflow:auto;box-shadow:0 20px 80px #17203333}.absence-sheet::backdrop{background:#17203370}.absence-sheet header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e4e9f1}.absence-sheet h2{font-size:21px;margin:0}.absence-sheet .body{padding:20px 24px}.absence-person{font-size:18px;margin:0 0 5px;overflow-wrap:anywhere}.absence-period{color:#526078;font-size:14px;margin:0 0 20px}.absence-day-fields{display:grid;gap:16px}.absence-day-field{display:flex;gap:16px;align-items:center;justify-content:space-between}.absence-day-field>span{display:grid;gap:3px}.absence-day-field small{font-size:12px;color:#526078}.absence-day-field input{width:114px;min-height:46px;border:1px solid #bdcadd;border-radius:10px;padding:10px 12px;font:inherit;color:#172033;background:#fff;font-variant-numeric:tabular-nums}.absence-confirmed{color:#0f7345;font-size:14px}.absence-sheet footer{padding:16px 24px;border-top:1px solid #e4e9f1;display:flex;gap:12px;justify-content:flex-end;background:white;position:sticky;bottom:0}.absence-sheet footer button{min-height:46px}.absence-form-note{font-size:13px;color:#526078;line-height:1.5;margin:18px 0 0}.absence-error{padding:12px;border-radius:10px;background:#fff0ef;color:#9e302b;margin:16px 0 0;font-size:14px}.absence-toast{position:fixed;z-index:999;bottom:90px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:13px 18px;border:1px solid #a5d4b9;border-radius:13px;background:#ecf8f1;color:#185c38;box-shadow:0 8px 25px #17203320;font-size:14px}.notification-entry .pending-state{color:#825009;font-size:12px;font-weight:650}.absence-review-page .empty-card{background:#fff;border-radius:18px}.absence-dialog-error{margin-top:20px}.notification-panel.has-time-corrections{max-width:calc(100vw - 24px)}.notification-list{overflow-wrap:anywhere}.absence-sheet button:focus-visible,.absence-sheet input:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.absence-day-field input[aria-invalid=true]{border-color:#b42318}
@media(max-width:720px){.absence-sheet{width:100%;max-width:none;max-height:calc(100dvh - 14px);margin:auto 0 0;border-radius:20px 20px 0 0}.absence-sheet header,.absence-sheet .body{padding:18px 20px}.absence-sheet footer{padding:14px 20px}.absence-sheet footer button{flex:1}.absence-hint-copy strong{font-size:14px}.absence-open-days{padding:4px 7px}.absence-review-row{gap:10px;padding:12px}}

.absence-review-notice > .absence-hint-copy { width:auto; height:auto; }
.absence-sheet { max-width:none; }