*{box-sizing:border-box}html{background:#f3f5f7}body{margin:0;background:#f3f5f7;color:#182333;font:16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}.app-body{min-height:100vh;padding-bottom:calc(82px + env(safe-area-inset-bottom));background:#f3f5f7}.app-header{background:#10233f;color:#fff;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 24px max(18px,env(safe-area-inset-left));box-shadow:0 2px 10px rgba(16,35,63,.12)}.header-inner,.welcome-line,.app-main{width:min(1040px,100%);margin:auto}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.app-logo{display:block;width:245px;height:82px;max-width:55%;object-fit:contain;object-position:left center}.header-user{text-align:right;min-width:0}.header-user span,.header-user strong{display:block}.header-user span{font-size:12px;color:#c8d3df}.header-user strong{font-size:16px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.header-user a{display:inline-block;margin-top:4px;color:#d8e1ea;font-size:12px;text-decoration:none}.welcome-line{padding-top:18px}.welcome-line p{margin:0;color:#d3dce6;font-size:15px}.welcome-line h1{font-size:32px;line-height:1.05;margin:1px 0 5px}.welcome-line span{display:block;color:#c8d3df;font-size:14px}.app-main{padding:18px 22px 34px}.next-job-card,.jobs-section,.quick-grid{background:#fff;border:1px solid #dce2e8;border-radius:12px}.next-job-card{padding:20px 22px;margin-bottom:16px;box-shadow:0 3px 12px rgba(16,35,63,.05)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-kicker{display:block;font-size:14px;font-weight:800;color:#182333;margin-bottom:3px}.next-time{display:block;font-size:15px;color:#566779}.next-job-card h2{font-size:24px;line-height:1.15;margin:17px 0 2px}.job-title{margin:0;color:#34475b;font-weight:650}.address{display:flex;gap:8px;align-items:flex-start;margin:13px 0 0;color:#566779}.address span{font-size:22px;line-height:1}.primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.action{min-height:50px;border-radius:8px;border:0;display:flex;align-items:center;justify-content:center;padding:10px 14px;font:inherit;font-weight:750;text-decoration:none}.action.primary{background:#0877c9;color:#fff}.secondary-action{background:#10233f;color:#fff}.secondary-action:disabled{opacity:.42}.jobs-section{overflow:hidden}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px 14px}.section-head h2{font-size:23px;line-height:1.2;margin:0 0 2px}.section-head p{margin:0;color:#718091;font-size:14px}.count{display:grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border-radius:18px;background:#e9f6f9;color:#137f99;font-weight:800}.tabs{margin:0 20px;display:grid;grid-template-columns:1fr 1fr;background:#eef2f5;border-radius:9px;overflow:hidden}.tab{min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;color:#536173;font-weight:750}.tab b{font-size:12px}.tab.active{background:#19a9d2;color:#fff}.day-block{padding:16px 20px 20px}.empty-state{border:1px solid #e0e6eb;border-radius:10px;padding:22px 18px;text-align:center;background:#fafbfc}.empty-icon{width:40px;height:40px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:#e8f5ed;color:#28754a;font-size:20px;font-weight:800}.empty-state strong{display:block;font-size:17px}.empty-state p{margin:5px auto 0;color:#718091;max-width:500px;font-size:14px}.upcoming{border-top:1px solid #e3e8ed;padding:17px 20px 20px}.upcoming-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.upcoming-head span{color:#718091;font-size:13px}.job-list{display:grid;gap:9px}.job-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid #dce2e8;border-radius:9px;padding:13px 14px;background:#fff}.job-time{font-weight:800;color:#31465c;white-space:nowrap}.job-copy{min-width:0}.job-copy strong,.job-copy span,.job-copy small{display:block}.job-copy strong{font-size:15px}.job-copy span{color:#45586b;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-copy small{color:#7b8794;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-status{flex:0 0 auto;background:#e8f5ed;color:#28754a;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.chevron{font-size:26px;color:#657689}.quick-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.quick-grid>div{min-height:88px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid #e3e8ed}.quick-grid>div:last-child{border-right:0}.quick-icon{font-size:24px;line-height:1;margin-bottom:7px;color:#10233f}.quick-grid strong{font-size:13px}.quick-grid .muted{opacity:.5}.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;min-height:72px;padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;justify-content:center;background:#10233f;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -4px 18px rgba(16,35,63,.08)}.bottom-nav a{width:min(170px,25%);min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#d8e1ea;text-decoration:none;font-size:11px;font-weight:650}.bottom-nav a.active{color:#19a9d2}.bottom-nav a.disabled{opacity:.5;pointer-events:none}.nav-icon{font-size:22px;line-height:1}
@media(max-width:680px){.app-header{padding:calc(max(12px,env(safe-area-inset-top))) 16px 20px}.app-logo{width:205px;height:72px;max-width:61%}.header-user span{font-size:10px}.header-user strong{font-size:13px;max-width:125px}.header-user a{font-size:10px}.welcome-line{padding-top:14px}.welcome-line h1{font-size:28px}.welcome-line span{font-size:13px;max-width:330px}.app-main{padding:14px 12px 24px}.next-job-card{padding:17px 16px;margin-bottom:12px;border-radius:10px}.next-job-card h2{font-size:22px;margin-top:14px}.primary-actions{grid-template-columns:1fr}.action{min-height:48px}.jobs-section{border-radius:10px}.section-head{padding:16px 15px 12px}.section-head h2{font-size:21px}.tabs{margin:0 15px}.day-block,.upcoming{padding-left:15px;padding-right:15px}.job-row{grid-template-columns:72px minmax(0,1fr) auto;padding:12px 11px;gap:9px}.job-status{display:none}.chevron{font-size:24px}.job-copy small{display:none}.quick-grid{border-radius:10px;margin-top:12px}.quick-grid>div{min-height:82px}.bottom-nav a{font-size:10px}}
@media(max-width:390px){.app-logo{width:185px;height:66px;max-width:62%}.header-user strong{max-width:105px}.welcome-line h1{font-size:26px}.job-time{font-size:13px}.job-row{grid-template-columns:65px minmax(0,1fr) auto}.quick-grid strong{font-size:12px}}
@media(min-width:681px) and (max-width:1024px){.app-main{padding:18px 20px 34px}.job-list{grid-template-columns:1fr 1fr}.job-row{grid-template-columns:auto minmax(0,1fr) auto}.job-status{display:none}.quick-grid>div{min-height:96px}}
/* v0.2.2 App-Start, Wetter und Login */
.welcome-grid{width:min(1040px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding-top:16px}.welcome-grid .welcome-line{width:auto;margin:0;padding:0}.weather-card{min-width:170px;min-height:78px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:10px}.weather-icon{font-size:29px;line-height:1;color:#20acd2}.weather-card div{display:grid}.weather-card strong{font-size:24px;line-height:1;color:#fff}.weather-card small{font-size:11px;color:#d8e1ea;margin-top:4px}.weather-card em{font-size:10px;color:#9fb0c1;font-style:normal;margin-top:2px}.app-login{padding:0;min-height:100dvh;background:#eef2f5}.login-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(320px,44%) minmax(360px,1fr)}.login-brand{background:#10233f;color:#fff;padding:clamp(32px,6vw,80px);display:flex;flex-direction:column;justify-content:center}.login-brand img{width:min(360px,90%);height:auto;max-height:150px;object-fit:contain;object-position:left center;margin-bottom:40px}.login-brand span{color:#20acd2;font-weight:800}.login-brand h1{font-size:clamp(34px,4vw,54px);line-height:1.04;margin:8px 0 14px}.login-brand p{max-width:440px;color:#c7d2df;font-size:17px}.app-login .login-card{width:min(460px,calc(100% - 40px));margin:auto;background:#fff;border:1px solid #dce2e8;border-radius:12px;padding:30px;box-shadow:0 10px 35px rgba(16,35,63,.08)}.app-login .login-card h2{font-size:28px;margin:0 0 4px}.app-login .login-card>p{color:#6d7c8d;margin-bottom:22px}.app-login form{display:grid;gap:16px}.app-login label{font-weight:750;font-size:14px}.app-login input{display:block;width:100%;height:52px;margin-top:6px;border:1px solid #cfd8e2;border-radius:8px;background:#fff;padding:0 14px;font:inherit;color:#182333;outline:none}.app-login input:focus{border-color:#1ba8d0;box-shadow:0 0 0 3px rgba(27,168,208,.12)}.password-field{position:relative}.password-field input{padding-right:88px}.password-field button{position:absolute;right:7px;top:13px;height:38px;border:0;background:#eef3f6;border-radius:6px;padding:0 10px;color:#34475b;font-weight:700}.login-btn{height:52px;border:0;border-radius:8px;background:#19a9d2;color:#fff;font:inherit;font-weight:800}.forgot-link{display:block;margin:17px auto 0;border:0;background:none;color:#145e86;text-decoration:underline;font:inherit;font-weight:650}.forgot-box{margin-top:17px;padding:15px;border-radius:8px;background:#f2f6f8;border:1px solid #dce5eb}.forgot-box strong{display:block;margin-bottom:4px}.forgot-box p{margin:0;color:#536477;font-size:14px}.forgot-box button{margin-top:11px;border:1px solid #cbd6df;background:#fff;border-radius:6px;padding:8px 12px;font-weight:700}.app-login footer{text-align:center;color:#8a96a3;font-size:11px;margin-top:24px}.msg.err{background:#fff0f0;border:1px solid #efc7c7;color:#8f2828;border-radius:8px;padding:11px 12px;margin-bottom:15px}
@media(max-width:680px){.app-logo{width:235px;height:82px;max-width:64%}.welcome-grid{grid-template-columns:minmax(0,1fr) 126px;gap:10px;padding-top:13px}.weather-card{min-width:0;min-height:68px;padding:9px 10px;gap:7px}.weather-icon{font-size:23px}.weather-card strong{font-size:21px}.weather-card small{font-size:9px;line-height:1.15}.weather-card em{font-size:9px}.welcome-grid .welcome-line h1{font-size:28px}.welcome-grid .welcome-line span{max-width:210px}.login-shell{display:block;background:#eef2f5}.login-brand{min-height:270px;padding:max(26px,env(safe-area-inset-top)) 24px 34px;justify-content:flex-start}.login-brand img{width:265px;max-width:88%;max-height:105px;margin:18px 0 24px}.login-brand h1{font-size:34px}.login-brand p{font-size:14px;margin-bottom:0}.app-login .login-card{position:relative;margin:-22px auto 24px;width:calc(100% - 24px);padding:23px 19px;border-radius:12px}.app-login .login-card h2{font-size:25px}.app-login input,.login-btn{height:54px}}
@media(max-width:390px){.app-logo{width:220px;height:78px}.header-user{max-width:118px}.welcome-grid{grid-template-columns:minmax(0,1fr) 116px}.weather-card{padding:8px}.weather-icon{display:none}.welcome-grid .welcome-line span{font-size:12px}.login-brand img{width:240px}}
/* v0.2.3 iPhone Web-App: Standortwetter, App-Touch und Pull-to-refresh */
html,body{-webkit-text-size-adjust:100%;touch-action:manipulation;overscroll-behavior-y:auto}.app-body{-webkit-user-select:none;user-select:none}.app-body input,.app-body textarea,.app-body select{-webkit-user-select:text;user-select:text}.bottom-nav a,.action,.tab,.header-user a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pull-refresh{position:fixed;z-index:19;top:calc(env(safe-area-inset-top) + 4px);left:50%;width:220px;height:48px;margin-left:-110px;transform:translateY(-62px);transition:transform .18s ease;background:#fff;border:1px solid #d9e1e8;border-radius:24px;box-shadow:0 5px 18px rgba(16,35,63,.16);display:flex;align-items:center;justify-content:center;gap:8px;color:#536477;font-size:12px;pointer-events:none}.pull-refresh span{font-size:21px;color:#19a9d2;transition:transform .18s}.pull-refresh.ready span{transform:rotate(180deg)}.pull-refresh.refreshing{transform:translateY(8px)!important}.pull-refresh.refreshing span{animation:ptr-spin .7s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}
@media(display-mode:standalone){.header-user a{padding:7px 0}.app-body{min-height:100dvh}}
/* v0.3.0 Auftragsansicht, Mobile/Tablet Hoch- und Querformat */
.job-row{text-decoration:none;color:inherit}.secondary-action{text-decoration:none}.order-page{background:#eef2f5}.order-top{position:sticky;top:0;z-index:15;background:#10233f;color:#fff;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));box-shadow:0 2px 10px rgba(16,35,63,.16)}.order-top-inner{width:min(1040px,100%);margin:auto;display:grid;grid-template-columns:48px minmax(0,1fr) 170px;align-items:center;gap:10px}.order-top-inner>div small,.order-top-inner>div strong{display:block}.order-top-inner>div small{font-size:11px;color:#b9c8d7}.order-top-inner>div strong{font-size:16px}.order-top img{justify-self:end;width:160px;height:48px;object-fit:contain;object-position:right center}.back-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.09);color:#fff;text-decoration:none;font-size:34px;line-height:1;-webkit-tap-highlight-color:transparent}.order-main{width:min(1040px,100%);margin:auto;padding:20px 18px 34px}.order-hero{background:#fff;border:1px solid #dce3e9;border-radius:12px;padding:22px;margin-bottom:14px}.order-hero-head{display:flex;gap:8px;align-items:center;margin-bottom:11px}.order-state,.priority{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#e8f5ed;color:#28754a;font-size:12px;font-weight:800}.priority{background:#fff1dd;color:#925600}.order-hero h1{font-size:28px;line-height:1.12;margin:0 0 5px}.order-customer{font-size:18px;font-weight:750;color:#33495f;margin:0}.order-when{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px;padding-top:14px;border-top:1px solid #e5eaee}.order-when strong{color:#10233f}.order-when span{color:#718091}.order-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:14px;align-items:start}.order-primary,.order-secondary{display:grid;gap:14px}.order-card{background:#fff;border:1px solid #dce3e9;border-radius:12px;padding:20px}.order-card-title{display:flex;gap:12px;align-items:flex-start}.card-symbol{width:38px;height:38px;flex:0 0 38px;border-radius:9px;display:grid;place-items:center;background:#e9f6f9;color:#1283a0;font-size:21px;font-weight:900}.order-card-title small{display:block;color:#748294;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.order-card h2{font-size:18px;line-height:1.25;margin:2px 0 0}.order-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.big-action{min-height:52px;border-radius:9px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:800;padding:10px 14px}.big-action.primary{background:#19a9d2;color:#fff}.big-action.light{background:#eef3f6;color:#18324c}.work-description{margin:17px 0 0;color:#34495e;font-size:16px;white-space:normal}.note-card{border-left:4px solid #e5a328}.info-card>h2,.next-step>h2{font-size:18px;margin-bottom:14px}.info-card dl{margin:0}.info-card dl>div{padding:11px 0;border-top:1px solid #e7ebef}.info-card dl>div:first-child{border-top:0;padding-top:0}.info-card dt{font-size:11px;color:#788697;font-weight:750;text-transform:uppercase}.info-card dd{margin:2px 0 0;font-weight:750;color:#263b50}.info-card dd small{display:block;font-weight:500;color:#718091;margin-top:2px}.next-step p{font-size:13px;color:#718091}.step-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.step-grid button{min-height:48px;border:1px solid #d8e0e7;background:#f4f6f8;color:#8995a2;border-radius:8px;font:inherit;font-weight:700}
@media(max-width:680px){.order-top{padding-left:12px;padding-right:12px}.order-top-inner{grid-template-columns:44px minmax(0,1fr) 118px}.order-top img{width:116px;height:42px}.order-main{padding:12px 12px 26px}.order-hero{padding:17px 16px;border-radius:10px}.order-hero h1{font-size:24px}.order-customer{font-size:16px}.order-layout{display:block}.order-primary,.order-secondary{gap:11px}.order-secondary{margin-top:11px}.order-card{padding:17px 15px;border-radius:10px}.order-actions{grid-template-columns:1fr}.big-action{min-height:54px}.work-description{font-size:15px}.step-grid button{min-height:52px}.order-page{padding-bottom:calc(82px + env(safe-area-inset-bottom))}}
@media(max-width:390px){.order-top-inner{grid-template-columns:42px minmax(0,1fr) 102px}.order-top img{width:100px}.order-top-inner>div strong{font-size:14px}.order-hero h1{font-size:22px}.order-when{display:grid;gap:2px}.order-card h2{font-size:17px}}
@media(min-width:681px) and (max-width:1024px){.order-main{padding:18px 20px 34px}.order-hero{padding:20px}.order-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr)}.order-card{padding:18px}.order-actions{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr}}
@media(min-width:681px) and (max-width:1024px) and (orientation:landscape){.order-main{max-width:100%;padding-left:24px;padding-right:24px}.order-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr)}.order-actions{grid-template-columns:1fr 1fr}.step-grid{grid-template-columns:1fr 1fr}}
@media(min-width:681px) and (max-width:1024px) and (orientation:portrait){.order-layout{grid-template-columns:1fr}.order-secondary{grid-template-columns:1fr 1fr}.order-actions{grid-template-columns:1fr 1fr}.step-grid{grid-template-columns:1fr 1fr}}
/* v0.4.0 Offline, Kunden, Sync */
.pull-refresh[hidden]{display:none!important}.customer-main{width:min(1040px,100%);margin:auto;padding:18px 18px 34px}.customer-search-card{background:#fff;border:1px solid #dce3e9;border-radius:12px;padding:20px}.customer-search-card h1{font-size:26px;margin:0 0 4px}.customer-search-card>p{color:#718091;margin:0 0 16px}.customer-search-card input{width:100%;height:54px;border:1px solid #cbd6df;border-radius:9px;padding:0 15px;font:inherit;font-size:16px}.sync-line{display:flex;align-items:center;gap:8px;margin-top:12px;color:#667789;font-size:12px}.sync-line>span{width:9px;height:9px;border-radius:50%;background:#9aa6b2}.sync-line>span.online{background:#2d8a57}.sync-line>span.offline{background:#c47a20}.sync-line button{margin-left:auto;border:1px solid #d4dde5;background:#f6f8fa;border-radius:7px;min-height:36px;padding:0 11px;font-weight:700;color:#34495e}.customer-results{display:grid;gap:10px;margin-top:12px}.customer-card{background:#fff;border:1px solid #dce3e9;border-radius:11px;padding:17px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.customer-card small,.customer-card span{display:block;color:#718091}.customer-card h2{font-size:18px;margin:2px 0}.customer-card p{margin:0;color:#42566a}.customer-actions{display:flex;gap:8px}.customer-actions a{min-height:44px;display:flex;align-items:center;padding:0 13px;border-radius:8px;background:#eef3f6;color:#18324c;text-decoration:none;font-weight:750}.customer-actions a:first-child{background:#19a9d2;color:#fff}.work-btn:not(:disabled){background:#10233f!important;color:#fff!important;border-color:#10233f!important}.bottom-nav{grid-template-columns:repeat(4,1fr)}
@media(max-width:680px){.customer-main{padding:12px}.customer-search-card{padding:16px 14px}.customer-search-card h1{font-size:23px}.sync-line{flex-wrap:wrap}.sync-line button{margin-left:0;width:100%}.customer-card{grid-template-columns:1fr}.customer-actions{display:grid;grid-template-columns:1fr 1fr}.customer-actions a{justify-content:center;min-height:50px}}
@media(min-width:681px) and (max-width:1024px) and (orientation:portrait){.customer-results{grid-template-columns:1fr 1fr}.customer-card{grid-template-columns:1fr}.customer-actions{display:grid;grid-template-columns:1fr 1fr}.customer-actions a{justify-content:center}}
@media(min-width:681px) and (max-width:1024px) and (orientation:landscape){.customer-results{grid-template-columns:1fr 1fr}.customer-search-card{display:grid;grid-template-columns:1fr 1.4fr;gap:8px 20px;align-items:center}.customer-search-card>p{grid-column:1;margin:0}.customer-search-card input{grid-column:2;grid-row:1/3}.sync-line{grid-column:1/-1}}
/* v0.5.0 einfacher Arbeitsablauf */
.work-open,.save-work{min-height:50px;border:0;border-radius:8px;background:#19a9d2;color:#fff;font:inherit;font-weight:800}.work-area{margin-top:14px;background:#fff;border:1px solid #dce3e9;border-radius:12px;padding:20px}.work-area[hidden]{display:none}.work-area-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.work-area-head small{display:block;color:#748294;font-size:11px;font-weight:750;text-transform:uppercase}.work-area-head h2{margin:2px 0 0;font-size:22px}.work-close{min-height:42px;padding:0 14px;border:1px solid #d7e0e7;border-radius:8px;background:#f5f7f9;font-weight:750}.work-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0 14px}.work-tabs button{min-height:48px;border:1px solid #d9e1e7;border-radius:8px;background:#f5f7f9;font-weight:750}.work-tabs button.active{background:#10233f;color:#fff;border-color:#10233f}.work-panel{display:none}.work-panel.active{display:grid;gap:12px}.work-panel label{display:grid;gap:5px;font-size:13px;font-weight:750;color:#45586b}.work-panel input,.work-panel select,.work-panel textarea{width:100%;border:1px solid #cbd6df;border-radius:8px;background:#fff;padding:11px 12px;font:inherit;font-size:16px;color:#182333}.work-panel input,.work-panel select{min-height:50px}.work-panel textarea{resize:vertical}.save-work{width:100%}.save-hint{min-height:20px;margin:0;color:#28754a;font-size:13px}.material-form{display:grid;grid-template-columns:2fr .7fr .8fr;gap:10px}.material-form .wide{grid-column:1/-1}.simple-list{display:grid;gap:7px}.simple-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e1e6ea;border-radius:8px}.simple-list span{color:#647487}.simple-list p{color:#718091}.simple-empty{padding:24px 18px;text-align:center;border:1px dashed #ccd7df;border-radius:9px;background:#fafbfc}.simple-empty p{max-width:600px;margin:5px auto 0;color:#718091}
@media(max-width:680px){.work-area{margin:11px 0 0;padding:15px 13px;border-radius:10px}.work-area-head{align-items:flex-start}.work-tabs{grid-template-columns:1fr 1fr}.work-tabs button{min-height:52px}.material-form{grid-template-columns:1fr 1fr}.material-form label:first-child,.material-form .wide{grid-column:1/-1}.save-work{min-height:54px}.simple-list>div{align-items:center}}
@media(min-width:681px) and (max-width:1024px) and (orientation:portrait){.work-area{padding:18px}.work-panel[data-wpanel="report"]{grid-template-columns:1fr 1fr}.work-panel[data-wpanel="report"] label:nth-child(2),.work-panel[data-wpanel="report"] label:nth-child(3),.work-panel[data-wpanel="report"] .save-work,.work-panel[data-wpanel="report"] .save-hint{grid-column:1/-1}.material-form{grid-template-columns:2fr .7fr .8fr}}
@media(min-width:681px) and (max-width:1024px) and (orientation:landscape){.work-area{padding:20px 22px}.work-panel[data-wpanel="report"]{grid-template-columns:.7fr 1.3fr}.work-panel[data-wpanel="report"] label:nth-child(2){grid-row:1/3;grid-column:2}.work-panel[data-wpanel="report"] .save-work,.work-panel[data-wpanel="report"] .save-hint{grid-column:1/-1}}
/* v0.6.0 Live Fahrt / Arbeit */
.live-work-card{position:relative;overflow:hidden}.live-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.live-head small{display:block;color:#6f7b88;margin-bottom:4px}.live-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#f2f5f8;font-size:24px}.live-timer{margin:18px 0;padding:16px;border-radius:16px;background:#10233f;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:12px}.live-timer strong{font-size:30px;letter-spacing:.5px}.live-timer span{font-size:13px;opacity:.78}.step-grid{display:grid;gap:10px}.primary-flow{min-height:54px}.after-work-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.after-work-choice p{grid-column:1/-1;margin:0 0 2px}.choice,.choice-link{min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center}.edit-order-btn{width:100%;margin-top:12px}.save-hint{min-height:20px;margin:10px 0 0;color:#66717e;font-size:13px}
.active-live-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#10233f;color:#fff;border-radius:22px;padding:18px;margin-bottom:18px;box-shadow:0 10px 30px rgba(16,35,63,.16)}.active-live-card[hidden]{display:none}.active-live-icon{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:25px}.active-live-copy small{opacity:.7}.active-live-copy h2{margin:2px 0 3px;color:#fff}.active-live-copy p{margin:0 0 5px;opacity:.82}.active-live-copy strong{color:#f08200}.active-live-card>a{background:#f08200;color:#fff;text-decoration:none;font-weight:700;padding:11px 14px;border-radius:12px}
@media(max-width:560px){.after-work-choice{grid-template-columns:1fr}.after-work-choice p{grid-column:auto}.live-timer{align-items:flex-start;flex-direction:column}.active-live-card{grid-template-columns:auto 1fr}.active-live-card>a{grid-column:1/-1;text-align:center}}