.fr-avatar{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;overflow:hidden;font-size:15px;font-weight:700;flex-shrink:0}.fr-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fr-avatar.mini{width:30px;height:30px;font-size:9px;border:2px solid #212121}.fr-avatar.large{width:88px;height:88px;font-size:32px}.fr-avatar-stack{display:flex}.fr-avatar-stack .fr-avatar+.fr-avatar{margin-left:-11px}.fr-more{font-size:9px;align-self:center}.fr-assigned-task{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:6px;padding:0 10px 0 12px;border-top:1px solid #dce5df}#home-view .fr-assigned-task .home-row{border:0;padding:10px 0;gap:8px;min-width:0}#home-view .fr-assigned-task .home-row-icon{width:18px;height:18px;background:none}#home-view .fr-assigned-task svg{width:18px;height:18px}.fr-assignment-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;padding:4px 0;background:transparent;color:inherit}.fr-assignment-pictures{display:flex;align-items:center;gap:4px}.fr-assignment-arrow{font-size:13px}#home-view .fr-task-arrow{height:44px;min-width:20px;padding:0;background:transparent;font-size:22px;color:#8d9da7}#home-view .home-row[data-tour]{border-left:4px solid var(--tour-color);padding-left:8px}[data-tour=harbor]{--tour-color:#7cba50}[data-tour=heath]{--tour-color:#4aa6df}[data-tour=charter]{--tour-color:#e7b750}.home-tour-legend{display:flex;gap:12px;flex-wrap:wrap;padding:0 12px 10px;font-size:11px;color:#abb4ba}.home-tour-legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--tour-color);margin-right:5px}#home-view .panel{position:relative}.home-filter-heading{position:absolute;top:3px;right:8px}#home-task-filter-open{display:flex;align-items:center;justify-content:center;background:transparent;min-width:44px;min-height:44px;padding:0;color:inherit}#home-task-caption{margin:0;padding:8px 12px;font-size:12px;color:#abb4ba}#profile-open{padding:0;min-width:44px;min-height:44px;background:transparent}#profile-dialog{width:366px;max-width:calc(100vw - 32px);max-height:88dvh}#profile-name,#profile-source{text-align:center}#profile-avatar-large{display:flex;justify-content:center;margin:18px 0 10px}#profile-avatar-large>img{width:88px;height:88px;object-fit:cover;border-radius:50%}#profile-dialog .actions button{flex:1}#profile-dialog #photo-apply{width:100%;margin-bottom:16px}.profile-admin-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.header-actions{align-items:center}
@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){body{background:#090b0d}#workspace>.header-backdrop>header{margin:0;padding:env(safe-area-inset-top) 12px 0;border:0;border-radius:0;height:calc(54px + env(safe-area-inset-top));min-height:54px}.header-actions{height:54px;gap:10px}.header-actions #profile-open{order:0}.header-actions #identity{order:1;flex:1;font-size:15px}.header-actions #settings-open{order:2;width:44px;min-height:44px;font-size:25px}.module-nav{left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom));border-radius:0;padding:2px 5px;gap:0;border-top:1px solid #34383b}.module-nav button{flex-basis:74px;min-height:60px;padding:6px 2px;font-size:10px;color:#aeb9c0;border-bottom:2px solid transparent}.module-nav button.selected{border-color:#63a9df}.module-nav .nav-icon{width:23px;height:23px}#mobile-status{left:0;right:0;border-radius:0;min-height:22px;padding:5px 12px calc(5px + env(safe-area-inset-bottom));background:#191d20}.fr-assigned-task{border-color:#ffffff0a}.home-section-title:has(+.home-filter-heading){min-height:48px}#home-view .home-passengers{font-size:11px}.fr-assignment-link{color:#aebdc7}.fr-task-arrow{color:#8d9da7}#profile-dialog{border-radius:8px;background:#252a2e}
}

#profile-open .fr-avatar{width:44px;height:44px;font-size:16px;border:1px solid #ffffff35}
.view-filter-open{display:none}.mobile-filter-hidden{display:none!important}@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){.view-filter-open:not([hidden]){display:grid;place-items:center;width:44px;min-height:44px;background:transparent;padding:0}.view-filter-open svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}#view-filter-dialog form{display:grid;grid-template-columns:minmax(0,1fr)}#view-filter-dialog{max-height:88dvh}}

@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){.view-filter-open{position:relative}.filter-active{position:absolute;right:4px;top:4px;color:#85bdef;font-size:16px}}

@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){.module-nav button{font-weight:400}#mobile-status{display:flex;justify-content:space-between;gap:8px}#mobile-status>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mobile-status .mobile-version{flex-shrink:0}#mobile-status .status-online,#mobile-status .status-offline{background:none;padding:0;color:#9eacb5}#mobile-status .status-online:before,#mobile-status .status-offline:before{content:'';display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#6cbf87}#mobile-status .status-offline:before{background:#dda660}#home-refresh svg{width:24px;height:24px;stroke-width:1.7;fill:none;stroke:currentColor}}

dialog::backdrop{background:rgba(0,0,0,.55)}

#photo-status:empty{display:none}

html.fr-dialog-open{overflow:hidden;overscroll-behavior:none}dialog{overscroll-behavior:contain}

#mobile-options{width:366px;max-width:calc(100vw - 32px);border-radius:8px;padding:18px}#mobile-options>.section-head{margin-bottom:16px}#mobile-options>.section-head h2{margin:0}#mobile-options .options-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;background:transparent;color:inherit;font-size:26px}#mobile-options>.actions{display:grid;gap:8px;margin-top:16px}#mobile-options>.actions button{width:100%;text-align:left;background:transparent;border:1px solid #55626c}#mobile-options #options-logout{color:#ad333a;border-color:#ad333a40}
@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){#mobile-options{background:#252a2e;border:1px solid #56626b}#mobile-options #options-logout{color:#f1a4a9;border-color:#f1a4a940}}

#logout-dialog{width:366px;max-width:calc(100vw - 32px);border-radius:8px;padding:18px}#logout-dialog h2{margin:0 0 12px;font-size:20px}#logout-dialog p{line-height:1.5}#logout-dialog .logout-actions{display:flex;gap:8px;margin-top:20px}#logout-dialog .logout-actions button{flex:1;min-height:44px}#logout-dialog #logout-cancel{background:transparent;color:inherit;border:1px solid #55626c}#logout-dialog #logout-confirm{background:#b82530;color:white}#logout-drafts-warning,#logout-error{color:#ad333a}
@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){#logout-dialog{background:#252a2e;border:1px solid #56626b}#logout-drafts-warning,#logout-error{color:#f1a4a9}}

@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){#workspace>.header-backdrop>header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.workspace{padding-left:var(--fr-edge-left);padding-right:var(--fr-edge-right)}.module-nav,#mobile-status{left:var(--fr-edge-left);right:var(--fr-edge-right);width:auto;padding-left:5px;padding-right:5px}#mobile-status{padding-left:12px;padding-right:12px}dialog:not(#pdf-dialog){max-height:calc(100dvh - 24px);overflow-y:auto}}
@media (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){.module-nav button[data-view]{flex-basis:120px;flex-direction:row;min-height:44px;padding:4px 6px;gap:6px}.module-nav .nav-icon{width:20px;height:20px}main.workspace{padding-bottom:calc(104px + env(safe-area-inset-bottom))}#pdf-dialog .pdf-header{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}#pdf-dialog .pdf-tools{padding:4px 12px}#pdf-dialog .pdf-footer{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}}

.header-backdrop{display:contents}
@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){#workspace>.header-backdrop{display:block;position:sticky;top:0;z-index:3;width:100%;padding:calc(8px + env(safe-area-inset-top)) var(--fr-edge-right) 0 var(--fr-edge-left);background:#090b0d}#workspace>.header-backdrop>header{position:static;margin:0;padding:0 12px;height:64px;min-height:64px;border:1px solid #b0b5b7;border-radius:6px;background:#103c5b}.header-actions{height:62px}}

@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){.panel{border-radius:6px}}

@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){:root{--fr-edge-left:max(8px,env(safe-area-inset-left));--fr-edge-right:max(8px,env(safe-area-inset-right))}main.workspace{width:100%;max-width:none;margin:0;padding-left:var(--fr-edge-left);padding-right:var(--fr-edge-right)}body:has(#workspace:not([hidden]))::after{content:'';position:fixed;bottom:0;left:0;right:0;height:calc(98px + env(safe-area-inset-bottom));background:#090b0d;z-index:3;pointer-events:none}}
@media (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){body:has(#workspace:not([hidden]))::after{height:calc(77px + env(safe-area-inset-bottom))}}

#view-filter-dialog,#home-task-filter{width:366px;max-width:calc(100vw - 32px);border-radius:8px;padding:18px}#view-filter-dialog>.section-head,#home-task-filter>.section-head{margin-bottom:16px;gap:12px}#view-filter-dialog>.section-head h2,#home-task-filter>.section-head h2{margin:0}#view-filter-dialog>.section-head button,#home-task-filter>.section-head button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;background:transparent;color:inherit;font-size:26px}#view-filter-dialog>button,#home-task-filter>button{width:100%;min-height:44px}
@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){#view-filter-dialog,#home-task-filter{background:#252a2e;border:1px solid #56626b;max-height:calc(100dvh - 24px);overflow-y:auto}}

#view-filter-dialog>.section-head,#home-task-filter>.section-head{position:sticky;top:-18px;background:inherit;z-index:1;padding:8px 0}#view-filter-dialog form>button[type=submit],#view-filter-dialog form>button:not([type]){display:none}

/* Das Drei-Punkte-Symbol gehört zum mobilen Optionsmenü. */
.header-actions #settings-open .settings-symbol{display:none}
@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){.header-actions #settings-open .settings-symbol{display:inline}}
/* Das mobile Optionsmenü wird einmal im Hauptheader angeboten. */
@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){#mobile-options-open{display:none!important}}

/* Task notices share the reservation style and close gaps when a notice is absent. */
#home-view .fr-assigned-task>.fr-task-markers{grid-column:1/3;justify-content:flex-end;margin:0 0 10px}
#home-view .home-row.fr-home-task-marked{flex-wrap:wrap}
#home-view .home-row>.fr-task-markers{flex-basis:100%;justify-content:flex-end;margin-top:0}