:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#252c32;background:#f5f5f2;font-size:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:14px 10px 24px}main{max-width:820px;margin:auto}header{padding:12px 8px 18px}.eyebrow{font-size:11px;letter-spacing:2px;color:#547469;margin:0 0 5px}h1{font-size:25px;margin:0}#stamp{font-size:12px;color:#58636a}nav{display:flex;gap:8px}button{font:inherit;cursor:pointer;border:1px solid #bdc8c5;border-radius:8px;background:#e3eeea;color:#244c40;padding:11px 12px;min-height:44px}button:focus-visible{outline:3px solid #166b99;outline-offset:2px}#overview{border:1px solid #d0d4d4;border-radius:12px;overflow:hidden;background:white}.tablehead,.camera{display:grid;grid-template-columns:minmax(0,1fr) 100px 58px;gap:6px;align-items:center;text-align:left}.tablehead{background:#303a3d;color:white;padding:13px 10px;font-size:12px;font-weight:650}.camera{width:100%;border:0;border-radius:0;padding:12px 10px;min-height:64px;border-bottom:1px solid #fff;color:#252c32}.camera.ICU{background:#eee}.camera.Seissiger{background:#d7d7d7}.camera.Secacam{background:#bfbfbf}.camera.Unbekannt{background:#fafafa}.camera:hover{box-shadow:inset 0 0 0 2px #617d71}.identity{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px}.name{display:block;font-size:14px;font-weight:650;overflow-wrap:anywhere}.maker{display:block;font-size:11px;font-weight:400;color:#414b50;margin-top:3px}.age{font-size:13px;line-height:1.4}.shape{display:inline-block;width:14px;height:14px;flex:none;vertical-align:middle}.fresh{border-radius:50%;background:#279b4f}.late{background:#cf8b00;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.old{background:#ce4141}.none{border:2px solid #5c666c;border-radius:50%;background:#fff}.unknown{font-weight:700;text-align:center}.battery{display:flex;align-items:center;gap:3px;font-size:10px}.battery svg{width:32px;height:18px;flex:none}.battery.external{font-size:11px}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px}.legend span{display:flex;align-items:center;gap:5px}footer{padding:16px 12px}footer p{font-size:11px;color:#566168;line-height:1.5;margin-bottom:0}#error{border:1px solid #b25443;background:#fff2ed;padding:12px;border-radius:8px}#details,#mail{background:white;border:1px solid #d0d4d4;border-radius:12px;padding:16px}h2{font-size:23px;overflow-wrap:anywhere}dt{font-size:12px;color:#58636a;margin-top:18px}dd{margin:4px 0;font-size:16px;overflow-wrap:anywhere}.mailentry{padding:12px 0;border-bottom:1px solid #ddd;font-size:14px;line-height:1.6;white-space:pre-line}#details:focus,#mail:focus{outline:0}@media(min-width:600px){.tablehead,.camera{grid-template-columns:minmax(0,1fr) 160px 80px}.name{font-size:17px}.age{font-size:16px}.maker{font-size:12px}.camera{padding:14px 18px}.tablehead{padding:14px 18px;font-size:14px}}@media(max-width:350px){.tablehead,.camera{grid-template-columns:minmax(0,1fr) 83px 50px;gap:4px}.name{font-size:13px}.age{font-size:12px}.battery{gap:1px}nav button{font-size:14px}}