:root{--bg:#eef2f6;--panel:#fff;--ink:#16202b;--muted:#667386;--line:#dce3ea;--brand:#183c5a;--brand2:#0d6b8a;--ok:#16824f;--alarm:#c51d2d;--warning:#d89a00;--shadow:0 10px 28px rgba(23,37,52,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{height:72px;background:#102b40;color:#fff;display:flex;align-items:center;padding:0 24px;gap:34px;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px rgba(0,0,0,.2)}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand-mark,.login-logo{display:grid;place-items:center;background:linear-gradient(135deg,#24a3c7,#0d5b80);color:#fff;font-weight:800;border-radius:10px}.brand-mark{width:42px;height:42px}.brand strong,.brand small,.userbox span,.userbox small{display:block}.brand small,.userbox small{opacity:.68;font-size:11px}.topbar nav{display:flex;gap:8px;flex:1}.topbar nav a{padding:10px 14px;border-radius:8px}.topbar nav a:hover{background:rgba(255,255,255,.1)}.userbox{display:flex;align-items:center;gap:12px;text-align:right}.link-button{border:0;background:none;color:#c8e5f0;cursor:pointer}.page{padding:24px;max-width:1920px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.page-head h1{font-size:27px;margin:2px 0 2px}.page-head p{margin:0;color:var(--muted)}.head-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.button,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c8d2dd;background:#fff;padding:9px 13px;border-radius:8px;cursor:pointer;font-weight:650}.button.primary,button.primary{background:var(--brand2);border-color:var(--brand2);color:#fff}.button.small{padding:6px 9px}.search,input,textarea,select{width:100%;border:1px solid #cbd5df;background:#fff;border-radius:8px;padding:10px 11px;color:var(--ink)}.search{width:280px}.legend{display:flex;gap:18px;margin:0 0 14px;color:var(--muted)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.dot.ok{background:var(--ok)}.dot.alarm{background:var(--alarm)}.dot.warning{background:var(--warning)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px}.object-tile{min-height:185px;border-radius:11px;padding:13px 14px 11px;color:#fff;display:flex;flex-direction:column;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.28);transition:.16s transform,.16s box-shadow;overflow:hidden}.object-tile:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(23,37,52,.18)}.status-ok{background:linear-gradient(145deg,#167248,#1b8a57)}.status-alarm{background:linear-gradient(145deg,#a91828,#d52235);animation:pulseAlarm 1.5s infinite}.status-warning,.status-offline{background:linear-gradient(145deg,#b57c00,#dda000);color:#1d1605}@keyframes pulseAlarm{50%{filter:brightness(1.16)}}.tile-top{display:flex;justify-content:space-between;gap:10px}.status-pill,.account{font-size:11px;font-weight:800;letter-spacing:.04em}.status-pill{background:rgba(255,255,255,.2);padding:3px 7px;border-radius:999px}.object-tile h2{font-size:18px;line-height:1.15;margin:12px 0 5px}.object-tile address{font-style:normal;opacity:.94;min-height:40px}.tile-event{font-size:12px;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.object-tile footer{margin-top:auto;padding-top:9px;border-top:1px solid rgba(255,255,255,.24);display:flex;justify-content:space-between;font-size:11px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.card h2{margin:0 0 14px;font-size:18px}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head span{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.facts{margin:0}.facts div{display:grid;grid-template-columns:140px 1fr;padding:9px 0;border-bottom:1px solid var(--line)}.facts div:last-child{border:0}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:650}.contact-list>div{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.contact-list small{color:var(--muted)}.event-tag{display:inline-block;border-radius:999px;padding:3px 8px;font-weight:800;color:#fff;font-size:11px}.event-tag.ok{background:var(--ok)}.event-tag.alarm{background:var(--alarm)}.event-tag.warning,.event-tag.offline{background:var(--warning);color:#211904}.large-status{padding:9px 14px;border-radius:9px;color:#fff;font-weight:900}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 9px;vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.inline-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px}.danger-text{color:#a31d2a;background:#fff}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .span-2{grid-column:span 2}.stack{display:grid;gap:13px}label{display:grid;gap:5px;font-weight:650;color:#4d5b69}textarea{resize:vertical}.contact-editor{display:grid;gap:8px}.contact-edit{display:grid;grid-template-columns:34px 1fr 1fr 1.5fr;gap:8px;align-items:center}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.photo-grid figure{margin:0}.photo-grid img{width:100%;height:140px;object-fit:cover;border-radius:8px}.photo-grid figcaption{font-size:12px;color:var(--muted);margin-top:4px}.flash{padding:11px 14px;border-radius:8px;margin-bottom:14px}.flash.success{background:#dff4e8;color:#115d39}.flash.error{background:#fde1e4;color:#861524}.empty-state{text-align:center;background:#fff;border:1px dashed #b9c6d1;padding:50px;border-radius:12px}.back{color:var(--brand2);font-weight:700}.preline{white-space:pre-line}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#225777 0,#102a3e 42%,#091823 100%)}.login-panel{width:min(430px,100%);background:#fff;padding:38px;border-radius:17px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.login-logo{width:66px;height:66px;font-size:22px}.login-panel h1{font-size:28px;margin:18px 0 4px}.login-panel p{color:var(--muted);margin:0 0 24px}.journal-head{height:64px;background:#0d2131;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.journal-head strong,.journal-head span{display:block}.journal-head span{font-size:12px;opacity:.7}.journal-controls{display:flex;align-items:center;gap:10px}.connection{font-weight:900}.connection.ok{color:#56e39f}.journal-screen{padding:0;background:#0b141b;min-height:calc(100vh - 64px);color:#eaf2f8}.journal-table th{position:sticky;top:0;background:#132431;color:#8fa8b9}.journal-table td,.journal-table th{border-color:#233642}.journal-table tr.alarm{background:rgba(197,29,45,.23)}.journal-table tr.warning,.journal-table tr.offline{background:rgba(216,154,0,.18)}.journal-table tr.ok{background:rgba(22,130,79,.12)}
@media(max-width:900px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:10px 14px}.brand{min-width:0}.topbar nav{order:3;width:100%;overflow:auto}.page{padding:14px}.page-head{flex-direction:column}.head-actions,.search{width:100%}.detail-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.contact-edit{grid-template-columns:28px 1fr}.contact-list>div{grid-template-columns:1fr}.userbox{margin-left:auto}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}
.simulator-button{background:#173f5e;color:#fff;border-color:#173f5e}.simulator-head{min-height:82px;background:#0d2131;color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:12px 22px;box-shadow:0 4px 18px rgba(0,0,0,.25)}.simulator-brand{display:flex;align-items:center;gap:11px}.simulator-brand strong,.simulator-brand small,.simulator-object-head strong,.simulator-object-head span{display:block}.simulator-brand small,.simulator-object-head span{opacity:.7;font-size:12px}.simulator-object-head{text-align:center}.simulator-screen{min-height:calc(100vh - 82px);padding:24px;background:linear-gradient(145deg,#e9eff4,#f7f9fb)}.simulator-console{max-width:1120px;margin:auto;display:grid;gap:15px}.simulator-section{display:grid;grid-template-columns:54px 1fr;background:#fff;border:1px solid #d7e0e8;border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.simulator-step{display:grid;place-items:center;background:#153b57;color:#fff;font-size:22px;font-weight:900}.simulator-content{padding:18px}.simulator-content h1,.simulator-content h2{margin:0 0 4px}.simulator-content>p{margin:0 0 15px;color:var(--muted)}.protocol-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.protocol-options label{display:block;position:relative}.protocol-options input,.event-options input{position:absolute;opacity:0;pointer-events:none}.protocol-options span{display:block;border:2px solid #d7e0e8;border-radius:10px;padding:13px;cursor:pointer;height:100%}.protocol-options strong,.protocol-options small{display:block}.protocol-options small{font-weight:400;color:var(--muted);margin-top:3px}.protocol-options input:checked+span{border-color:#0d6b8a;background:#e8f5f8;box-shadow:inset 0 0 0 1px #0d6b8a}.event-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.event-options label{position:relative}.event-options span{display:grid;place-items:center;min-height:62px;border:2px solid #d7e0e8;border-radius:10px;padding:9px;text-align:center;cursor:pointer;font-weight:800}.event-options input:checked+span{box-shadow:inset 0 0 0 2px currentColor}.event-ok input:checked+span{border-color:var(--ok);background:#e3f5eb;color:#12663f}.event-alarm input:checked+span{border-color:var(--alarm);background:#fde6e8;color:#9f1524}.event-warning input:checked+span{border-color:var(--warning);background:#fff2c9;color:#765400}.simulator-fields{display:grid;grid-template-columns:180px 220px 1fr;gap:12px}.simulator-fields .wide{min-width:0}.simulator-send{max-width:1120px;width:100%;border:0;background:linear-gradient(135deg,#0b708e,#145073);color:#fff;border-radius:13px;padding:18px;display:block;box-shadow:0 12px 24px rgba(13,79,110,.25)}.simulator-send span,.simulator-send small{display:block}.simulator-send span{font-size:21px;font-weight:900}.simulator-send small{font-weight:400;opacity:.75;margin-top:2px}.simulator-result{max-width:1120px;margin:0 auto 15px;border-radius:13px;padding:16px 18px;color:#fff;box-shadow:var(--shadow)}.simulator-result>div{display:flex;justify-content:space-between;gap:10px;font-size:16px}.simulator-result dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px;margin:12px 0}.simulator-result dl div{display:grid;grid-template-columns:120px 1fr}.simulator-result dt{opacity:.7}.simulator-result dd{margin:0;font-weight:700;overflow-wrap:anywhere}.simulator-result code{color:inherit}.simulator-result p{margin:9px 0 0;opacity:.8}.simulator-result.status-offline,.simulator-result.status-warning{color:#1d1605}
@media(max-width:760px){.simulator-head{grid-template-columns:1fr auto}.simulator-object-head{grid-column:1/-1;grid-row:2;text-align:left}.simulator-screen{padding:12px}.simulator-section{grid-template-columns:38px 1fr}.protocol-options,.event-options{grid-template-columns:1fr}.simulator-fields{grid-template-columns:1fr}.simulator-result dl{grid-template-columns:1fr}.simulator-result>div{display:block}}

/* v0.4.0 Live-Dashboard und separater Schaltzustand */
.live-indicator{padding:7px 10px;border-radius:999px;background:#dff4e8;color:#12663f;font-size:11px;font-weight:900;letter-spacing:.08em}.live-indicator.error{background:#fde1e4;color:#861524}.status-summary{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:9px;margin-bottom:14px}.status-summary>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;box-shadow:0 5px 15px rgba(23,37,52,.05)}.status-summary small,.status-summary strong{display:block}.status-summary small{color:var(--muted);font-size:11px}.status-summary strong{font-size:23px;margin-top:1px}.summary-ok{border-left:5px solid var(--ok)!important}.summary-alarm{border-left:5px solid var(--alarm)!important}.summary-warning{border-left:5px solid var(--warning)!important}.summary-offline{border-left:5px solid #6e7781!important}.summary-armed{border-left:5px solid #174f91!important}.summary-disarmed{border-left:5px solid #ef7d00!important}.arming-legend{margin-left:auto}.arming-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;letter-spacing:.035em;white-space:nowrap;border:1px solid rgba(255,255,255,.45)}.arming-armed{background:#123f79;color:#fff}.arming-disarmed{background:#f28a18;color:#211203}.arming-partial{background:#7652a8;color:#fff}.arming-unknown{background:#68737e;color:#fff}.object-tile .arming-badge{box-shadow:0 2px 6px rgba(0,0,0,.14)}.large-status+.arming-badge{font-size:12px;padding:9px 13px}.status-warning{animation:warningGlow 2.3s infinite}@keyframes warningGlow{50%{filter:brightness(1.08)}}
@media(max-width:1200px){.status-summary{grid-template-columns:repeat(4,minmax(105px,1fr))}}@media(max-width:700px){.status-summary{grid-template-columns:repeat(2,minmax(105px,1fr))}.arming-legend{display:none}}
.inline-form{display:inline-flex}.alarm-ack{background:#fff;color:#a91425;border-color:#fff}.operator-ack{background:#fff;color:#0b6c45;padding:9px 12px;border-radius:8px;font-weight:850}.communication-badge{font-size:13px;color:#75f0ad;margin-left:auto}.object-tile.comm-offline .communication-badge{color:#5b4b14}.object-tile.comm-offline:not(.status-alarm){background:linear-gradient(145deg,#a97708,#d6a20b)}.protocol-dump{white-space:pre-wrap;word-break:break-all;background:#0b141b;color:#dcebf5;padding:16px;border-radius:9px;max-height:380px;overflow:auto}.protocol-dump.hex{font-family:Consolas,monospace;line-height:1.8}.mono{font-family:Consolas,monospace;word-break:break-all}