:root{font:16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20362c;background:#f4f5ef;--forest:#17392c;--lime:#d0ef80;--muted:#708074;--line:#dfe5d9}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 100% 0,#e9efdc 0,transparent 55%),#f4f5ef}header{background:var(--forest);color:white;padding:24px max(22px,calc((100vw - 620px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff12}header b{display:flex;align-items:center;font-size:29px;font-weight:850;letter-spacing:-1.4px;font-style:italic;color:#e0f4b9;line-height:1}header .brand-arrow{font-style:normal;font-size:31px;margin-left:4px;letter-spacing:-4px}header>div>span{display:block;font-size:8px;letter-spacing:2.1px;margin-top:10px;color:#d4e3d4}header button{background:#ffffff0b;color:#dbe8d6;border:1px solid #7a94805c;padding:10px 13px;font-size:12px;min-height:40px;border-radius:100px}main{max-width:660px;margin:auto;padding:26px 20px 48px}#welcome{max-width:660px;margin:0 auto;padding:38px 23px 24px;background:transparent;border:0;box-shadow:none;border-radius:0}#welcome h1{font-size:35px;letter-spacing:-1.4px;font-weight:750;margin:7px 0 10px;line-height:1.1}#welcome>p:last-child{color:#738071;font-size:15px;margin:0}.eyebrow{font-size:10px!important;font-weight:750;letter-spacing:1.7px;color:#718365;margin:0 0 12px;text-transform:uppercase}h1{font-size:29px;font-weight:750;letter-spacing:-.8px;line-height:1.2;margin:6px 0 9px}h2{font-size:20px;letter-spacing:-.35px;margin:0 0 12px}p{line-height:1.6}.sub,.small{color:#6b796b;font-size:14px}.small{font-size:12px}.back-button{margin:0 0 30px;padding:0;border:0;background:transparent;color:#48634c;min-height:36px;font-size:13px;font-weight:650}.back-button:hover{color:#17392c}nav{display:grid;grid-template-columns:1fr;max-width:660px;padding:0 20px 40px;margin:0 auto;gap:12px}nav button{display:flex;align-items:center;gap:16px;min-height:89px;width:100%;background:#fff;border:1px solid #dfe5d9;border-radius:19px;padding:16px;text-align:left;box-shadow:0 3px 7px #1d3b2603;transition:transform .15s,border-color .15s,box-shadow .15s}nav button:hover{border-color:#9cae85;box-shadow:0 5px 20px #2842280a;transform:translateY(-1px)}nav button:active{transform:scale(.985)}.nav-icon{display:flex;align-items:center;justify-content:center;background:#edf2e5;color:#456741;width:49px;height:49px;border-radius:15px;flex:none}.nav-icon svg{width:25px;height:25px}.nav-copy{flex:1;min-width:0}.nav-copy strong{display:block;font-size:17px;font-weight:720;letter-spacing:-.3px;color:#253d2f}.nav-copy small{display:block;color:#83907d;font-size:11px;font-weight:450;margin-top:5px;line-height:1.4}.nav-arrow{font-size:25px;font-weight:350;color:#8d9a84;padding-left:4px}nav button:first-child{background:var(--forest);border-color:var(--forest);box-shadow:0 7px 18px #183a2a17}nav button:first-child .nav-icon{background:#d0ef80;color:#1a3e2b}nav button:first-child .nav-copy strong{color:#f1f5ea}nav button:first-child .nav-copy small{color:#b3c6ad}nav button:first-child .nav-arrow{color:#c5dfb0}section,article,form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin:20px 0;box-shadow:0 4px 18px #203b2404}article{position:relative;overflow:hidden}article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#cfdfb4}article h2{margin:15px 0 10px}.tag{display:inline-block;font-size:11px;font-weight:650;color:#577347;background:#edf3e4;border-radius:100px;padding:7px 11px;letter-spacing:.15px}.plate{display:inline-block;font-size:17px;font-weight:750;letter-spacing:1px;border:1px solid #d4dccc;border-radius:7px;padding:7px 12px;margin:2px 0 5px;color:#314a36;background:#fafbf7}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.actions button{flex:1;background:var(--forest);color:white;border-color:var(--forest)}label{display:block;font-size:12px;font-weight:700;color:#4f6650;margin:18px 0 8px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:14px 12px;border:1px solid #d1dbcb;border-radius:11px;min-height:49px;color:#223d2b;background:#fafbf7;outline:none;font-size:16px}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#6d8f4a;background:white;box-shadow:0 0 0 3px #b7d98c24}input[type=file]{font-size:12px;padding:12px 10px;white-space:normal}input::file-selector-button{background:#e8efdf;border:0;color:#3f603e;border-radius:7px;padding:8px;margin-right:10px;font-weight:650}button{cursor:pointer;min-height:47px;padding:12px 16px;border:1px solid #cedac3;border-radius:11px;background:#edf2e6;color:#28452d;font-weight:650}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--forest);color:#f6faef;border:1px solid var(--forest);margin-top:24px;width:100%;min-height:52px;border-radius:12px;font-weight:700;box-shadow:0 4px 12px #17392c12}.primary:hover{background:#234c37}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:flex-start;gap:10px;font-weight:450;font-size:13px;line-height:1.6;margin:18px 0}.check input{width:21px;min-height:21px;flex:none;margin-top:1px;accent-color:var(--forest)}.history{border-top:1px solid #e4e9df;padding:15px 0}.history p{margin:6px 0;font-size:14px}.history button{font-size:12px}.empty{color:#7d8976;font-size:14px}.notice{background:#fff9e9;border-color:#e9d6a4;color:#715f32}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}details{margin:26px 0}summary{cursor:pointer;font-weight:650;font-size:14px;color:#486343;min-height:45px;padding:12px 0}.login{max-width:440px;margin:35px auto 0}.login>h1{font-size:35px;letter-spacing:-1.2px}.login>p{font-size:14px;color:#78836f;max-width:320px;margin-bottom:28px}.login form{padding:25px 23px}.login form h2{font-size:19px}.login form>p{font-size:12px;color:#88917f;margin-bottom:0}#message{position:fixed;bottom:20px;left:16px;right:16px;max-width:610px;margin:auto;padding:15px 18px;background:#17392c;color:white;border-radius:13px;z-index:8;display:none;box-shadow:0 8px 30px #0002;font-size:14px}#message.show{display:block}#message.error{background:#8b3434}[hidden]{display:none!important}button:focus-visible{outline:3px solid #8fb85c;outline-offset:3px}@media(min-width:700px){#welcome{padding-top:45px}nav button{min-height:95px}header{padding-top:27px;padding-bottom:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

header .driver-brand img{display:block;width:156px;max-width:48vw;height:auto;border-radius:12px;background:#d9d9d9}header{padding-top:14px;padding-bottom:14px}

header .driver-brand img{background:#17392c}

/* Fahrzeugcollage – helle Flächen für lesbare Eingaben. */
body{background-color:#e8eee5;background-image:linear-gradient(rgba(244,245,239,.62),rgba(244,245,239,.82)),url('/nuris-fuhrpark-hintergrund.png');background-size:cover;background-position:62% center;background-attachment:fixed}#welcome{background:rgba(244,245,239,.88);border-radius:0 0 22px 22px}.login>h1,.login>p{background:rgba(244,245,239,.94);padding:12px 16px;border-radius:12px}.login>p{margin-top:-10px}nav button{background:rgba(255,255,255,.96)}main>h1,main>.eyebrow,main>.sub{background:rgba(244,245,239,.94);padding:10px 14px;border-radius:12px}main>.back-button{background:#f4f5ef;padding:10px 14px}

header{background:linear-gradient(90deg,rgba(9,34,22,.58),rgba(9,34,22,.78)),url('/nuris-fuhrpark-hintergrund.png') 65% 36%/cover}header .driver-brand img{background:transparent}

#license-notification{max-width:620px;margin:16px auto;background:#fff8df;border:2px solid #d4aa47;color:#4b3b11}#license-notification h2{font-size:20px}#license-notification p{font-size:14px}#license-notification button{background:#17392c;color:white}

.driver-license-status{padding:12px 14px;border-radius:12px;font-size:14px!important}.driver-license-status.approved{background:#d8efcc;color:#22542d!important}.driver-license-status.rejected{background:#ffe2df;color:#982c25!important}.driver-license-status.pending{background:#fff0c7;color:#70591e!important}

.license-example{margin:18px 0;padding:12px;background:#fff;border-radius:16px}.license-example img{display:block;width:100%;height:auto;border-radius:10px}.license-example figcaption{font-size:13px;line-height:1.6;color:#38553c;margin-top:10px}

/* Gleiche Menüfarben wie im Admin-Webboard. */
nav .nav-icon,nav button:first-child .nav-icon{background:#286447;color:#fff;border:1px solid #ffffff20;box-shadow:0 2px 7px #00000012}nav .nav-icon svg{color:#fff}

header{flex-wrap:wrap}.language-picker{display:flex;align-items:center;gap:10px;margin:0 0 0 auto;color:#fff;font-size:11px}.language-picker select{min-height:40px;width:145px;background:#f6faf1;color:#17392c;padding:8px 10px;font-size:14px}.language-picker span{color:#e3efdd}@media(max-width:500px){.language-picker{width:100%;justify-content:flex-end;margin-top:6px}}

.login .language-picker{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:8px;margin:16px 0 22px;color:#17392c}.login .language-picker span{color:#38563f;font-size:13px;font-weight:700}.login .language-picker select{width:100%;min-height:49px;font-size:16px}

.chat-messages,#driver-chat-messages{max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:8px}.chat-bubble{border:1px solid #81996e55;border-radius:14px;padding:14px 16px;margin:0 12% 0 0;background:#f4f7ef;color:#203b2b;box-shadow:none}.chat-bubble.own{margin:0 0 0 12%;background:#dcebcf}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.chat-bubble small{font-size:11px;color:#526749}.driver-chat-panel{padding:14px}.driver-chat-panel form{padding:0;border:0;box-shadow:none}.chat-panel textarea{min-height:95px}

#driver-chat-notice{max-width:620px;margin:12px auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#e4f4d4;border-color:#6d9d4d}.chat-unread-count{display:inline-block;background:#b93e36;color:white;border-radius:20px;padding:2px 7px;font-size:12px;margin-left:8px}

/* Lenk-/Ruhezeitnachweise only. */
.evidence-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}
.evidence-nav button{white-space:normal;text-align:left;line-height:1.4}
.evidence-table{max-width:100%;overflow-x:auto}
.evidence-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}
.evidence-metrics .metric{padding:14px;border:1px solid #cfdfd3;border-radius:12px;background:#f4f8f5;color:#163c29}
.evidence-metrics .metric span,.evidence-metrics .metric b{display:block}
#driving-day-form .driving-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#driving-day-form fieldset{min-width:0;padding:18px;border:1px solid #cfdfd3;border-radius:14px;margin:16px 0}
#driving-day-form legend{padding:0 8px;font-weight:700}
#driving-day-form label{display:block;font-weight:600;margin:10px 0}
#driving-day-form input,#driving-day-form select,#driving-day-form textarea{width:100%;box-sizing:border-box;margin-top:6px}
#driving-day-form textarea{min-height:100px}
#evidence-error{color:#b91c1c}
#driving-day-form .toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
@media(max-width:640px){.evidence-nav,#driving-day-form .driving-form-grid{grid-template-columns:1fr}#driving-day-form .toolbar{display:grid;grid-template-columns:1fr}#driving-day-form .toolbar button{width:100%}}

#driving-day-form #evidence-card-confirm{width:auto;margin-right:8px}

#driving-day-form input[type=checkbox]{width:auto;margin-right:8px}

/* Lenk-/Ruhezeiten: persönliche Nachweisübersicht */
.evidence-proof-list{display:grid;gap:16px}.evidence-proof-card{margin:0;padding:20px;border:1px solid #d8e2d4;border-radius:16px;background:#fff}.evidence-proof-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.evidence-proof-heading h2{margin:0;font-size:20px}.evidence-proof-heading .tag{padding:6px 10px;border-radius:20px;background:#edf3e4;color:#36543a;font-size:12px}.evidence-proof-sums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.evidence-proof-sums>div{padding:10px;border-radius:10px;background:#f3f7f0}.evidence-proof-sums dt{font-size:13px;color:#52674f}.evidence-proof-sums dd{margin:4px 0 0;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.evidence-proof-card>button{width:100%}

#driving-day-form .evidence-edit-fields{border:0;padding:0;margin:0;min-width:0}#driving-day-form .evidence-edit-fields:disabled{opacity:.85}

.driver-install-help{max-width:660px;margin:0 auto 30px;padding:0 20px}.driver-install-help details{padding:20px;background:#fff;border:1px solid #dfe5d9;border-radius:18px}.driver-install-help summary{font-weight:700;cursor:pointer;color:#17392c}.driver-install-help h2{font-size:18px;margin-top:24px}.driver-install-help li{margin:9px 0;line-height:1.6}.driver-install-help button[hidden]{display:none}