:root{color-scheme:light dark;--bg: #f6f1e7;--fg: #26303b;--muted: #77705f;--card: #fffdf8;--accent: #b3641a;--accent-ink: #ffffff;--event-color: #1baf7a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #10171f;--fg: #e9e4d8;--muted: #93a1a8;--card: #1a2430;--accent: #ecab5a;--accent-ink: #10171f;--event-color: #199e70}}:root[data-theme=dark]{color-scheme:dark;--bg: #10171f;--fg: #e9e4d8;--muted: #93a1a8;--card: #1a2430;--accent: #ecab5a;--accent-ink: #10171f;--event-color: #199e70}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}input[type=checkbox]{accent-color:var(--accent);width:1.15rem;height:1.15rem}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--fg)}.shell{min-height:100dvh;display:flex;flex-direction:column}main{width:100%;max-width:480px;margin:0 auto;padding:1rem 1rem 5rem;display:flex;flex-direction:column;gap:.9rem;flex:1}.placeholder{color:var(--muted);font-size:.9rem}main.wide{max-width:900px}h2{font-size:.95rem;margin:0 0 .5rem;color:var(--muted)}.table-scroll{overflow-x:auto;background:var(--card);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:.82rem}th,td{padding:.45rem .6rem;text-align:center;white-space:nowrap}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:500}tbody tr{border-top:1px solid color-mix(in srgb,var(--muted) 18%,transparent)}tr.today td{color:var(--accent);font-weight:600}td.event-cell{color:var(--event-color)}.entry-card{background:var(--card);border-radius:16px;padding:.7rem 1rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.25rem;font-size:.88rem;box-shadow:0 1px 3px color-mix(in srgb,var(--fg) 6%,transparent)}.entry-actions{display:flex;gap:.4rem;margin-top:.25rem}tr.klickbar{cursor:pointer}tr.tag-detail>td{text-align:left;white-space:normal;padding:.5rem .6rem .6rem;background:color-mix(in srgb,var(--muted) 8%,transparent)}.entry-time{color:var(--muted);font-size:.78rem}.entry-note{color:var(--muted);font-style:italic}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:.45rem;padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid color-mix(in srgb,var(--muted) 30%,transparent)}.tabs button{flex:1;max-width:10rem;background:var(--bg);border:1px solid color-mix(in srgb,var(--muted) 40%,transparent);color:var(--muted);font-weight:600;font-size:.82rem;padding:.65rem .4rem;border-radius:12px;box-shadow:0 1px 2px color-mix(in srgb,var(--fg) 8%,transparent)}.tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}h1{font-size:1.2rem;margin:.5rem 0 0}.metric{display:block;background:var(--card);border-radius:16px;padding:.75rem 1rem .55rem;box-shadow:0 1px 3px color-mix(in srgb,var(--fg) 6%,transparent)}.metric-label{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.2rem}.metric-value{font-variant-numeric:tabular-nums;color:var(--muted)}.metric.touched .metric-value{color:var(--accent);font-weight:600}.metric input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;background:transparent;margin:0}.metric input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:color-mix(in srgb,var(--muted) 22%,transparent)}.metric.touched input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) var(--p),color-mix(in srgb,var(--muted) 22%,transparent) var(--p))}.metric input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-8px;border-radius:50%;background:var(--muted);border:3px solid var(--card);box-shadow:0 1px 4px color-mix(in srgb,var(--fg) 30%,transparent)}.metric.touched input[type=range]::-webkit-slider-thumb{background:var(--accent)}.metric input[type=range]::-moz-range-track{height:10px;border-radius:999px;background:color-mix(in srgb,var(--muted) 22%,transparent)}.metric.touched input[type=range]::-moz-range-progress{height:10px;border-radius:999px;background:var(--accent)}.metric input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--muted);border:3px solid var(--card)}.metric.touched input[type=range]::-moz-range-thumb{background:var(--accent)}.anker{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted)}.row{display:flex;gap:.9rem;align-items:end}label{font-size:.9rem;display:flex;flex-direction:column;gap:.3rem}label.check{flex-direction:row;align-items:center;padding-bottom:.5rem}label.check.sub{padding:.4rem .9rem 0;font-size:.85rem;color:var(--muted)}label.check.sub:has(input:checked){color:var(--fg)}label.check.switch input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:2.5rem;height:1.45rem;flex:none;margin:0;border-radius:999px;background:color-mix(in srgb,var(--muted) 32%,transparent);position:relative;cursor:pointer;transition:background .15s ease}label.check.switch input[type=checkbox]:before{content:"";position:absolute;top:.14rem;left:.14rem;width:1.17rem;height:1.17rem;border-radius:50%;background:var(--card);box-shadow:0 1px 3px color-mix(in srgb,var(--fg) 35%,transparent);transition:transform .15s ease}label.check.switch input[type=checkbox]:checked{background:var(--accent)}label.check.switch input[type=checkbox]:checked:before{transform:translate(1.05rem)}label.check.switch input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=number],select,textarea{font:inherit;padding:.5rem;border-radius:8px;border:1px solid var(--muted);background:var(--card);color:var(--fg);width:100%}input[type=number]{width:6rem}select{width:auto;align-self:flex-start}section{margin-bottom:1rem}button{font:inherit;font-weight:600;padding:.8rem;border:none;border-radius:12px;background:var(--accent);color:var(--accent-ink);cursor:pointer}button:disabled{opacity:.6}.status{margin:0;font-size:.85rem}.status.ok{color:#2e9e5b}.status.queued{color:#b8860b}.status.err{color:#d03b3b}main.auth{max-width:360px;margin:0 auto;padding-top:15vh;display:flex;flex-direction:column;gap:.9rem}main.auth form{display:flex;flex-direction:column;gap:.9rem}main.auth input{font:inherit;padding:.6rem;border-radius:8px;border:1px solid var(--muted);background:var(--card);color:var(--fg)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem 0;max-width:900px;margin:0 auto;width:100%}.brand{font-weight:700;font-size:.95rem;letter-spacing:.02em}.brand-row{display:inline-flex;align-items:center;gap:.4rem}.brand-suffix{color:var(--muted);font-size:.9rem}.wortmarke{display:inline-flex;align-items:center;gap:.5rem}.wortmarke-mark{width:1.5rem;height:1.5rem;border-radius:6px}.wortmarke-text{font-weight:700;letter-spacing:-.02em;font-size:1.05rem;color:var(--fg)}.wortmarke-text em{font-style:normal;color:var(--accent)}.wortmarke.gross{gap:.7rem;justify-content:center}.wortmarke.gross .wortmarke-mark{width:3rem;height:3rem;border-radius:12px}.wortmarke.gross .wortmarke-text{font-size:1.9rem}.gear{background:none;color:var(--muted);font-size:1.1rem;padding:.2rem .5rem;border-radius:8px}.gear.active{color:var(--accent)}.totp-form{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start}.totp-form input{font:inherit;padding:.5rem;border-radius:8px;border:1px solid var(--muted);background:var(--card);color:var(--fg)}.qr{border-radius:12px;background:#fff;padding:8px}.secret{font-family:ui-monospace,monospace;font-size:.8rem;word-break:break-all;color:var(--muted);margin:0}button.secondary{background:var(--card);color:var(--fg);border:1px solid var(--muted)}button.small{padding:.45rem .7rem;font-size:.82rem;align-self:flex-start}.patient-card{text-align:left;cursor:pointer;border:none;font:inherit;width:100%;background:var(--card);color:var(--fg);font-weight:500}.patient-head{max-width:900px;width:100%;margin:0 auto;padding:.8rem 1rem 0;display:flex;align-items:center;gap:.8rem;font-weight:600}.no-monitoring{border-left:3px solid #b8860b;padding-left:.6rem}.notiz-scope{border-top:1px solid color-mix(in srgb,var(--muted) 25%,transparent);padding-top:.5rem;margin-top:.2rem}.mail-field{font-size:.85rem;color:var(--muted)}.mail-field input{font:inherit;padding:.5rem;border-radius:8px;border:1px solid var(--muted);background:var(--bg);color:var(--fg)}.plan-card{position:relative}.plan-card.notruf{border-left:3px solid #d03b3b}.plan-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.plan-label{font-weight:600}.tel-btn{display:inline-block;align-self:flex-start;background:var(--accent);color:var(--accent-ink);text-decoration:none;font-weight:600;padding:.55rem 1rem;border-radius:10px;margin-top:.2rem}.vorschlaege{display:flex;flex-direction:column;gap:.4rem}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.chip{border-radius:999px}.tel-alt{color:var(--muted);text-decoration:none;font-size:.85rem;margin-top:.15rem}.plan-controls{position:absolute;top:.5rem;right:.6rem;display:flex;gap:.25rem}.plan-controls button{padding:.15rem .5rem}.plan-form label{width:100%}.zeit-row{display:flex;gap:.4rem;align-items:center;width:100%}.zeit-row input,.zeit-row select{font:inherit;padding:.4rem;border-radius:8px;border:1px solid var(--muted);background:var(--bg);color:var(--fg);min-width:0}.zeit-row input[type=text],.zeit-row input:not([type]){flex:1}.abw-row{display:flex;flex-direction:column;gap:.35rem;width:100%;padding-bottom:.4rem;border-bottom:1px dashed color-mix(in srgb,var(--muted) 30%,transparent)}.plan-form input,.plan-form select{width:100%}.anno-row{display:flex;align-items:center;gap:.6rem;background:var(--card);border-radius:10px;padding:.45rem .7rem;margin-bottom:.35rem;font-size:.88rem}.anno-row span:nth-child(2){flex:1}.anno-typ{font-size:.72rem;color:var(--muted)}.anno-quick{gap:.6rem}.typ-buttons{display:flex;gap:.4rem}.anno-form{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.anno-form input,.anno-form select{font:inherit;padding:.45rem;border-radius:8px;border:1px solid var(--muted);background:var(--card);color:var(--fg)}.anno-form input:not([type=date]){flex:1;min-width:10rem}details.log summary{cursor:pointer;font-size:.85rem;color:var(--muted)}details.log ul{margin:.5rem 0 0;padding-left:1.1rem;font-size:.8rem;color:var(--muted)}
