:root{font-family:system-ui,sans-serif;color:#152b3b;background:#eef2f4}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:40px auto;padding:0 22px}header{margin-bottom:28px}h1{font-size:clamp(32px,5vw,48px);letter-spacing:-1.8px;margin:8px 0}h2{font-size:20px;margin:0 0 20px}p{line-height:1.6}.eyebrow{font-size:12px;letter-spacing:2px;color:#326b6a;font-weight:700}aside{background:#fff2ce;border-left:4px solid #bc8c26;padding:16px 20px;border-radius:6px}section{background:white;border:1px solid #d9e2e6;border-radius:14px;padding:26px;margin:20px 0;box-shadow:0 4px 12px #16374005}#login{max-width:440px}label{display:block;font-weight:600;font-size:14px;margin:16px 0}input{display:block;width:100%;border:1px solid #bdcbd3;border-radius:7px;font:inherit;padding:12px;margin-top:7px}button{font:inherit;border:0;border-radius:7px;background:#176866;color:#fff;padding:11px 17px;cursor:pointer}button:hover{background:#0c4e4c}button:disabled{opacity:.5;cursor:wait}.secondary{color:#28565e;background:#e7eff0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.heading h2{margin:0}.hint{color:#63717d;font-size:14px}output{display:block;overflow-wrap:anywhere;font-weight:700;line-height:1.8;margin-top:18px}.table{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:24px}td,th{text-align:left;padding:15px 10px;border-bottom:1px solid #e2e8eb}th{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#657984}#message{min-height:24px;color:#8c331a}#message.success{color:#176866}[hidden]{display:none!important}@media(max-width:700px){main{margin-top:24px}.columns{grid-template-columns:1fr;gap:0}section{padding:20px}.heading{align-items:flex-start}}
:root{--remote-border:#d9e2e6}.device-row,.session-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--remote-border)}.device-row strong,.session-row strong{min-width:160px}select{max-width:100%;padding:10px;border:1px solid #bdcbd3;border-radius:7px;font:inherit}.session-row span{flex:1;min-width:200px}.danger{background:#a33328}#remote-viewer{width:100%;height:65vh;border:1px solid var(--remote-border);margin-top:15px}#devices:empty::after{content:'Buscando equipos…';color:#63717d}
:root dialog{max-width:500px;width:calc(100% - 40px);border:1px solid #bdcbd3;border-radius:14px;padding:28px;color:#152b3b;box-shadow:0 20px 80px #142e3e40}:root dialog::backdrop{background:#152b3b80}
.panel-nav{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:25px;font-size:14px}.panel-nav a{color:#176866}.invite-link{font-size:12px;width:100%}
textarea{display:block;width:100%;resize:vertical;border:1px solid #bdcbd3;border-radius:7px;font:inherit;line-height:1.5;padding:12px;margin-top:7px}#report-dialog{max-width:740px;max-height:90vh;overflow:auto}.check-label{display:flex;align-items:center;gap:10px;line-height:1.5}.check-label input{display:inline-block;width:18px;height:18px;flex:none;margin:0}.report-text{white-space:pre-wrap;overflow-wrap:anywhere}
.viewer-actions,.viewer-options{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.viewer-options label{display:flex;align-items:center;gap:12px}.viewer-options p{margin:0}.viewer-open{overflow:hidden}#viewer-section.viewer-expanded,#viewer-section:fullscreen{position:fixed;inset:0;z-index:1000;margin:0;border:0;border-radius:0;padding:14px 20px;background:#fff;display:flex;flex-direction:column;width:100%;height:100dvh;overflow:auto}#viewer-section.viewer-expanded #remote-viewer,#viewer-section:fullscreen #remote-viewer{flex:1;min-height:200px;height:0;margin-top:0}#viewer-section.viewer-expanded h2{font-size:17px}#viewer-section.viewer-expanded .viewer-warning{font-size:12px;margin:4px 0 10px}@media(max-width:700px){#viewer-section>.heading{flex-wrap:wrap}.viewer-actions button{padding:8px 10px}}