:root{--bg: #f4f5f7;--card: #ffffff;--border: #d9dee5;--text: #1f2933;--muted: #5f6b7a;--primary: #0b5ed7;--primary-text: #ffffff;--ok-bg: #e3f5e9;--ok-fg: #1b6e3a;--fail-bg: #fde8e6;--fail-fg: #a5261b;--warn-bg: #fff3d1;--warn-fg: #8a5a00;--manual-bg: #ece8fb;--manual-fg: #5a3fb8;--pending-bg: #eceff2;--pending-fg: #5f6b7a;--azure-bg: #e2edfb;--azure-fg: #0b4aa3}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}code{font-family:ui-monospace,Consolas,Courier New,monospace;font-size:.9em;background:#eef0f3;padding:0 4px;border-radius:3px}h1{font-size:1.6rem;margin:0 0 8px}h2{font-size:1.15rem;margin:0 0 8px}h3{font-size:1rem;margin:18px 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}a{color:var(--primary)}.muted{color:var(--muted)}.small{font-size:.85em}.subtitle{color:var(--muted);margin:0 0 12px;max-width:75ch}.error{color:var(--fail-fg);background:var(--fail-bg);padding:8px 12px;border-radius:6px}.topbar{display:flex;align-items:center;gap:20px;padding:10px 20px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.brand{font-weight:700;font-size:1.05rem}.topbar nav{display:flex;gap:4px;flex:1}.topbar nav a{text-decoration:none;color:var(--muted);padding:6px 12px;border-radius:6px;font-weight:500}.topbar nav a.active{color:var(--primary);background:var(--azure-bg)}.container{max-width:1000px;margin:0 auto;padding:16px 20px 60px}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px 18px;margin-bottom:14px}button{font:inherit;font-size:.95rem;padding:7px 14px;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer}button:hover:not(:disabled){border-color:#b8c0cc;background:#f7f8fa}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}button.primary:hover:not(:disabled){background:#094db3}button.big{font-size:1.05rem;padding:10px 20px}input,select,textarea{font:inherit;padding:7px 9px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);width:100%}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:.95rem;font-weight:600}.form-grid label.wide{grid-column:1 / -1}.hint{font-weight:400;color:var(--muted);font-size:.88rem}.hint-steps{margin:4px 0;padding-left:20px}.hint-steps li{margin:2px 0}label.inline{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}.chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.chip.ok{background:var(--ok-bg);color:var(--ok-fg)}.chip.fail{background:var(--fail-bg);color:var(--fail-fg)}.chip.warn{background:var(--warn-bg);color:var(--warn-fg)}.chip.manual{background:var(--manual-bg);color:var(--manual-fg)}.chip.pending{background:var(--pending-bg);color:var(--pending-fg)}.diag-header{margin-bottom:14px}.badge-host{display:inline-flex;align-items:center;gap:10px;font-size:1rem;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--pending-bg);color:var(--pending-fg);margin-bottom:10px}.badge-host code{background:#fff9;font-size:1em}.badge-host.custom{background:var(--ok-bg);color:var(--ok-fg);border-color:#b7e2c4}.badge-host.azure{background:var(--azure-bg);color:var(--azure-fg);border-color:#b9d1f4}.badge-note{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.steps ol{margin:4px 0 0;padding-left:22px}.steps li{margin:5px 0}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.progress{margin-top:12px}.progress-track{height:10px;background:var(--pending-bg);border-radius:5px;overflow:hidden}.progress-bar{height:100%;background:var(--primary);transition:width .4s ease}.progress-text{margin-top:6px}.banner{margin-top:12px;padding:10px 14px;border-radius:8px;font-weight:600}.banner.ok{background:var(--ok-bg);color:var(--ok-fg)}.banner.fail{background:var(--fail-bg);color:var(--fail-fg)}.notice{margin-top:10px;padding:8px 12px;border-radius:6px;background:var(--azure-bg);color:var(--azure-fg);font-size:.95rem}.delivery{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;font-weight:600}.delivery li.done{color:var(--ok-fg)}.summary-line{font-size:1.15rem;font-weight:600;margin:0 0 6px}.summary p{margin:4px 0}.tests-head{display:flex;align-items:center;gap:12px;margin-top:8px}.tests-head h2{margin:0}.tech-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--muted);cursor:pointer}.tech-toggle input{width:auto}.rows{display:flex;flex-direction:column;gap:6px}.row{display:grid;grid-template-columns:160px 1fr;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.row.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--azure-bg)}.row-status{padding-top:2px}.row-name{font-weight:600}.row-name .id{font-weight:400;color:var(--muted);margin-left:6px}.row-desc{color:var(--muted);font-size:.9rem}.row-plain{margin-top:4px}.row-actions{margin-top:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-tech{margin-top:8px;padding-top:6px;border-top:1px dashed var(--border);font-size:.82rem;color:var(--muted);font-family:ui-monospace,Consolas,Courier New,monospace;word-break:break-word}.row-tech .row-buttons{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.row-tech button{font-family:system-ui,sans-serif;font-size:.85rem;padding:4px 10px}.iframe-slot:empty{display:none}.iframe-slot{margin-top:8px}.embed-frame{width:100%;max-width:520px;height:60px;border:1px dashed var(--border);border-radius:6px;background:#fff}.embed-ping{font-family:system-ui,sans-serif;padding:12px 16px;color:var(--ok-fg);background:var(--ok-bg);font-weight:600}.embed-ping code{font-weight:400;font-size:.8em;background:#fff9}.bell{position:relative}.bell-button{display:inline-flex;align-items:center;gap:6px}.transport{font-size:.75rem;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--pending-bg);color:var(--pending-fg)}.transport-WS{background:var(--ok-bg);color:var(--ok-fg)}.transport-SSE{background:var(--azure-bg);color:var(--azure-fg)}.transport-Polling{background:var(--warn-bg);color:var(--warn-fg)}.transport-sin-conexión{background:var(--fail-bg);color:var(--fail-fg)}.bell-count{background:var(--fail-fg);color:#fff;font-size:.75rem;font-weight:700;padding:0 6px;border-radius:999px}.bell-list{position:absolute;right:0;top:calc(100% + 6px);width:340px;max-height:360px;overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px;box-shadow:0 8px 24px #0000001f;z-index:10}.bell-item{padding:6px 4px;border-bottom:1px solid #eef0f3;font-size:.9rem}.bell-item:last-child{border-bottom:0}.tickets-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.spacer{flex:1}.tickets-layout{display:grid;grid-template-columns:340px 1fr;gap:14px;align-items:start}.ticket-list{display:flex;flex-direction:column;gap:6px;padding:8px}.ticket-item{text-align:left;display:flex;flex-direction:column;gap:3px;padding:8px 10px}.ticket-item.selected{border-color:var(--primary);background:var(--azure-bg)}.ticket-item-top{display:flex;gap:6px;align-items:center}.ticket-item-subject{font-weight:600}.chip.prio-alta{background:var(--fail-bg);color:var(--fail-fg)}.chip.prio-media{background:var(--warn-bg);color:var(--warn-fg)}.chip.prio-baja{background:var(--pending-bg);color:var(--pending-fg)}.chip.st-abierto{background:var(--azure-bg);color:var(--azure-fg)}.chip.st-pendiente{background:var(--warn-bg);color:var(--warn-fg)}.chip.st-resuelto{background:var(--ok-bg);color:var(--ok-fg)}.chip.st-cerrado{background:var(--pending-bg);color:var(--pending-fg)}.ticket-head h2{margin:0 0 6px}.ticket-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ticket-meta select{width:auto}.thread{margin:14px 0;display:flex;flex-direction:column;gap:8px}.entry{border:1px solid var(--border);border-radius:8px;padding:8px 12px;background:#fbfbfc}.entry.internal{background:#fff8e1;border-color:#f1dd9a}.entry-head{display:flex;gap:8px;align-items:center;margin-bottom:4px}.chip.internal-tag{background:var(--warn-bg);color:var(--warn-fg)}.entry-body{white-space:pre-wrap}.attachments{margin:8px 0 0;padding-left:18px}.reply textarea{margin-bottom:6px}.reply-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end}.create-form button{margin-top:10px}.login{max-width:640px;margin:40px auto;text-align:center}.login-cards{display:flex;gap:14px;justify-content:center;margin-top:16px}.login-card{display:flex;flex-direction:column;gap:4px;padding:22px 30px;font-size:1rem}@media (max-width: 760px){.form-grid{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:6px}.tickets-layout{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:10px}.tech-toggle{margin-left:0}}