[hidden]{display:none!important}
/* Portal (echtes System): Ergänzungen zu styles/monitoring/portal.css */
.a-auth{min-height:100vh;background:var(--ink);display:flex;align-items:center;justify-content:center;padding:24px 16px;position:relative;overflow:hidden}
.a-auth:before{content:"";position:absolute;width:520px;height:520px;border:92px solid #ffffff07;right:-200px;top:-220px;transform:rotate(26deg)}
.a-card{position:relative;background:#fff;color:var(--ink);width:min(440px,100%);padding:34px 32px 30px;border-top:4px solid var(--orange);box-shadow:0 30px 70px #0006;display:flex;flex-direction:column;gap:16px}
.a-card .a-logo{width:190px;height:auto;margin-bottom:6px}
.a-card h1{font-size:26px;letter-spacing:-.04em;margin:0}
.a-card p{margin:0;color:#5f6b71;font-size:14px;line-height:1.6}
.a-card label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#6a757b}
.a-card input{font:inherit;font-size:15px;letter-spacing:0;text-transform:none;padding:14px 15px;border:1px solid #d0d6d8;color:var(--ink)}
.a-card input:focus{outline:2px solid var(--orange);outline-offset:-1px;border-color:transparent}
.a-card .button{border:0;cursor:pointer;width:100%}
.a-card .button:disabled{opacity:.6;cursor:wait}
.a-links{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.a-links a{color:#5f6b71;text-decoration:underline;text-underline-offset:3px}.a-links a:hover{color:var(--orange)}
.a-msg{margin:0;padding:11px 14px;font-size:13px;font-weight:700;border-left:3px solid var(--st-red);background:#fdf0ef;color:#a3241f}
.a-msg.is-ok{border-left-color:var(--st-green);background:#e9f6ee;color:#1f6e3c}
.a-foot{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:11px;color:#8c989e}
.a-foot a{color:#c1c9cd}
.p-user{text-decoration:none;color:inherit}
.p-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:13px;color:#5f6b71;flex-wrap:wrap}
.p-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.p-toolbar input,.p-toolbar select{font:inherit;font-size:14px;padding:10px 12px;border:1px solid #d5dbdd;background:#fff;min-width:0}
.p-toolbar input[type=search]{flex:1 1 240px}
.p-toolbar .app-btn{white-space:nowrap}
.p-tabs{display:flex;gap:4px;border-bottom:1px solid #dfe4e5;margin-bottom:14px;overflow-x:auto}
.p-tabs a{padding:10px 14px;font-size:13px;font-weight:800;color:#6f7a80;border-bottom:3px solid transparent;white-space:nowrap;text-decoration:none}
.p-tabs a.is-on{color:var(--ink);border-bottom-color:var(--orange)}
.p-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}
.app-main textarea{font:inherit;font-size:14px;color:var(--ink);border:1px solid #d5dbdd;background:#fff;padding:10px 12px;width:100%}
.p-copy{display:flex;gap:6px}.p-copy input{flex:1;font-size:12px!important}
.imp-cols{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.imp-cols span{font-size:11px;font-weight:700;padding:5px 9px;background:#e9f6ee;color:#1f6e3c}
.imp-cols span.is-off{background:#f3f5f5;color:#8b969b;text-decoration:line-through}
.imp-drop{border:2px dashed #c9d0d3;padding:30px 20px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;background:#fafbfb}
.imp-drop.is-over{border-color:var(--orange);background:#fff6f1}
.app-table tr.is-err td{background:#fdf5f4}
.p-check-list{max-height:260px;overflow:auto;border:1px solid #e3e7e8;padding:6px}
.p-check-list label{display:flex!important;flex-direction:row!important;gap:8px;align-items:center;text-transform:none!important;letter-spacing:0!important;font-weight:600!important;font-size:13px!important;color:var(--ink)!important;padding:5px}
.p-section-note{background:#fff6f1;border-left:3px solid var(--orange);padding:12px 14px;font-size:13px;color:#5f6b71;margin-bottom:14px}

.p-nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;color:inherit;text-decoration:none;padding:12px 14px;font-size:14px;font-weight:700;border-left:3px solid transparent}
.p-nav a:hover{color:#fff;background:#ffffff08}
.p-nav a.is-on{background:#ffffff10;color:#fff;border-left-color:var(--orange)}
a.app-kpi{color:inherit;text-decoration:none;transition:box-shadow .2s}a.app-kpi:hover{box-shadow:0 8px 20px #20292e14}
.imp-drop input{max-width:100%}
@media(max-width:800px){.p-nav a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent;padding:10px 12px}.p-nav a.is-on{border-bottom-color:var(--orange)}}
.app-main .p-toolbar input,.app-main .p-toolbar select{width:auto}
.app-main .p-toolbar input[type=search]{flex:1 1 260px}
@media(max-width:560px){.app-main .p-toolbar input,.app-main .p-toolbar select{width:100%}}

/* Grundriss mit Monitoringpunkten */
.pl{position:relative;line-height:0;user-select:none}.pl img{width:100%;height:auto;display:block}.pl svg{position:absolute;inset:0;width:100%;height:100%}
.pl-pt{cursor:pointer;outline:none}.pl-ring{fill:#fff;filter:drop-shadow(0 1px 2px rgba(11,18,21,.35))}
.pl-dot{fill:var(--st-grey)}.pl-dot[data-s=green]{fill:var(--st-green)}.pl-dot[data-s=yellow]{fill:var(--st-yellow)}.pl-dot[data-s=red]{fill:var(--st-red)}
.pl-mark{fill:#fff;font-weight:900;pointer-events:none}.pl-mark[data-s=yellow]{fill:var(--ink)}
.pl-sel{fill:none;stroke:transparent;stroke-width:3px;vector-effect:non-scaling-stroke}.pl-pt.is-sel .pl-sel,.pl-pt:focus-visible .pl-sel{stroke:var(--orange)}
.pl-lbl{fill:#fff;filter:drop-shadow(0 1px 2px rgba(11,18,21,.3))}.pl-lbl-t{fill:var(--ink);font-weight:800;pointer-events:none}
.pl-pt.is-sel .pl-lbl{fill:var(--ink)}.pl-pt.is-sel .pl-lbl-t{fill:#fff}
.pl-pulse{fill:none;stroke:var(--st-red);stroke-width:2px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:mon-pulse 1.8s ease-out infinite}
.app-table tr.is-on td{background:#fff6f1}
a.p-station{display:block}
.app-head h3 .p-contact{font-size:13px;margin-top:8px}

/* Phase 3/4: Planung, Angebote, Rechnungen, Meldungen, Einstellungen */
.cal-legend{flex-wrap:wrap}
.cal-legend i.t3,.cal-ev.t3,.cal-tech.t3{--tc:#5b8c2a}.cal-legend i.t4,.cal-ev.t4,.cal-tech.t4{--tc:#8a4fb4}
.cal-legend i.t5,.cal-ev.t5,.cal-tech.t5{--tc:#b8860b}.cal-legend i.t6,.cal-ev.t6,.cal-tech.t6{--tc:#16867a}
.cal-legend i.t7,.cal-ev.t7,.cal-tech.t7{--tc:#c2577d}.cal-legend i.t8,.cal-ev.t8,.cal-tech.t8{--tc:#5d6d7e}
.cal-tech.t3:before,.cal-tech.t4:before,.cal-tech.t5:before,.cal-tech.t6:before,.cal-tech.t7:before,.cal-tech.t8:before{content:"";width:8px;height:8px;background:var(--tc)}
.p-select{font:inherit;font-size:13px;font-weight:700;padding:9px 12px;border:1px solid #d5dbdd;background:#fff}
.p-todo-filter{display:grid;grid-template-columns:1fr 92px;gap:6px;margin-bottom:6px}
.p-todo-filter input{font:inherit;font-size:13px;padding:8px 10px;border:1px solid #d5dbdd;min-width:0}
a.app-slot{text-decoration:none;color:inherit}
.p-alerts{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 14px}.p-alerts:empty{display:none}
.p-alert{display:inline-flex;gap:6px;align-items:center;padding:9px 14px;background:#fdf0ef;border-left:3px solid var(--st-red);color:#a3241f;font-size:13px;font-weight:700;text-decoration:none}
.p-alert.is-soft{background:#fff6f1;border-left-color:var(--orange);color:#9c3d0b}
.p-alert:hover{filter:brightness(.97)}
.p-progress{height:8px;background:#eef1f2;margin:12px 0}.p-progress i{display:block;height:100%;background:var(--orange);transition:width .4s}
.p-picked{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:#f6f8f8;border-left:3px solid var(--orange);font-size:14px}
.p-picked small{color:#6f7a80}.p-picked .app-link{align-self:flex-start;margin-top:4px}
.p-items td{vertical-align:top;white-space:normal}.p-items input,.p-items select{display:block}.p-items input,.p-items select{font:inherit;font-size:13px;padding:7px 8px;border:1px solid #d5dbdd;background:#fff;width:100%;min-width:0}
.p-items .p-item-note{margin-top:4px;font-size:12px;color:#5f6b71}
.p-items .p-qty{width:70px}.p-items .p-price{width:100px;text-align:right}.p-items td:first-child{min-width:240px}
.p-items .r,.app-table .r{text-align:right;white-space:nowrap}
.p-items-add{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.p-items-add select{font:inherit;font-size:13px;padding:9px 10px;border:1px solid #d5dbdd;background:#fff;flex:1 1 280px;min-width:0}
.p-sum{margin-left:auto;max-width:320px;font-size:14px}.p-sum div{display:flex;justify-content:space-between;padding:5px 0}
.p-sum .is-total{border-top:2px solid var(--ink);margin-top:4px;padding-top:8px;font-size:16px}
.p-del-list{margin:10px 0 14px;padding-left:18px;font-size:14px;line-height:1.8}
.app-btn-danger{background:var(--st-red);color:#fff;border-color:var(--st-red)}.app-btn-danger:disabled{opacity:.45;cursor:not-allowed}
.app-btn-danger-line{background:#fff;color:#b3261e;border:1px solid #e3b4b1}.app-btn-danger-line:hover{background:#fdf0ef}
.p-form-actions .app-btn-danger-line{margin-right:auto}
.p-modal-box.is-xl{width:min(940px,100%)}
.p-modal-box .app-check{margin-top:12px}.p-modal-box .app-check input{width:17px;height:17px;padding:0;flex:0 0 auto}
.p-modal-box .p-items input,.p-modal-box .p-items select{padding:7px 8px;font-size:13px}
.p-modal-box h5{margin:18px 0 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6f7a80}
.app-card-head a.app-btn-orange,.app-card-head a.app-btn-dark{color:#fff}.app-card-head a.app-btn-line{color:var(--ink)}
.p-section-note.is-ok{background:#e9f6ee;border-left-color:var(--st-green);color:#1f6e3c}
.app-list.p-sightings li{grid-template-columns:56px 1fr auto auto}
.app-list.p-befall li{grid-template-columns:auto 1fr auto auto}
.p-sightings small,.p-befall small{display:block;margin-top:2px}
@media(max-width:700px){.app-list.p-sightings li{grid-template-columns:56px 1fr}.app-list.p-sightings li>.p-btns{grid-column:1/-1}.app-list.p-befall li{grid-template-columns:auto 1fr auto}.app-list.p-befall li>a{grid-column:1/-1}}
.p-sight-photo{width:56px;height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:center;background:#fff6f1;color:var(--orange);font-size:22px;overflow:hidden}
.p-sight-photo img{width:100%;height:100%;object-fit:cover}
.pl-sight{fill:var(--orange);stroke:#fff;stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px rgba(11,18,21,.4))}
.pl-sight-g .pl-mark{fill:#fff}
.p-sight-plan{border:1px solid #e3e7e8;cursor:crosshair;max-height:360px;overflow:auto}
.app-table tr.is-off td{opacity:.55}
@media(max-width:700px){.p-todo-filter{grid-template-columns:1fr}.p-items td:first-child{min-width:180px}}
