:root{--success:#39ff14;--semantic-danger:#ff3038;--semantic-warning:#ffb000;--semantic-info:#00cfff;--mobile:#c66bff;--outside:#00e5d4}.primary{background:var(--success)!important;border-color:var(--success)!important;color:#071007!important}.danger-button{border-color:var(--semantic-danger)!important;color:var(--danger-ink)!important}.warning-text{color:var(--warning-ink)}button[data-button-key=endShift],button[data-button-key=cancelEvent]{border-color:var(--semantic-danger);color:var(--danger-ink)}#shiftButton{border-color:var(--semantic-warning)}.message-dialog{width:min(520px,calc(100vw - 32px));border:1px solid var(--line);border-top:3px solid var(--semantic-info);background:var(--panel);color:var(--text);padding:22px}.message-dialog[data-level=danger]{border-top-color:var(--semantic-danger)}.message-dialog[data-level=warning]{border-top-color:var(--semantic-warning)}.message-dialog[data-level=success]{border-top-color:var(--success)}.message-dialog h2{font-size:18px;margin:0 0 14px}.message-dialog p{font-size:13px;line-height:1.7;white-space:pre-wrap}.message-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.message-dialog::backdrop{background:#0009}#toast{border-left:3px solid var(--semantic-info)}#toast[data-level=success]{border-left-color:var(--success)}#toast[data-level=warning]{border-left-color:var(--semantic-warning)}#toast[data-level=danger]{border-left-color:var(--semantic-danger)}.application-menu{position:fixed;z-index:120;background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--semantic-info);padding:5px;min-width:220px;box-shadow:0 12px 30px #0008}.application-menu button{display:flex;width:100%;border:0;box-shadow:none;justify-content:flex-start;text-align:left;padding:11px;font-size:11px}.application-menu button:hover,.application-menu button:focus-visible{background:var(--control);color:var(--info-ink)}.application-catalog{display:flex;flex-direction:column;gap:10px}.channel-WETTER,.channel-NINA,.channel-STAU{color:var(--warning-ink);background:var(--control)}.channel-UNFALL,.channel-GEFAHR{color:var(--danger-ink);background:var(--control)}.channel-LOGISTIK,.channel-LIVE{color:var(--info-ink);background:var(--control)}.channel-PLANUNG{color:var(--muted);background:var(--control)}.severity-critical .severity-label{color:var(--danger-ink)}.severity-important .severity-label{color:var(--warning-ink)}.chat-message.own{border-left-color:var(--success)}.calendar-all-day{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid var(--line)}.calendar-all-day .calendar-event{width:auto;min-width:150px;max-width:320px}.calendar-day-scroll{max-height:58vh;overflow:auto;border:1px solid var(--line);background:var(--control)}.calendar-day-timeline{position:relative;width:100%;background:var(--panel)}.calendar-hour{position:absolute;left:0;right:0;border-top:1px solid var(--line);height:60px;pointer-events:none}.calendar-hour>span{position:absolute;left:5px;top:5px;font-size:9px;width:60px;color:var(--muted)}.calendar-timed-event{position:absolute;margin:0;padding:4px 7px;overflow:hidden;min-width:0;z-index:1}.calendar-timed-event:focus-visible{z-index:5;outline:2px solid var(--info)}.fullscreen-pending{border-color:var(--semantic-info)!important}.docs-dialog{width:min(1000px,calc(100vw - 32px));max-height:85vh;border-top:3px solid var(--semantic-info);background:var(--panel);color:var(--text);padding:0}.docs-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.docs-head h2{font-size:18px;margin:0}.docs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);max-height:65vh}.docs-sidebar{padding:12px;overflow:auto;border-right:1px solid var(--line)}.docs-sidebar input{width:100%;margin-bottom:10px}.docs-sidebar button{display:block;width:100%;font-size:11px;text-align:left;margin-bottom:4px;white-space:normal}.docs-content{padding:18px;overflow:auto;font-size:13px;line-height:1.8;white-space:pre-line}.docs-content h3{font-size:17px;margin:0 0 12px}.docs-content .doc-context{font-size:11px;color:var(--info-ink);border-bottom:1px solid var(--line);padding-bottom:10px}.doc-mode [data-doc]{outline-color:var(--semantic-info)!important}#docTooltip{border-color:var(--semantic-info);max-width:min(380px,calc(100vw - 20px));white-space:normal;font-size:11px;line-height:1.6;z-index:1000;pointer-events:none}.docs-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.docs-legend span{padding:4px 7px;border:1px solid currentColor;font-size:10px}.docs-color-success{color:var(--success)}.docs-color-danger{color:var(--danger-ink)}.docs-color-warning{color:var(--warning-ink)}.docs-color-info{color:var(--info-ink)}.docs-color-mobile{color:var(--mobile)}.docs-color-outside{color:var(--outside)}@media(max-width:650px){.docs-layout{grid-template-columns:1fr;grid-template-rows:130px minmax(0,1fr)}.docs-sidebar{border-right:0;border-bottom:1px solid var(--line)}.docs-content{max-height:45vh}.application-menu{max-width:calc(100vw - 16px)}}
/* A grid span includes its trailing gap; the last span ends at the rail edge. */
@media(min-width:851px){#tileWorkspace{width:100%}.workspace-tile,.work-window:not(:has(#tileWorkspace>.workspace-tile:only-child)) .workspace-tile{left:calc(var(--tile-x)*(100% + 8px)/48);width:calc(var(--tile-w)*(100% + 8px)/48 - 8px)}}
.monitor-window .workspace-tile,.monitor-window:not(:has(#tileWorkspace>.workspace-tile:only-child)) .workspace-tile{left:calc(var(--tile-x)*(100% + 8px)/48)!important;width:calc(var(--tile-w)*(100% + 8px)/48 - 8px)!important}
/* Detached windows share the remaining viewport with their actual headers. */
body.tile-window{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.tile-window>.topbar{flex:0 0 auto}
.tile-window #workplace:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0}
.work-window #main{width:100%;max-width:none;margin:0}
.tile-window #main{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.tile-window .workspace-status,.tile-window .tile-navigator{flex:0 0 auto}
.tile-window #tileWorkspace{flex:1;min-height:0!important;height:0!important;width:100%;min-width:0}
.tile-window #tileWorkspace>.workspace-tile{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important}
.tile-window .document-list{max-height:none}
.tile-window .business-module{display:flex;flex-direction:column;min-height:0}
.tile-window .module-toolbar,.tile-window .module-notice,.tile-window .live-filter-panel,.tile-window .live-ticker{flex-shrink:0}
.tile-window .calendar-body{flex:1;min-height:0;max-height:none;display:flex;flex-direction:column}
.tile-window .calendar-day-scroll{flex:1;min-height:0;max-height:none}
.tile-window .calendar-grid{flex:1}
.tile-window .chat-layout{flex:1;height:auto;min-height:240px}
.tile-window .chat-messages{min-height:0}
.tile-window .live-body{flex:1;min-height:120px;max-height:none}

.driver-entry{font-size:10px;padding:8px 10px;border:1px solid var(--line);color:var(--info-ink);text-decoration:none;white-space:nowrap}
