:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#26221e;background:#f7f5f0}*{box-sizing:border-box}body{margin:0}header{height:78px;background:#191919;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 960px)/2))}.brand{font-family:Georgia,serif;font-size:28px;letter-spacing:2px}.brand span{font:10px system-ui;letter-spacing:3px;color:#c1a580;margin-left:12px}.tag{font-size:10px;color:#d4b794;letter-spacing:1px}main{max-width:850px;margin:0 auto;padding:40px 20px 70px}.intro{text-align:center;padding:10px 0 24px}.intro h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,50px);font-weight:400;margin:12px 0}.intro p{color:#645f59;line-height:1.6}.eyebrow{color:#98734e!important;font-size:11px;letter-spacing:3px;font-weight:700}.notice{border:1px solid #e1c998;background:#fff8e6;border-radius:10px;padding:18px;margin:12px 0 26px;line-height:1.5}fieldset{border:1px solid #e5e0d8;background:#fff;border-radius:16px;padding:26px;margin:0 0 20px;box-shadow:0 6px 20px #16120b05}legend{font-family:Georgia,serif;font-size:23px;padding:0 10px}legend small{font:11px system-ui;letter-spacing:1px;color:#967d65;display:block;margin-bottom:5px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:13px;font-weight:600;margin:10px 0}input:not([type=radio]):not([type=checkbox]),select,textarea{display:block;margin-top:7px;width:100%;border:1px solid #d8d1c8;border-radius:8px;padding:12px 13px;background:#fff;color:#222;font:15px system-ui}input:focus,textarea:focus,select:focus{outline:2px solid #b58b5d;outline-offset:1px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choices label{border:1px solid #e0d8ce;border-radius:10px;padding:14px;cursor:pointer;line-height:1.6}.hint{color:#746d65;font-size:12px;line-height:1.6}.check{display:flex;gap:12px;align-items:start;line-height:1.6}.check input{margin-top:4px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}button{border:0;border-radius:9px;padding:14px 22px;background:#24201c;color:white;font-weight:650;cursor:pointer}button.secondary{background:#e8e1d7;color:#2d2924}button:hover{opacity:.89}#errors{color:#a12d22;line-height:1.7}footer{text-align:center;color:#797169;font-size:12px;padding:35px}#printout{background:white;padding:24px}#printvalues{display:grid;grid-template-columns:1fr 1fr;gap:12px}#printvalues div{border-bottom:1px solid #ddd;padding:6px;font-size:12px;overflow-wrap:anywhere}#printvalues b{display:block;font-size:10px;color:#555;margin-bottom:5px}@media(max-width:660px){header{padding:16px;height:auto}.tag{font-size:8px}.brand{font-size:22px}.brand span{display:block;margin:3px 0}.twocol,.choices{grid-template-columns:1fr}fieldset{padding:20px 15px}.actions button{width:100%}}@media print{header,.intro,.notice,form,footer{display:none!important}body{background:white}main{max-width:100%;padding:0}#printout{display:block!important}#printvalues{display:grid;grid-template-columns:1fr 1fr} @page{margin:18mm}}
/* COBAMI restrained visual refresh */
body{background:#f8f6f2;position:relative}
body::before{content:"";position:fixed;inset:80px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(249,247,243,.95),rgba(249,247,243,.95)),url("https://cobami-restaurant.de/assets/optimized-20261016/hero-sharing-960.webp") center 30%/cover no-repeat;filter:grayscale(1)}
header .brand{display:flex;align-items:center;gap:12px;font-size:0}
header .brand img{width:66px;height:56px;object-fit:contain}
header .brand span{font:600 11px system-ui;letter-spacing:2px;color:#d8b77b;margin:0}
fieldset{background:rgba(255,255,255,.97);box-shadow:0 12px 32px rgba(55,37,20,.045);border-color:#e7e0d6}
.intro h1{letter-spacing:-.035em}
.admin-note{padding:13px 16px;background:#f3f0ea;border-left:3px solid #b78a4c;color:#5b5045;border-radius:7px;font-size:12px;line-height:1.7}
@media(max-width:660px){header .brand img{width:52px;height:47px}header .brand span{font-size:9px;max-width:116px;line-height:1.5}}
@media print{body::before{display:none!important}}

/* Employer preview guidance; intentionally no active upload controls */
.review-guide{background:#f1ece3;border:1px solid #dfd1bc;border-radius:16px;padding:24px;margin:22px 0 32px;line-height:1.55}.review-guide h2{font:normal 28px Georgia,serif;margin:8px 0}.review-guide>p:not(.eyebrow){color:#625951;font-size:13px}.review-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.review-items>div{background:#fffaf2;border:1px solid #e9ddcd;border-radius:12px;padding:15px}.review-items span{display:block;color:#a47d47;font-weight:800;font-size:11px;margin-bottom:8px}.review-items strong{display:block;font-size:14px}.review-items p{font-size:12px;color:#70675b;margin:8px 0 0}@media(max-width:660px){.review-items{grid-template-columns:1fr}.review-guide{padding:18px}}@media print{.review-guide{display:none!important}}

/* Card headings belong inside fieldsets; keep semantic legends available to screen readers. */
fieldset{min-width:0}
fieldset>.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.section-title{padding:0;margin:0 0 23px}
.section-title small{display:block;color:#967d65;font:600 11px/1.4 system-ui,sans-serif;letter-spacing:1.3px;text-transform:uppercase;margin:0 0 7px}
.section-title h2{margin:0;color:#26221e;font:400 clamp(21px,2.8vw,25px)/1.2 Georgia,serif;letter-spacing:-.02em}
@media(max-width:660px){.section-title{margin-bottom:19px}}

/* Unambiguous demo-only handoff and employer-review status. */
.status-panel{margin:20px 0 10px;padding:17px 20px;background:#fbf6ec;border:1px solid #d7c49e;border-radius:12px;color:#4d4233}.status-panel strong{font-size:14px}.status-panel p,.status-panel li{font-size:12px;line-height:1.7}.status-panel p{margin:6px 0 10px}.status-panel ul{margin:0;padding-left:20px}.status-panel li+li{margin-top:4px}@media print{.status-panel{display:none!important}}

/* Explicitly simulated handoff: test-only, no real API. */
.demo-test{background:#f5f3ed;border:1px solid #ded6c9;border-radius:13px;padding:18px;margin:19px 0 18px}
.demo-test strong{font-size:14px}.demo-test p,.demo-test li{color:#665c51;font-size:12px;line-height:1.65}
.demo-test button{margin:8px 0 0}.demo-test #drive-demo-result{margin-top:16px;border-top:1px solid #ded6c9;padding-top:13px}
.demo-test ol{padding-left:20px}
@media print{.demo-test{display:none!important}}

/* PDF preview visible on screen; print only after explicit user gesture. */
#printout:not([hidden]){display:block;margin:28px 0;padding:28px;border:1px solid #d8c9b7;border-radius:16px;box-shadow:0 12px 30px #16120b0b}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #e5ded6}
.preview-toolbar strong{font-size:14px}
#errors:not(:empty){white-space:pre-line;background:#fff1ed;border:1px solid #e3b5aa;border-radius:9px;padding:12px 16px;margin-bottom:14px}
@media(max-width:660px){.preview-toolbar{flex-direction:column;align-items:stretch}}
@media print{.preview-toolbar{display:none!important}#printout:not([hidden]){padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}#printout[hidden]{display:none!important}}