:root{--brand:#155e75;--brand-dark:#0e4658;--accent:#f59e0b;--bg:#f3f7f8;--surface:#fff;--text:#17252b;--muted:#65777f;--line:#dce6e9;--green:#16835c;--red:#c23b3b;--yellow:#a96600;--shadow:0 10px 30px rgba(29,54,64,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#0d3441;color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--accent);color:#18272d;display:grid;place-items:center;font-weight:900;font-size:22px}.brand strong,.brand small{display:block}.brand small{color:#a9c4cd;margin-top:2px}.sidebar nav{display:grid;gap:6px}.nav-button{border:0;background:transparent;color:#cde0e6;text-align:left;padding:12px 14px;border-radius:11px;display:flex;gap:12px;align-items:center;cursor:pointer}.nav-button:hover,.nav-button.active{background:#175365;color:#fff}.nav-icon{width:24px;text-align:center}.role-panel{margin-top:auto;padding:14px;background:#123f4e;border-radius:14px}.role-panel label,.role-panel small{display:block}.role-panel label{font-size:12px;color:#a9c4cd;margin-bottom:6px}.role-panel select{width:100%;padding:9px;border:0;border-radius:8px}.role-panel small{font-size:11px;color:#9eb8c1;margin-top:7px}.main-column{grid-column:2;min-width:0}.topbar{height:96px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:18px 34px;position:sticky;top:0;z-index:3}.topbar p{margin:0 0 2px;color:var(--brand);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.topbar h1{margin:0;font-size:26px}.top-actions{display:flex;align-items:center;gap:14px}.connection{font-size:12px;color:var(--muted)}.connection.online{color:var(--green)}main{padding:28px 34px 100px;max-width:1440px;margin:auto}.button{border:1px solid var(--line);border-radius:10px;padding:10px 15px;background:#fff;color:var(--text);font-weight:700;cursor:pointer}.button:hover{border-color:#aac1c9}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.warning{background:#fff8e8;border-color:#f3d190;color:#7b4a00}.button.danger{color:var(--red)}.button.small{padding:7px 10px;font-size:13px}.button:disabled{opacity:.45;cursor:not-allowed}.grid{display:grid;gap:18px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.kpi{display:flex;align-items:flex-start;justify-content:space-between}.kpi .value{font-size:30px;font-weight:850;margin:8px 0 2px}.kpi .label{font-size:13px;color:var(--muted)}.kpi-icon{width:42px;height:42px;border-radius:13px;background:#e6f3f6;display:grid;place-items:center;font-size:20px}.content-grid{grid-template-columns:1.3fr .7fr}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.section-head h2{margin:0;font-size:18px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.stack{display:grid;gap:12px}.row-card{border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:14px}.row-card:hover{border-color:#aac7cf}.row-main{min-width:0}.row-title{font-weight:800}.row-meta{font-size:13px;color:var(--muted);margin-top:4px}.row-actions{display:flex;gap:8px;align-items:center}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:750;background:#edf2f4;color:#52646b;white-space:nowrap}.pill.green{background:#e5f6ef;color:#116646}.pill.red{background:#fdecec;color:#9c2d2d}.pill.yellow{background:#fff3d9;color:#875400}.pill.blue{background:#e7f2f8;color:#1d6280}.empty{text-align:center;padding:42px 16px;color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}.toolbar .search{min-width:240px;flex:1}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#f8fafb}tr:last-child td{border-bottom:0}.calendar-day{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.calendar-day:last-child{border-bottom:0}.day-date{font-weight:850}.day-date small{display:block;color:var(--muted);font-weight:500;margin-top:2px}.appointment{padding:13px;border-left:4px solid var(--brand);background:#f5fafb;border-radius:8px;display:flex;justify-content:space-between;gap:12px}.appointment+.appointment{margin-top:9px}.status-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.invoice-card{padding:0;overflow:hidden}.invoice-head{padding:18px 20px;display:flex;justify-content:space-between;gap:15px;background:#f8fafb;border-bottom:1px solid var(--line)}.invoice-body{padding:18px 20px}.invoice-total{text-align:right;font-size:20px;font-weight:850;margin-top:14px}.issues{background:#fff0f0;border:1px solid #f7caca;color:#8d2929;border-radius:10px;padding:11px 13px;margin-top:12px;font-size:13px}.success-box{background:#eaf8f2;border:1px solid #bde5d5;color:#145c43;border-radius:12px;padding:14px}.notice{background:#eef7fa;border:1px solid #cae4ec;color:#215566;border-radius:12px;padding:14px;font-size:14px;margin-bottom:18px}.mobile-nav{display:none}dialog{width:min(620px,calc(100% - 28px));border:0;border-radius:18px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(9,33,41,.58)}.dialog-shell{padding:22px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-head h2{margin:0}.dialog-close{border:0;background:#edf2f3;width:36px;height:36px;border-radius:50%;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#50656d}.field input,.field select,.field textarea{width:100%;border:1px solid #cfdde1;border-radius:10px;padding:11px 12px;background:#fff}.field textarea{min-height:88px;resize:vertical}.checkbox{display:flex;gap:9px;align-items:center}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.toast{position:fixed;right:24px;bottom:24px;background:#102f39;color:#fff;border-radius:12px;padding:13px 17px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:none}.signature-pad{border:2px dashed #b8ccd2;border-radius:12px;background:#fff;touch-action:none;width:100%;height:150px}.document-preview{max-width:100%;max-height:220px;border-radius:10px;border:1px solid var(--line)}.print-only{display:none}
@media(max-width:1000px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:220px 1fr}.sidebar{width:220px}.main-column{grid-column:2}}
@media(max-width:720px){.app-shell{display:block}.sidebar{display:none}.main-column{display:block}.topbar{height:78px;padding:12px 16px}.topbar h1{font-size:21px}.connection{display:none}.top-actions .button{padding:9px 11px;font-size:13px}main{padding:18px 14px 96px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:15px;border-radius:14px}.kpi .value{font-size:24px}.content-grid{display:grid}.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid var(--line);z-index:6;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));justify-content:space-around}.mobile-nav .nav-button{color:#718088;padding:5px;display:grid;gap:1px;text-align:center;font-size:10px;border-radius:8px;min-width:52px}.mobile-nav .nav-button.active{background:#e8f3f6;color:var(--brand)}.mobile-nav .nav-icon{width:auto;font-size:20px}.row-card{align-items:flex-start}.row-actions{flex-direction:column;align-items:flex-end}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.calendar-day{grid-template-columns:1fr}.day-date{display:flex;gap:6px}.day-date small{display:inline}.invoice-head{display:block}.invoice-head .row-actions{margin-top:10px;align-items:flex-start}.toolbar>*{width:100%}.toolbar .button{width:auto}.toast{left:14px;right:14px;bottom:86px;text-align:center}}
@media print{.sidebar,.topbar,.mobile-nav,.no-print,.toast{display:none!important}.main-column{display:block}.app-shell{display:block}main{padding:0}.card{box-shadow:none;border:0}.print-only{display:block}.invoice-card{break-inside:avoid}}
.scan-table{overflow:auto;border:1px solid var(--line);border-radius:12px}.scan-table table{min-width:1300px;table-layout:fixed}.scan-table th,.scan-table td{padding:9px 7px}.scan-table input,.scan-table select{width:100%;min-width:0;border:1px solid #cddce0;border-radius:8px;padding:8px;background:#fff}.scan-table input.service-input{min-width:0}.scan-table td:first-child,.scan-table th:first-child,.scan-table td:nth-child(8),.scan-table th:nth-child(8),.scan-table td:last-child,.scan-table th:last-child{text-align:center}.scan-table th:nth-child(1){width:55px}.scan-table th:nth-child(2){width:220px}.scan-table th:nth-child(3){width:145px}.scan-table th:nth-child(4){width:165px}.scan-table th:nth-child(5),.scan-table th:nth-child(6){width:120px}.scan-table th:nth-child(7){width:330px}.scan-table th:nth-child(8){width:105px}.scan-table th:nth-child(9){width:75px}.scan-row-disabled{opacity:.45}.scan-progress{height:9px;background:#e2eaed;border-radius:99px;overflow:hidden;margin-top:9px}.scan-progress span{display:block;height:100%;width:0;background:var(--brand);transition:width .2s}.confidence{font-size:11px;font-weight:800}.confidence.low{color:var(--red)}.confidence.medium{color:var(--yellow)}.confidence.high{color:var(--green)}
.dialog-head-actions{display:flex;align-items:center;gap:8px}.document-dialog{width:min(1180px,calc(100vw - 36px));height:min(86vh,900px);min-width:720px;min-height:520px;max-width:calc(100vw - 18px);max-height:calc(100vh - 18px);resize:both;overflow:hidden}.document-dialog.document-dialog-maximized{width:calc(100vw - 18px)!important;height:calc(100vh - 18px)!important;max-width:none;max-height:none}.document-dialog #dialogForm,.document-dialog #dialogBody,.document-dialog .dialog-shell{height:100%}.document-dialog .dialog-shell{display:flex;flex-direction:column;overflow:hidden}.document-dialog .dialog-head{flex:0 0 auto;margin-bottom:6px}.document-dialog .resize-hint{flex:0 0 auto;text-align:right;color:var(--muted);font-size:11px;margin-bottom:10px}.document-dialog .notice{flex:0 0 auto}.document-dialog .form-grid{flex:1 1 auto;min-height:0;overflow:auto;align-content:start;padding:0 7px 8px 0}.document-dialog .dialog-actions{flex:0 0 auto;padding-top:14px;margin-top:0;border-top:1px solid var(--line);background:#fff;flex-wrap:wrap}
@media(max-width:720px){.document-dialog,.document-dialog.document-dialog-maximized{width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important;min-width:0;min-height:0;max-width:none;max-height:none;resize:none}.document-dialog .dialog-shell{padding:16px}.document-dialog .resize-hint,.document-dialog .resize-button{display:none}.document-dialog .dialog-actions{justify-content:stretch}.document-dialog .dialog-actions .button{flex:1 1 auto}.scan-table table{min-width:820px;table-layout:fixed}}

/* Markenfarbschema von Betreuung Hohenlohe */
:root{--brand:#c53e78;--brand-dark:#7a0d4b;--accent:#f2c5d9;--bg:#fcf7f9;--surface:#fff;--text:#30212a;--muted:#75656e;--line:#eadde4;--shadow:0 10px 30px rgba(122,13,75,.09);font-family:Roboto,"Segoe UI",Arial,sans-serif}
body{background:var(--bg)}
h1,h2,h3,h4,h5,h6,.brand strong{font-family:Lato,"Segoe UI",Arial,sans-serif}
.sidebar{background:var(--brand-dark)}
.brand-mark{background:#fff;color:var(--brand-dark);box-shadow:0 0 0 3px rgba(255,255,255,.16)}
.brand small,.role-panel label{color:#f5dce7}
.nav-button{color:#faeaf1}
.nav-button:hover,.nav-button.active{background:var(--brand);color:#fff}
.role-panel{background:#650a3e}
.role-panel small{color:#edc5d7}
.topbar{box-shadow:0 4px 18px rgba(122,13,75,.04)}
.button:hover{border-color:var(--brand);color:var(--brand-dark)}
.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.button.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.kpi-icon{background:#f9e6ee;color:var(--brand-dark)}
.row-card:hover{border-color:#d99ab7}
.pill{background:#f5edf1;color:#6f5361}
.pill.blue{background:#f9e1eb;color:var(--brand-dark)}
th,.invoice-head{background:#fdf5f8}
.appointment{background:#fdf5f8}
.notice{background:#fcf0f5;border-color:#edbfd3;color:#702049}
.dialog-close{background:#f8e8ef;color:var(--brand-dark)}
.field label{color:#694d5b}
.field input,.field select,.field textarea,.toolbar input,.toolbar select,.scan-table input,.scan-table select{border-color:#dfc9d4}
.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus,.scan-table input:focus,.scan-table select:focus{outline:2px solid rgba(197,62,120,.18);border-color:var(--brand)}
input[type="checkbox"],input[type="radio"]{accent-color:var(--brand)}
.toast{background:var(--brand-dark)}
.signature-pad{border-color:#d8a5bc}
.mobile-nav .nav-button{color:#826a76}
.mobile-nav .nav-button.active{background:#f9e2ec;color:var(--brand-dark)}
dialog::backdrop{background:rgba(65,8,39,.62)}
.scan-progress{background:#f0dfe7}
.review-detail{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:22px}.review-detail p{margin:7px 0;line-height:1.55}.review-report{margin-top:8px;padding:13px 15px;background:#fdf5f8;border-left:4px solid var(--brand);border-radius:8px}.review-report+.review-report{margin-top:10px}@media(max-width:720px){.review-detail{grid-template-columns:1fr}}
.care-scan-table .scan-table table{min-width:1250px}.care-scan-table .scan-table th:nth-child(1){width:55px}.care-scan-table .scan-table th:nth-child(2){width:150px}.care-scan-table .scan-table th:nth-child(3){width:210px}.care-scan-table .scan-table th:nth-child(4){width:220px}.care-scan-table .scan-table th:nth-child(5){width:540px}.care-scan-table .scan-table th:nth-child(6){width:75px}.care-scan-table textarea{width:100%;min-height:92px;resize:vertical;border:1px solid #dfc9d4;border-radius:8px;padding:8px;font:inherit}
.scan-main-button{width:100%;min-height:58px;margin-top:16px;font-size:17px}.row-card>select{max-width:230px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:#fff}@media(max-width:720px){.row-card>select{max-width:none;width:100%}}
.brand-logo-wrap{width:48px!important;height:42px!important;flex:0 0 48px!important;overflow:hidden;border-radius:10px;background:#fff;display:grid!important;place-items:center;padding:4px;box-shadow:0 0 0 2px rgba(255,255,255,.15)}.brand-logo{display:block!important;width:42px!important;height:30px!important;max-width:42px!important;max-height:30px!important;object-fit:contain!important}
.dashboard-brand{display:flex;align-items:center;gap:24px;margin-bottom:22px;padding:18px 24px;background:linear-gradient(110deg,#fff 0%,#fdf5f8 100%);border-color:#e8cad8}.dashboard-brand img{width:190px;height:112px;object-fit:contain}.dashboard-brand h2{margin:0;color:var(--brand-dark);font-size:24px}.dashboard-brand p{margin:6px 0 0;color:var(--muted)}
.install-button,#mobileRoleSelect{display:none}
@media(max-width:720px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}
  body{min-height:100dvh;padding-top:env(safe-area-inset-top);overscroll-behavior-y:none}
  .topbar{height:auto;min-height:76px;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));gap:8px}
  .topbar>div:first-child{min-width:0}.topbar h1{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar p{font-size:10px}
  .top-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.top-actions .button{min-height:44px;padding:9px 10px}.top-actions #primaryAction{max-width:145px;white-space:normal}
  #mobileRoleSelect{display:block;min-height:44px;max-width:130px;border:1px solid var(--line);border-radius:10px;padding:7px 28px 7px 9px;background:#fff;color:var(--text);font-size:13px}
  .install-button{display:block;min-width:44px;font-size:0}.install-button::before{content:'⇩';font-size:20px}
  main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(94px + env(safe-area-inset-bottom))}
  button,.button,input,select,textarea{min-height:44px}.field input,.field select,.field textarea,.toolbar input,.toolbar select,.scan-table input,.scan-table select{font-size:16px}
  input[type="checkbox"],input[type="radio"]{min-width:22px;min-height:22px}
  .mobile-nav{height:auto;min-height:72px;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;gap:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mobile-nav::-webkit-scrollbar{display:none}.mobile-nav .nav-button{flex:1 0 64px;min-height:54px;justify-items:center}
  .row-card{flex-direction:column}.row-main,.row-actions{width:100%}.row-actions{flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap}
  .row-actions .button{flex:1 1 auto}.appointment{flex-direction:column}.appointment .row-actions{justify-content:flex-start}
  .kpi{min-height:112px}
  dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  dialog .dialog-shell{min-height:100%;padding:16px max(14px,env(safe-area-inset-right)) 16px max(14px,env(safe-area-inset-left))}
  .dialog-head{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:8px}.dialog-close{min-width:44px;min-height:44px}
  .dialog-actions{position:sticky;bottom:0;background:#fff;padding:10px 0 calc(4px + env(safe-area-inset-bottom));z-index:2;flex-wrap:wrap}.dialog-actions .button{flex:1 1 130px}
  .signature-pad{height:190px}.table-wrap,.scan-table{-webkit-overflow-scrolling:touch}
  .dashboard-brand{gap:14px;padding:14px 16px}.dashboard-brand img{width:118px;height:70px}.dashboard-brand h2{font-size:18px}.dashboard-brand p{font-size:13px}
}
@media(max-width:430px){.kpi-grid{grid-template-columns:1fr}.top-actions #primaryAction{max-width:122px;font-size:12px}#mobileRoleSelect{max-width:115px}.card{padding:14px}.dashboard-brand{display:block;text-align:center}.dashboard-brand img{width:140px;height:82px}.dashboard-brand p{margin-top:3px}}
.login-screen{min-height:100dvh;display:grid;place-items:center;padding:22px;background:linear-gradient(145deg,#7a0d4b,#c53e78)}.login-card{width:min(430px,100%);display:grid;gap:16px;background:#fff;border-radius:22px;padding:30px;box-shadow:0 28px 80px rgba(65,8,39,.3)}.login-card img{width:190px;height:112px;object-fit:contain;justify-self:center}.login-card h1{margin:0;text-align:center;color:var(--brand-dark)}.login-card>p{margin:-8px 0 4px;text-align:center;color:var(--muted)}.login-card label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#694d5b}.login-card input{width:100%;min-height:48px;border:1px solid #dfc9d4;border-radius:11px;padding:11px 13px;font-size:16px}.login-card input:focus{outline:2px solid rgba(197,62,120,.18);border-color:var(--brand)}.login-card .button{min-height:48px}.login-error{min-height:20px;color:var(--red);font-size:13px}.account-button{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){.login-card{padding:23px}.login-card img{width:150px;height:88px}.account-button{max-width:105px}.top-actions #logoutButton{display:none}}
[hidden]{display:none!important}
.two-factor-secret{padding:14px;border:1px solid var(--line);border-radius:10px;background:#f8fafb;font:700 18px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;word-break:break-all;user-select:all}.setup-steps{color:var(--muted);line-height:1.6;padding-left:24px}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.recovery-codes code{padding:10px;border:1px solid var(--line);border-radius:8px;background:#f8fafb;text-align:center;font-size:15px;user-select:all}@media(max-width:520px){.recovery-codes{grid-template-columns:1fr}.two-factor-secret{font-size:15px}}
.two-factor-qr{display:grid;justify-items:center;gap:8px;margin:14px 0 18px;text-align:center;color:var(--brand-dark)}.two-factor-qr img{width:min(280px,100%);height:auto;border:1px solid var(--line);border-radius:16px;background:#fff;padding:8px}.manual-two-factor{border:1px solid var(--line);border-radius:10px;padding:12px;margin:12px 0}.manual-two-factor summary{cursor:pointer;font-weight:750;color:var(--brand)}