:root{font-family:Inter,Segoe UI,sans-serif;color:#e8eef7;background:#08111f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#172945,#08111f 42%);min-height:100vh}.brandbar{height:92px;padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:clamp(22px,5vw,84px);background:#fff;border-bottom:4px solid #1474aa;box-shadow:0 4px 18px #0007}.brandbar img{display:block;width:auto;max-width:30%;object-fit:contain}.brand-ferrovienord{height:54px}.brand-btp{height:68px}.brand-cogeco{height:58px}.center{width:min(430px,92vw);margin:5vh auto}.card,.panel{background:#101d2f;border:1px solid #263a54;border-radius:14px;box-shadow:0 16px 40px #0006;padding:24px}h1,h2{margin:.2rem 0 1rem}h1{font-size:1.4rem}h2{font-size:1rem}input,button,textarea{border-radius:8px;border:1px solid #36506d;padding:11px 13px;font:inherit}input,textarea{background:#091525;color:white;width:100%;margin:6px 0}textarea{min-height:90px;resize:vertical}button{background:#1976d2;color:white;font-weight:700;cursor:pointer;margin:5px}button:hover{filter:brightness(1.15)}button.secondary{background:#273c56}.danger{background:#b42332}.muted{color:#9fb0c5}.error{color:#ff8794}.warning{background:#604411;border-bottom:1px solid #d89a24;padding:12px 24px}.warning input{display:inline-block;width:220px}header{height:72px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263a54;background:#0c1829}header h1{display:inline;margin-right:12px}.badge{font-size:.75rem;padding:5px 8px;border-radius:20px;background:#34455a}.badge.ok{background:#126b4b}.badge.bad{background:#8e2631}main{min-width:320px}.grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:16px;padding:16px}.panel{padding:16px}.live-panel{min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center}#screen-wrap{margin-top:10px;background:#02050a;border:1px solid #344a64;border-radius:8px;overflow:hidden;line-height:0;position:relative}#screen{display:block;width:100%;height:auto;min-height:300px;object-fit:contain;user-select:none}#screen.control{cursor:crosshair;outline:3px solid #22c55e;outline-offset:-3px}#keyboard{padding-top:10px}#keyboard input{max-width:350px}.event{border-left:5px solid #ef3340;background:#1d293a;padding:10px;margin:8px 0;border-radius:6px}.event strong{display:block}.event button{font-size:.78rem;padding:6px 8px}.signal{display:flex;justify-content:space-between;padding:7px;border-bottom:1px solid #293b51}.dot{width:11px;height:11px;border-radius:50%;display:inline-block;background:#53647a}.dot.alarm{background:#ff2638;box-shadow:0 0 9px #ff2638}section.panel{margin:0 16px 16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.86rem}th,td{text-align:left;padding:9px;border-bottom:1px solid #293b51}a{color:#65b5ff}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-grid label input{width:auto}@media(max-width:900px){.brandbar{height:68px;padding:7px 10px;gap:14px}.brand-ferrovienord{height:38px}.brand-btp{height:48px}.brand-cogeco{height:40px}.grid,.admin-grid{grid-template-columns:1fr}header{padding:10px}.warning input{width:100%}}
#screen.control{cursor:none}#remote-pointer{position:absolute;left:0;top:0;width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:#16a34a99;box-shadow:0 0 0 2px #052e16,0 0 14px #22c55e;transform:translate(-50%,-50%);pointer-events:none;display:none;z-index:4}#remote-pointer::before,#remote-pointer::after{content:"";position:absolute;background:#fff}#remote-pointer::before{width:2px;height:28px;left:7px;top:-6px}#remote-pointer::after{width:28px;height:2px;left:-6px;top:7px}#screen-wrap.control-active #remote-pointer{display:block}#screen-wrap.control-active{box-shadow:0 0 0 3px #22c55e}