/* Heute zuerst: approved time-grouped working surface. */
:root{--header-height:76px;--page-inset:clamp(24px,3.1vw,52px)}
body{background:#f4f7fb}.main{margin-left:0;min-height:calc(100vh - var(--header-height))}.app-header{height:var(--header-height);background:var(--navy);color:white;display:flex;align-items:center;padding:0 var(--page-inset);gap:22px;position:relative;z-index:20}.home-brand{border:0;background:none;text-align:left;padding:0;color:white;letter-spacing:-.035em;font-size:23px;flex:none;gap:10px}.home-brand .brand-mark{width:34px;height:38px}.home-brand small{font-size:8px;letter-spacing:.01em;line-height:1.6}.desktop-nav{display:flex;gap:5px;align-self:stretch;min-width:0;flex:1}.desktop-nav button{border-radius:0;position:relative;gap:9px;font-size:13px;padding:12px 13px;white-space:nowrap;min-height:0}.desktop-nav button.active{background:transparent}.desktop-nav button.active::after{content:'';height:3px;position:absolute;bottom:0;left:8px;right:8px;background:#3480ff}.desktop-nav button:hover{background:#213c58}.desktop-nav .icon{width:19px;height:19px}.header-tools{display:flex;align-items:center;gap:12px;margin-left:auto;flex:none}.account-button{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:#f0f5fd;font-size:12px;white-space:nowrap;padding:5px 0}.account-button .avatar{background:#e3edfc;color:#294b70;width:31px;height:31px}.header-icon{position:relative;display:grid;place-items:center;background:none;border:0;color:#d6e4f5;padding:6px;min-width:30px;min-height:36px;border-radius:5px}.header-icon:hover,.account-button:hover{background:#233e5a}.header-icon .icon{width:18px;height:18px}.notification-dot{position:absolute;top:-1px;right:-3px;font-size:9px;background:#f2d39f;color:#553807;min-width:14px;line-height:14px;text-align:center;border-radius:4px}.demo-switch{background:transparent;color:#d6e4f5;border:0;padding:5px 0;font-size:10px;text-decoration:underline;text-underline-offset:3px}.content{max-width:1680px;padding:36px var(--page-inset) 46px}.today-heading{margin-bottom:25px;min-height:56px}.today-heading h1{font-size:32px;line-height:1.22;letter-spacing:-.035em}.today-heading p{font-size:14px;margin-top:5px}.today-heading .btn{min-height:43px}.phone-title{display:none}.today-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,27.5%);gap:28px;align-items:start}.today-work{min-width:0}.today-side{display:grid;gap:22px;min-width:0}.today-alert{min-height:71px;padding:13px 18px;margin-bottom:16px;border-color:#e9ce95;background:#fff6dd;border-radius:9px}.today-alert strong{font-size:13px}.today-alert p{font-size:12px;margin-top:3px}.today-alert .icon{width:21px;height:21px}.today-alert .btn{min-height:36px;font-size:12px}.today-tabs{padding:0;margin-bottom:18px;gap:8px;border:0;min-height:40px}.today-tabs .tab{background:#fff;border-color:var(--line);min-height:40px;padding:8px 18px;font-size:12px;border-radius:8px;color:#273e58}.today-tabs .tab.active{background:#dfeaff;border-color:#dfeaff;color:#1249a0}.timeline-groups{display:grid;gap:20px}.timeline-section{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.timeline-section-head{display:flex;align-items:center;gap:24px;padding:15px 18px 14px;min-height:55px;border-bottom:1px solid #e7ecf3}.timeline-section-head h2{font-size:23px;line-height:1.15;letter-spacing:-.035em;font-weight:700}.timeline-section-head>span{font-size:11px;color:var(--muted)}.timeline-task{position:relative;display:flex;align-items:center;gap:22px;text-align:left;width:100%;min-height:82px;background:white;border:0;padding:15px 18px;color:var(--ink)}.timeline-task::after{content:'';height:1px;background:#e9eef5;position:absolute;bottom:0;left:108px;right:18px}.timeline-task:last-child::after{display:none}.timeline-task:hover{background:#f8faff}.time-column{position:relative;display:flex;align-items:center;gap:18px;min-width:82px;font-size:12px;font-variant-numeric:tabular-nums;color:#3e536e;align-self:stretch}.time-column::before{content:'';position:absolute;width:1px;background:#d4e3fc;left:6px;top:-16px;bottom:-16px}.timeline-task:last-child .time-column::before{bottom:50%}.time-dot{position:relative;z-index:1;width:13px;height:13px;border-radius:50%;background:var(--blue);border:1px solid white;flex:none}.time-dot .icon{width:10px;height:10px;display:block;color:white;stroke-width:2.5}.later .time-dot{background:#b0bece}.later .time-column::before{background:#e0e7f0}.is-completed .time-dot{background:#6b7b8b}.is-completed.is-done .time-column{color:var(--green)}.is-completed .time-column::before{display:none}.is-completed.is-done .time-dot:has(svg){background:var(--green)}.has-issue .time-dot{background:var(--amber)}.timeline-task .task-check{width:23px;height:23px;border-radius:6px;margin-right:0}.timeline-task.is-completed .task-check{background:var(--green);border-color:var(--green);color:white}.timeline-task.is-completed.has-issue .task-check{background:var(--amber-bg);color:var(--amber);border-color:#e5cea5}.timeline-task.is-completed .task-title{color:#6c7b89}.timeline-task.has-issue .task-title{color:var(--ink)}.timeline-task .task-body{display:block}.timeline-task .task-title{display:block;font-size:13px;font-weight:650}.timeline-task .task-meta{margin-top:6px;font-size:10px}.timeline-task .task-meta .tag{padding:3px 9px;font-size:10px}.row-action{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #c5d3e6;border-radius:7px;min-height:36px;padding:7px 13px;font-size:11px;font-weight:550;white-space:nowrap;margin-left:auto}.row-action>.icon{width:14px;height:14px}.row-action.primary-action{background:#155bce;border-color:#155bce;color:white}.is-completed .row-action{padding:0;border:0}.personal-confirmation{display:flex;align-items:center;justify-content:flex-start;gap:7px;color:var(--muted);font-size:11px;padding:0 3px}.personal-confirmation .icon{width:15px;height:15px}.today-temperatures,.today-training{border-radius:12px}.today-side .panel-head{padding:21px 20px 19px;min-height:68px;border-bottom:1px solid #e9eef5}.today-side .panel-head h2{font-size:19px;letter-spacing:-.025em}.today-side .text-link{display:flex;align-items:center;gap:3px;font-size:11px}.today-side .text-link .icon{width:14px;height:14px}.temperature-row{display:flex;align-items:center;gap:12px;padding:19px 20px;width:100%;background:white;border:0;border-bottom:1px solid #e9eef5;text-align:left;color:var(--ink);min-height:82px}.temperature-row:hover{background:#f7faff}.temperature-row .device-label{flex:1;min-width:0}.device-label strong{font-size:12px;font-weight:650;display:block;margin-bottom:5px}.device-label .tag{font-size:10px;padding:2px 7px}.temperature-row .temp{font-size:23px;font-weight:700;letter-spacing:-.035em}.temperature-row .temp span{font-size:10px;margin-left:1px}.device-action{font-size:11px;min-width:13px;color:#264e7d}.device-action .icon{width:16px;height:16px}.temperature-row:has(.temp.alert) .device-action{padding:7px 10px;border:1px solid #c5d3e6;border-radius:7px}.today-temperatures .panel-foot{font-size:10px;padding:9px 20px;min-height:29px}.training-row{display:flex;width:100%;gap:15px;align-items:flex-start;border:0;border-bottom:1px solid #e9eef5;padding:21px 20px;background:white;text-align:left;color:var(--ink);min-height:95px}.training-row:hover{background:#f7faff}.training-row:last-child{border-bottom:0}.training-row .avatar{width:34px;height:34px;flex:none}.training-row strong{display:block;font-size:12px;font-weight:650}.training-row small{display:block;font-size:11px;margin-top:2px}.connection-warning{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--amber-bg);color:var(--amber);padding:12px 20px;font-size:13px}.site-footer{font-size:11px;color:var(--muted);padding:8px var(--page-inset) 20px;text-align:right}.today-content .empty{padding:24px 18px}.today-content .empty h3{font-size:14px}.today-content .empty p{font-size:12px}.today-content .timeline-section-head .tag{margin-left:auto}
@media(min-width:1450px){.timeline-task{min-height:88px}.today-grid{gap:32px}.today-side .panel-head{min-height:74px}.temperature-row{min-height:90px}.training-row{min-height:101px}.timeline-task .task-title{font-size:14px}.timeline-section-head{min-height:59px}.app-header{gap:35px}.desktop-nav{gap:10px}.desktop-nav button{padding-inline:18px}}
@media(max-width:1250px){.app-header{gap:14px}.header-tools{gap:8px}.desktop-nav button{font-size:12px;padding-inline:9px}.desktop-nav .icon{width:17px;height:17px}.account-name{display:none}.home-brand{font-size:21px}.timeline-task{gap:16px}.time-column{min-width:68px;gap:12px}.today-grid{gap:22px;grid-template-columns:minmax(0,1fr) 300px}.row-action{padding-inline:9px}.timeline-task .task-title{font-size:12px}.temperature-row{padding-inline:16px;gap:7px}.device-label strong{font-size:11px}}
@media(max-width:1050px){.desktop-nav button{gap:5px;padding-inline:8px}.desktop-nav .icon{display:none}.header-tools{gap:4px}.demo-switch{display:none}.today-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.timeline-task{gap:11px;padding-inline:14px}.time-column{min-width:58px;gap:8px}.time-dot{width:11px;height:11px}.time-column::before{left:5px}.row-action{font-size:10px;padding-inline:7px}.timeline-section-head{gap:15px}.today-side .panel-head{padding-inline:16px}.today-side .panel-head h2{font-size:17px}.temperature-row .temp{font-size:21px}.device-action{display:none}}
@media(max-width:850px){.app-header{gap:14px}.home-brand small{display:none}.home-brand{font-size:19px}.home-brand .brand-mark{width:29px;height:32px}.desktop-nav button{font-size:11px;padding-inline:7px}.settings-link{display:none}.today-grid{grid-template-columns:minmax(0,1fr) 250px}.time-column{min-width:48px;font-size:10px}.timeline-task{gap:9px;padding-inline:11px}.timeline-task .task-check{width:20px;height:20px}.timeline-task .task-title{font-size:11px}.row-action{font-size:0;padding:7px}.row-action .icon{width:16px;height:16px}.is-completed .row-action{font-size:10px}.is-completed .row-action .tag{font-size:9px}.today-side .text-link{font-size:10px}.temperature-row{padding-inline:13px}.today-side .panel-head{padding-inline:13px}.timeline-section-head h2{font-size:21px}.timeline-section-head>span{font-size:10px}.training-row{padding-inline:13px;gap:9px}}
@media(max-width:700px){:root{--header-height:61px;--page-inset:20px}.app-header{padding-inline:20px;gap:15px}.home-brand{font-size:21px;letter-spacing:-.035em;gap:7px}.home-brand .brand-mark{width:27px;height:30px}.home-brand .icon{width:17px;height:17px}.desktop-nav{display:none}.header-tools{gap:12px}.demo-switch{display:inline-block;font-size:10px}.header-icon{display:none}.account-button .avatar{width:29px;height:29px;font-size:10px}.content{padding:25px 20px 105px}.today-heading{margin-bottom:16px;min-height:0;align-items:center}.today-heading h1{font-size:27px;line-height:1.2}.today-heading p{font-size:11px;max-width:none;margin-top:5px}.desktop-title{display:none}.phone-title{display:inline}.today-heading .button-row{display:none}.today-grid{display:flex;flex-direction:column;gap:0}.today-work,.today-side{display:contents}.today-alert{order:0;width:100%;padding:11px 12px;min-height:56px;margin:0 0 12px;gap:9px}.today-alert strong{font-size:11px}.today-alert p{font-size:10px;line-height:1.45}.today-alert .icon{width:19px;height:19px}.today-alert .btn{font-size:0;padding:2px;min-height:28px}.today-alert .btn .icon{width:17px;height:17px}.today-tabs{order:1;display:flex;flex-wrap:wrap;gap:5px;width:100%;min-height:34px;margin:0 0 15px}.today-tabs .tab{font-size:10px;min-height:34px;padding:6px 11px;border-radius:7px}.today-temperatures{order:2;width:100%;margin:0 0 15px}.today-side .panel-head{min-height:43px;padding:11px 13px}.today-side .panel-head h2{font-size:16px}.today-side .text-link{font-size:10px}.temperature-row{padding:10px 13px;min-height:66px;gap:10px}.device-label strong{font-size:11px;margin-bottom:4px}.device-label .tag{font-size:9px;padding:2px 6px}.temperature-row .temp{font-size:21px}.temperature-row .temp span{font-size:9px}.device-action{display:block;font-size:10px;min-width:16px}.temperature-row:has(.temp.alert) .device-action{padding:6px 9px;min-height:30px}.today-temperatures .panel-foot{padding:6px 13px;font-size:9px;min-height:22px}.timeline-groups{order:3;gap:15px;width:100%}.timeline-section{border-radius:10px}.timeline-section-head{padding:11px 13px;gap:13px;min-height:43px}.timeline-section-head h2{font-size:21px}.timeline-section-head>span{font-size:10px;line-height:1.4}.timeline-task{display:grid;grid-template-columns:21px minmax(0,1fr);gap:7px 11px;min-height:109px;padding:14px 13px}.timeline-task .task-check{grid-column:1;grid-row:1/4;align-self:start;width:21px;height:21px;margin-top:2px}.timeline-task .task-body{grid-column:2;grid-row:1}.timeline-task .task-title{font-size:12px;line-height:1.5}.timeline-task .task-meta{font-size:10px;gap:6px;margin-top:5px}.timeline-task .task-meta .tag{font-size:9px;padding:2px 6px}.time-column{grid-column:2;grid-row:2;min-width:0;align-self:auto;font-size:10px;color:#536781;display:block}.time-column::before,.time-dot{display:none}.row-action{grid-column:2;grid-row:3;justify-self:start;font-size:10px;min-height:33px;padding:7px 13px;margin:0;gap:8px}.row-action .icon{width:13px;height:13px}.timeline-task::after{left:13px;right:13px}.timeline-task.is-completed{min-height:99px}.is-completed .row-action{justify-self:start}.is-completed .row-action .tag{font-size:10px}.today-training{order:4;width:100%;margin-top:20px}.training-row{min-height:83px;padding:16px 13px;gap:12px}.training-row strong{font-size:12px}.training-row small{font-size:11px}.personal-confirmation{font-size:10px;line-height:1.6;align-items:flex-start}.personal-confirmation .icon{margin-top:2px;flex:none}.site-footer{display:none}.mobile-nav{padding-top:7px}.mobile-nav button{font-size:10px;min-height:49px}.mobile-nav button.active .icon{box-shadow:none;background:transparent}.mobile-nav button.active::before{content:'';position:absolute;top:0;width:30px;height:3px;background:var(--blue);border-radius:0 0 2px 2px}.mobile-nav button{position:relative}.form-panel h2{overflow-wrap:anywhere}.page-head>div:first-child{min-width:0}.page-head h1{overflow-wrap:anywhere}.demo-banner{font-size:10px;padding:8px 20px}.main{min-height:calc(100vh - 61px)}}
@media(prefers-reduced-motion:no-preference){.row-action.primary-action{transition:background-color .18s ease-out}.timeline-task:hover .row-action.primary-action{background:#124dab}.timeline-section:focus-within{scroll-margin-block:25px}}
@media print{.app-header,.site-footer{display:none}.today-grid{display:block}.today-side{display:block}.today-side .panel{margin-top:20px}.timeline-task,.timeline-section{break-inside:avoid}.row-action{display:none}}

.timeline-task.has-exception .task-check{background:#edf2f7;border-color:#c8d4e1;color:#576a7b}.timeline-task.has-exception .task-title{color:#576a7b}
@media(min-width:701px){:root{--header-height:72px}.home-brand{width:184px}.content{padding-top:32px;padding-right:clamp(24px,2.4vw,40px)}.today-heading{margin-bottom:20px}.today-tabs{margin-bottom:14px}.timeline-groups{gap:19px}.timeline-section-head{min-height:52px;padding-top:14px;padding-bottom:12px}.timeline-task{min-height:80px}.today-temperatures .panel-foot{padding-block:6px}.today-side .panel-head{padding-top:18px}}
@media(min-width:1450px){.timeline-task{min-height:88px}.timeline-section-head{min-height:59px}}
@media(min-width:701px) and (max-width:1250px){.home-brand{width:145px}}
@media(min-width:701px) and (max-width:850px){.home-brand{width:auto}}
@media(min-width:701px){.today-heading{align-items:flex-start}}

@media(min-width:701px){.today-side{position:sticky;top:24px}}
/* Keep the approved desktop proportions across common workstation widths. */
@media(min-width:1280px){
 :root{--du:clamp(.995px,calc(100vw / 1287),1.305px);--header-height:calc(72 * var(--du))}
 .app-header{gap:calc(22 * var(--du))}.home-brand{width:calc(184 * var(--du));font-size:calc(23 * var(--du));gap:calc(10 * var(--du))}.home-brand .brand-mark{width:calc(34 * var(--du));height:calc(38 * var(--du))}.home-brand small{font-size:calc(8 * var(--du))}.desktop-nav{gap:calc(5 * var(--du))}.desktop-nav button{font-size:calc(13 * var(--du));gap:calc(9 * var(--du));padding:calc(12 * var(--du)) calc(13 * var(--du))}.desktop-nav .icon{width:calc(19 * var(--du));height:calc(19 * var(--du))}
 .today-content{padding-top:calc(32 * var(--du));padding-bottom:calc(46 * var(--du))}.today-heading{margin-bottom:calc(20 * var(--du));min-height:calc(56 * var(--du))}.today-heading h1{font-size:calc(32 * var(--du))}.today-heading p{font-size:calc(14 * var(--du));margin-top:calc(5 * var(--du))}.today-heading .btn{min-height:calc(43 * var(--du));padding:calc(9 * var(--du)) calc(15 * var(--du));font-size:calc(13 * var(--du))}
 .today-grid{gap:calc(28 * var(--du))}.today-side{gap:calc(22 * var(--du))}.today-alert{min-height:calc(71 * var(--du));padding:calc(13 * var(--du)) calc(18 * var(--du));margin-bottom:calc(16 * var(--du));gap:calc(14 * var(--du))}.today-alert strong{font-size:calc(13 * var(--du))}.today-alert p{font-size:calc(12 * var(--du));margin-top:calc(3 * var(--du))}.today-alert .btn{min-height:calc(36 * var(--du));font-size:calc(12 * var(--du));padding:calc(6 * var(--du)) calc(11 * var(--du))}.today-alert>.icon{width:calc(21 * var(--du));height:calc(21 * var(--du))}
 .today-tabs{min-height:calc(40 * var(--du));margin-bottom:calc(14 * var(--du));gap:calc(8 * var(--du))}.today-tabs .tab{min-height:calc(40 * var(--du));padding:calc(8 * var(--du)) calc(18 * var(--du));font-size:calc(12 * var(--du))}.timeline-groups{gap:calc(19 * var(--du))}.timeline-section-head{min-height:calc(52 * var(--du));padding:calc(14 * var(--du)) calc(18 * var(--du)) calc(12 * var(--du));gap:calc(24 * var(--du))}.timeline-section-head h2{font-size:calc(23 * var(--du))}.timeline-section-head>span{font-size:calc(11 * var(--du))}
 .timeline-task{min-height:calc(80 * var(--du));padding:calc(15 * var(--du)) calc(18 * var(--du));gap:calc(22 * var(--du))}.time-column{min-width:calc(82 * var(--du));gap:calc(18 * var(--du));font-size:calc(12 * var(--du))}.time-dot{width:calc(13 * var(--du));height:calc(13 * var(--du))}.time-column::before{left:calc(6 * var(--du))}.timeline-task .task-check{width:calc(23 * var(--du));height:calc(23 * var(--du))}.timeline-task .task-title{font-size:calc(13 * var(--du))}.timeline-task .task-meta{font-size:calc(10 * var(--du));margin-top:calc(6 * var(--du))}.timeline-task .task-meta .tag{font-size:calc(10 * var(--du));padding:calc(3 * var(--du)) calc(9 * var(--du))}.row-action{min-height:calc(36 * var(--du));padding:calc(7 * var(--du)) calc(13 * var(--du));font-size:calc(11 * var(--du));gap:calc(7 * var(--du))}.is-completed .row-action{padding:0;border:0;min-height:0}.is-completed .row-action .tag{font-size:calc(11 * var(--du))}
 .today-side .panel-head{min-height:calc(68 * var(--du));padding:calc(18 * var(--du)) calc(20 * var(--du)) calc(19 * var(--du))}.today-side .panel-head h2{font-size:calc(19 * var(--du))}.today-side .text-link{font-size:calc(11 * var(--du))}.temperature-row{min-height:calc(82 * var(--du));padding:calc(19 * var(--du)) calc(20 * var(--du));gap:calc(12 * var(--du))}.device-label strong{font-size:calc(12 * var(--du));margin-bottom:calc(5 * var(--du))}.device-label .tag{font-size:calc(10 * var(--du));padding:calc(2 * var(--du)) calc(7 * var(--du))}.temperature-row .temp{font-size:calc(23 * var(--du))}.temperature-row .temp span{font-size:calc(10 * var(--du))}.device-action{font-size:calc(11 * var(--du))}.temperature-row:has(.temp.alert) .device-action{padding:calc(7 * var(--du)) calc(10 * var(--du))}
 .training-row{min-height:calc(95 * var(--du));padding:calc(21 * var(--du)) calc(20 * var(--du));gap:calc(15 * var(--du))}.training-row .avatar{width:calc(34 * var(--du));height:calc(34 * var(--du))}.training-row strong{font-size:calc(12 * var(--du))}.training-row small{font-size:calc(11 * var(--du));margin-top:calc(2 * var(--du))}.personal-confirmation{font-size:calc(11 * var(--du))}
}
@media(min-width:1280px){.today-training{margin-top:calc(12 * var(--du))}.today-training .panel-head{padding-top:calc(24 * var(--du));padding-bottom:calc(13 * var(--du))}}