:root{--schlern:#4f1814;--groeden:#c8202b;--ink:#202020;--muted:#6c6c6c;--selected:#454545;color:var(--ink);background:#f5f5f5;font-family:Roboto,'Segoe UI',system-ui,sans-serif}body{background:#f5f5f5;color:var(--ink)}header{height:106px;background:#000000;position:relative;isolation:isolate;overflow:visible;padding:0 4%;gap:16px}header:before{content:none}.brand{display:flex;flex-direction:column;align-items:center;gap:2px;letter-spacing:0;min-width:0;flex-shrink:0}.brand img{width:290px;max-width:100%;height:auto;display:block}.brand span{font-size:18px;font-weight:400;font-style:italic;line-height:1.2}.header-tools{display:flex;align-items:center;gap:18px;margin-left:auto}h1{letter-spacing:-1.4px;color:#202020;font-size:43px}h2,h3{color:#242424}p{color:var(--muted)}.eyebrow{color:#757575}.panel{border-color:#d9d9dc;border-radius:9px;box-shadow:0 2px 5px #00000009}input,textarea,select{border-color:#d2d2d6;background:white;color:#242424;border-radius:5px}input:focus,textarea:focus{border-color:#666}button{background:var(--selected);border-radius:5px}.choices button{background:#eeeeef;color:#242424;border-color:#ccc;border-radius:5px}.choices button.selected{background:var(--selected);color:white;border-color:var(--selected);box-shadow:none}.tabs{border-bottom:2px solid #454545}.tabs button{border-radius:5px 5px 0 0;color:#454545}.tabs .active{background:var(--selected);color:white;border-bottom:0}.stats>div{background:#e9e9e9;border-radius:7px}.stats span{color:#616161}.stats strong{color:#303030}.layout{grid-template-columns:350px minmax(0,1fr);gap:24px}.orders{grid-column:2;grid-row:1}aside{grid-column:1;grid-row:1}.layout:has(aside[hidden]){grid-template-columns:1fr}.layout:has(aside[hidden]) .orders{grid-column:1}.line-schlern{--line-color:var(--schlern);--line-tint:#f9efef}.line-groeden{--line-color:var(--groeden);--line-tint:#fff0f1}.line-heading{border-radius:5px;font-size:18px;padding:16px 12px}.task{border-color:#dedadd;border-radius:7px}.task.line-schlern,.task.line-groeden{background:var(--line-tint)}.task .badge{background:#ffffffb0;color:#454545;border:1px solid #dedade}.task .meta{color:#6d6262}.choices button.line-schlern,.choices button.line-groeden{color:white;background:var(--line-color);border:2px solid var(--line-color)}.choices button.line-schlern.selected,.choices button.line-groeden.selected{box-shadow:0 0 0 2px white,0 0 0 4px var(--line-color)}.choices button.line-schlern[aria-pressed=false],.choices button.line-groeden[aria-pressed=false]{opacity:.75}.empty{border-color:#cfcbcd;color:#6f6a6a}footer{color:#777}#account{max-width:260px}#account span{overflow-wrap:anywhere}#chefOptions{position:relative;margin:0}#chefOptions summary{list-style:none;white-space:nowrap;background:#ffffff18;padding:12px 14px;border-radius:5px;color:white;font-size:13px}#chefOptions summary::-webkit-details-marker{display:none}#chefOptions[open] summary{background:#454545}#chefOptions nav{position:absolute;top:calc(100% + 10px);right:0;width:240px;background:white;border:1px solid #ddd;padding:8px;border-radius:7px;box-shadow:0 10px 30px #0003;z-index:1100}#chefOptions nav button{width:100%;text-align:left;color:#242424;background:white;padding:14px 10px}#chefOptions nav button:hover{background:#eee}dialog{border:1px solid #d4d4d4;border-radius:12px;max-width:560px;width:calc(100% - 28px);max-height:calc(100dvh - 64px);padding:26px;color:#242424;background:white;overflow-y:auto;box-shadow:0 18px 60px #0005}dialog::backdrop{background:#0008}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:25px;margin:8px 0 14px}.dialog-heading button{background:#eee;color:#333;min-height:44px;min-width:44px}.settings-tabs{display:flex;gap:8px;border-bottom:1px solid #ddd;padding-bottom:12px}.settings-tabs button{background:#eee;color:#333}.settings-tabs .active{background:#454545;color:white}.field-hint{font-size:12px;line-height:1.5;margin:-5px 0 20px}.existing-heading{margin-top:28px}.user-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eee;font-size:14px}.user-row span{color:#777}#dialogMessage:not(:empty){padding:12px;background:#f0f0f0;border-radius:5px;margin:10px 0;font-size:14px}#message:not(:empty){background:#eee;border-color:#d0d0d0;color:#333}:focus-visible{outline:3px solid #8b8b8b;outline-offset:3px}.secondary{color:#454545;border-color:#aaa}@media(max-width:1000px){header{height:96px;padding:0 22px}.brand img{width:235px}.brand span{font-size:16px}.header-tools{gap:12px}.layout{grid-template-columns:310px minmax(0,1fr);gap:18px}}@media(max-width:800px){header{height:auto;min-height:104px;flex-wrap:wrap;padding:16px 18px 12px;gap:10px}.brand{align-items:flex-start}.brand img{width:235px}.brand span{align-self:center;font-size:15px}.header-tools{width:100%;justify-content:space-between;gap:12px}.header-tools #account{display:flex;gap:10px;font-size:13px;max-width:calc(100% - 110px)}#chefOptions summary{padding:10px 12px}.layout{grid-template-columns:1fr}.orders{grid-column:1;grid-row:2}aside{grid-column:1;grid-row:1}.layout:has(aside[hidden]) .orders{grid-row:1}h1{font-size:35px}.line-heading{font-size:13px;padding:13px 7px}.line-columns{gap:8px}.panel{padding:20px}.heading{gap:0}.stats{margin:20px 0 24px}.line-column .task{padding:13px 8px}dialog{padding:20px}.dialog-heading h2{font-size:22px}}

.heading{margin-bottom:26px}

.layout{display:block}.orders{width:100%}aside{max-width:680px;margin:0 auto}.creating{padding-top:10px}.tabs{margin:22px 0 24px;gap:5px}.tabs button{font-size:14px;min-height:44px;padding:12px 18px}.settings-tabs{flex-wrap:wrap}.settings-tabs button{font-size:13px;padding:11px 12px}.checkbox-label{display:flex;align-items:center;gap:12px;line-height:1.6}.checkbox-label input{width:21px;height:21px;margin:0;flex-shrink:0}.sort-controls{display:flex;align-items:center;gap:7px;justify-content:flex-end;margin-top:12px;border-top:1px solid #0001;padding-top:10px}.task .sort-controls button{background:#454545;color:white;width:44px!important;height:42px;min-height:42px;font-size:20px;padding:4px!important}.task .sort-controls .drag-handle{margin-right:auto;background:transparent;color:#444;cursor:grab;font-size:30px;touch-action:none;user-select:none;-webkit-user-select:none}.dragging{opacity:.55;pointer-events:none}.drop-before{box-shadow:0 -5px 0 var(--line-color,#454545)}.drop-after{box-shadow:0 5px 0 var(--line-color,#454545)}#routePanel{margin-bottom:18px}#taskTabs{position:relative}#serverAddress{font-size:14px}@media(max-width:800px){.task .sort-controls button{width:36px!important;height:40px;font-size:19px;min-width:0}.sort-controls{gap:4px}.tabs button{font-size:13px;padding:11px 13px}.line-column .sort-controls .drag-handle{width:26px!important}.settings-tabs{gap:5px}.settings-tabs button{font-size:12px;padding:10px 11px}}

#dataPanel{max-width:800px;margin:0 auto}.task .meta{display:flex;flex-wrap:wrap;gap:6px 12px}.task .badge{white-space:normal;line-height:1.5}@media(max-width:600px){#taskTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#taskTabs button{border-radius:5px;min-width:0;padding:12px 8px}}

#driverFrame{width:100%;height:1080px;border:0;display:block;margin:20px 0;background:white;border-radius:12px}.form-external{display:inline-block;color:#454545;font-weight:600;padding:12px 0}#driverReports{border-top:1px solid #ddd;padding-top:24px;margin-top:20px}#driverExportForm{max-width:430px;margin-top:18px}#driverIssues:not(:empty){background:#fff1e8;padding:14px;margin:12px 0;border-radius:7px}#driverSetup{margin-top:20px;line-height:1.6}#driverSetup summary{cursor:pointer;font-weight:600}

.driver-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}#driverRecent{margin-top:28px}#driverEntryStatus:not(:empty){padding:12px;background:#f0f0f0;border-radius:6px}.driver-recent-row{border-bottom:1px solid #ddd;padding:14px 0;font-size:13px;line-height:1.6}@media(max-width:600px){.driver-grid{grid-template-columns:1fr}}

/* Crelogix Connect: branding preparation; reference logo pending. */
:root{--brand-red:#E30613;--ink:#1F2329;--muted:#6B7280;--selected:#E30613;--schlern:#1F2329;--groeden:#E30613;font-family:Inter,'Segoe UI',system-ui,sans-serif;color:var(--ink);background:#f5f6f8}
body{background:#f5f6f8;color:var(--ink)}header{background:#1F2329;border-bottom:4px solid #E30613}.brand{align-items:flex-start;gap:4px}.brand-name{font-family:Montserrat,Inter,'Segoe UI',sans-serif;font-size:30px;font-weight:750;letter-spacing:-1px;line-height:1.2}.brand-name b{font-weight:400}.brand span{font-size:12px;font-style:normal;letter-spacing:1px;align-self:flex-start}
h1,h2,h3{font-family:Montserrat,Inter,'Segoe UI',sans-serif;color:#1F2329}p,.field-hint,#clientHint,.task .meta{color:#6B7280}.eyebrow{color:#6B7280}.panel{border-color:#e1e3e6;border-radius:12px}.login{border-top:4px solid #E30613}.login h1{font-size:38px;line-height:1.1}.login form>button,form>button{background:#E30613;color:white}.tabs{border-color:#E30613}.tabs button{color:#1F2329}.tabs .active,.settings-tabs .active,.choices button.selected{background:#E30613;color:white;border-color:#E30613}.secondary{color:#1F2329;border-color:#6B7280}.line-schlern{--line-tint:#f0f1f3}.line-groeden{--line-tint:#fff0f1}.task .badge{color:#1F2329}.empty strong{color:#1F2329}input:focus,textarea:focus,select:focus{border-color:#E30613}:focus-visible{outline:3px solid #E30613;outline-offset:3px}footer{color:#6B7280}
@media(max-width:800px){.brand-name{font-size:27px}.brand span{font-size:11px}.login h1{font-size:32px}}

.brand{flex-direction:row;align-items:center;gap:14px}.brand .brand-mark{width:68px;height:68px;object-fit:contain;border-radius:12px}.brand-type{display:flex;flex-direction:column;gap:4px}.brand-name{font-style:italic;text-transform:uppercase;font-size:29px}.brand-name b{display:block;text-transform:none;font-size:15px;font-style:normal;font-weight:500;letter-spacing:1.5px}.brand span{font-size:11px;letter-spacing:.3px}.login{background:linear-gradient(155deg,#1F2329,#30353c);color:white;border-top:4px solid #E30613}.login h1{color:white}.login p,.login .eyebrow{color:#e2e4e8}.login input{background:white;color:#1F2329}.login label{color:white}@media(max-width:800px){.brand .brand-mark{width:58px;height:58px}.brand-name{font-size:24px}.brand-name b{font-size:13px}}

/* Keep the options popup above every workspace panel and card. */
header{z-index:1101;overflow:visible}#chefOptions{z-index:1102}#chefOptions nav{z-index:1103;max-height:calc(100dvh - 190px);overflow-y:auto}
.required-label{display:inline;font-size:10px;font-weight:500;color:#6B7280;margin-left:5px}.user-service-row{padding:10px 0 20px;border-bottom:1px solid #ddd}.user-service-row .user-row{border:0}.user-service-row fieldset{margin:10px 0}.user-service-row form>button{width:auto}.user-service-row .checkbox-label{margin:9px 0}#driverHistoryOpen{margin-top:12px;width:100%}.driver-recent-row>button{margin-top:10px;min-height:44px}#driverEditDialog{max-width:720px}#driverEditStatus:not(:empty){padding:12px;background:#f0f0f0;border-radius:6px}#driverRecent h3{font-size:19px}

#driverReports .field-hint{margin-top:14px;line-height:1.6}

/* Version 1.7: größere Schrift und erkennbare Reiter */
:root{font-size:18px}
input,textarea,select,button{font-size:17px}
label,legend,.choices button,.task p,.task .meta,.user-row,.field-hint,.driver-recent-row{font-size:16px}
.tabs button,.settings-tabs button{font-size:17px;min-height:48px}
.tabs button:not(.active),.settings-tabs button:not(.active){background:#d6d9de;color:#242930;border:1px solid #b8bec6;border-radius:7px 7px 0 0}
.tabs button.active,.settings-tabs button.active{background:#E30613;color:#fff}
.user-service-row select{max-width:360px}
@media(max-width:800px){.tabs{flex-wrap:wrap}.tabs button{flex:1;padding:12px 10px;font-size:16px}.line-column .task p,.line-column .meta{font-size:15px}#account{font-size:14px}}

.suggestions{position:relative;z-index:20;max-height:260px;overflow:auto;margin-top:3px;background:white;border:1px solid #b8bec6;border-radius:7px;box-shadow:0 5px 15px #0002}
.suggestions button{display:block;width:100%;text-align:left;background:white;color:#242930;border-radius:0;padding:12px 14px;border-bottom:1px solid #e1e3e6;font-weight:500;min-height:46px}
.suggestions button:hover,.suggestions button.selected{background:#e7e9ed;color:#242930}