.ops-agent-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.ops-agent-head h2{margin:2px 0}.ops-agent-head p{color:var(--muted);font-size:.86rem}.ops-agent-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.ops-agent-metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.ops-agent-metric span{display:block;color:var(--muted);font-size:.78rem}.ops-agent-metric strong{font-size:1.7rem}.ops-agent-metric.red{border-left:3px solid var(--red)}.ops-agent-metric.blue{border-left:3px solid var(--blue)}.ops-agent-metric.amber{border-left:3px solid var(--amber)}.ops-agent-metric.green{border-left:3px solid var(--green)}.ops-agent-layout{display:grid;grid-template-columns:minmax(310px,1fr) minmax(340px,1.15fr);gap:14px;min-height:560px}.ops-agent-list,.ops-agent-chat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ops-agent-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--border)}.ops-agent-toolbar select{width:auto}.ops-task{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:13px 14px;border:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;cursor:pointer}.ops-task:hover,.ops-task.selected{background:var(--surface-2)}.ops-task-main{display:grid;gap:3px;min-width:0;flex:1}.ops-task-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-task-main small,.ops-due{color:var(--muted);font-size:.72rem}.ops-due{text-align:right;max-width:100px}.ops-due.overdue{color:var(--red);font-weight:700}.ops-priority{width:9px;height:9px;border-radius:99px;background:var(--muted);flex:0 0 auto}.ops-priority.alta{background:var(--amber)}.ops-priority.urgente{background:var(--red)}.ops-priority.baja{background:var(--blue)}.ops-agent-empty,.ops-chat-welcome{display:grid;place-items:center;text-align:center;gap:10px;padding:50px 24px;color:var(--muted)}.ops-chat-welcome i,.ops-agent-empty i{font-size:42px;color:var(--red)}.ops-chat-title{display:flex;align-items:center;gap:10px;padding:13px;border-bottom:1px solid var(--border)}.ops-chat-title>button{background:none;border:0;color:var(--muted);cursor:pointer}.ops-chat-title>div{display:grid;gap:2px}.ops-chat-title small{color:var(--muted)}.ops-chat-history{height:330px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px}.ops-chat-event{align-self:flex-start;max-width:85%;padding:9px 11px;background:var(--surface-2);border-radius:4px 13px 13px 13px}.ops-chat-event.mine{align-self:flex-end;background:var(--blue-soft);border-radius:13px 4px 13px 13px}.ops-chat-event small{color:var(--muted);font-size:.67rem;text-transform:capitalize}.ops-chat-event p{margin-top:4px;white-space:pre-wrap}.ops-quick-actions{display:flex;gap:6px;overflow-x:auto;padding:10px;border-top:1px solid var(--border)}.ops-quick-actions button,.ops-file{white-space:nowrap;border:1px solid var(--border);background:var(--surface-2);color:inherit;border-radius:999px;padding:7px 10px;font-size:.73rem;cursor:pointer}.ops-chat-form{display:flex;gap:7px;padding:10px;border-top:1px solid var(--border)}.ops-chat-form textarea{min-height:44px;max-height:110px;resize:vertical}.ops-install{position:fixed;right:18px;bottom:78px;z-index:40;display:flex;gap:10px;align-items:center;padding:10px 14px;background:#0f1923;color:#fff;border:1px solid #324151;border-radius:14px;box-shadow:0 10px 30px #0004;cursor:pointer}.ops-install i{font-size:22px}.ops-install span{display:grid;text-align:left}.ops-install small{opacity:.7}.ops-dialog-backdrop{position:fixed;inset:0;background:#0009;z-index:100;display:grid;place-items:center;padding:16px}.ops-dialog{width:min(520px,100%);max-height:90vh;overflow:auto;background:var(--surface);border-radius:var(--radius-lg);padding:18px;display:grid;gap:12px}.ops-dialog-head{display:flex;justify-content:space-between;align-items:center}.ops-dialog-head button{border:0;background:none;color:inherit;font-size:24px;cursor:pointer}.ops-dialog label{display:grid;gap:5px;font-size:.8rem;color:var(--muted)}.ops-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ops-check{display:flex!important;align-items:center}.ops-check input{width:auto}.ops-notification-list{display:grid;gap:7px}.ops-notification-list button{display:grid;text-align:left;gap:3px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:inherit}.ops-notification-list span,.ops-notification-list small{font-size:.76rem;color:var(--muted)}
@media(max-width:900px){.ops-agent-layout{grid-template-columns:1fr}.ops-agent-chat{min-height:480px}.ops-agent-metrics{grid-template-columns:1fr 1fr}.ops-agent-head{align-items:flex-start}.ops-agent-head .actions{display:grid}.ops-chat-history{height:300px}}
@media(max-width:520px){.ops-agent-head{display:grid}.ops-agent-head .actions{grid-template-columns:1fr 1fr}.ops-agent-metrics{gap:7px}.ops-agent-metric{padding:10px}.ops-agent-metric strong{font-size:1.35rem}.ops-agent-layout{margin:0 -8px}.ops-due{max-width:72px}.ops-install{left:12px;right:12px;bottom:72px}.ops-two{grid-template-columns:1fr}}
.ops-team-summary{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px}.ops-team-summary>div{min-width:210px;display:grid;gap:3px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.ops-team-summary span{font-size:.73rem;color:var(--muted)}.ops-rules{width:min(760px,100%)}.ops-table-wrap{overflow:auto}.ops-table-wrap table{min-width:620px}.ops-table-wrap th,.ops-table-wrap td{padding:7px;font-size:.76rem}.ops-table-wrap input{min-width:86px}
.ops-quick-actions select{width:auto;white-space:nowrap;border:1px solid var(--border);background:var(--surface-2);color:inherit;border-radius:999px;padding:7px 10px;font-size:.73rem}
.ops-install>button{display:flex;align-items:center;gap:10px;border:0;background:none;color:inherit;cursor:pointer}.ops-install>button:last-child{font-size:20px;opacity:.7;padding:2px 4px;margin-left:auto}
:root{--surface:var(--panel);--surface-2:var(--panel-2);--border:var(--line)}
.ops-agent-conversation{display:flex;flex-direction:column;min-height:560px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}.ops-agent-chat-title{flex:0 0 auto}.ops-agent-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:21px}.ops-agent-history{flex:1;height:420px;background:color-mix(in srgb,var(--surface-2) 85%,transparent)}.ops-chat-event.agent{background:var(--surface);box-shadow:0 1px 2px #0001}.ops-agent-composer{flex:0 0 auto;background:var(--surface);min-width:0}.ops-agent-composer textarea{min-width:0}.ops-mic{min-width:42px;border:0;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:16px;cursor:pointer;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:6px}.ops-mic.recording{background:var(--red);color:#fff}.ops-mic span{font-size:.72rem;font-weight:700}.ops-pending-confirmation{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:999px;background:var(--amber-soft);color:var(--amber);font-size:.67rem;font-weight:700}.ops-agent-first{margin:auto;max-width:350px;text-align:center;color:var(--muted);padding:30px}.ops-agent-first i{display:block;font-size:48px;color:var(--blue);margin-bottom:10px}.ops-agent-first strong{display:block;color:var(--text);margin-bottom:7px}
@media(max-width:900px){#operationsPage{width:100%;max-width:100%;min-width:0;overflow-x:hidden}.ops-agent-head,.ops-agent-layout,.ops-agent-chat,.ops-agent-conversation,.ops-chat-history,.ops-agent-composer{width:100%;max-width:100%;min-width:0}.ops-agent-layout{display:block!important;margin:0!important}.ops-agent-list,.ops-agent-metrics,.ops-team-summary{display:none!important}.ops-agent-head{display:grid;gap:10px}.ops-agent-head .actions{display:flex!important;flex-wrap:wrap;width:100%}.ops-agent-head .actions .btn{flex:1;min-width:130px}.ops-agent-conversation{min-height:calc(100dvh - 190px);border-radius:10px}.ops-agent-history{height:calc(100dvh - 330px);padding:10px;overflow-x:hidden}.ops-chat-event{max-width:88%;overflow-wrap:anywhere;word-break:break-word}.ops-agent-composer{position:sticky;bottom:0;padding:8px;gap:5px}.ops-agent-composer textarea{width:100%;font-size:16px}.ops-mic{min-width:48px;padding:0 9px}.ops-mic span{display:none}.ops-chat-title{padding:10px}.ops-install{max-width:calc(100vw - 24px)}}
@media(max-width:420px){.ops-agent-head .actions{display:grid!important;grid-template-columns:1fr 1fr}.ops-agent-head .actions .btn{min-width:0}.ops-agent-composer .btn{padding-inline:12px}.ops-agent-avatar{width:34px;height:34px}.ops-chat-title small{font-size:.68rem}}
.ops-push-badge span{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 18%,transparent)}.ops-push-badge.active span{background:#16a34a;box-shadow:0 0 0 3px #16a34a22}.ops-push-dialog{width:min(480px,100%)}.ops-push-check{display:grid;grid-template-columns:1fr auto;gap:4px;padding:11px 12px;border:1px solid var(--border);border-radius:10px}.ops-push-check span,.ops-push-check small{color:var(--muted);font-size:.76rem}.ops-push-check small{grid-column:1/-1;overflow-wrap:anywhere}.ops-push-check.ok{border-left:4px solid #16a34a}.ops-push-check.bad{border-left:4px solid var(--red)}.ops-push-actions{display:flex;gap:8px;flex-wrap:wrap}.ops-push-actions .btn{flex:1;min-width:130px}
.ops-reminders-dialog{width:min(700px,100%)}.ops-reminder-summary{display:flex;gap:10px}.ops-reminder-summary span{display:grid;min-width:120px;padding:10px;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:.73rem}.ops-reminder-summary strong{font-size:1.35rem;color:var(--text)}.ops-reminder-list{display:grid;gap:8px}.ops-reminder{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--border);border-left:4px solid var(--amber);border-radius:10px}.ops-reminder.completed{border-left-color:#16a34a;opacity:.78}.ops-reminder.notified{border-left-color:var(--red)}.ops-reminder>div{display:grid;gap:3px;min-width:0}.ops-reminder span,.ops-reminder small{font-size:.72rem;color:var(--muted)}.ops-reminder strong{overflow-wrap:anywhere}@media(max-width:520px){.ops-reminder{grid-template-columns:1fr auto}.ops-reminder .btn{grid-column:1/-1}.ops-reminder-summary span{min-width:0;flex:1}}
@media(max-width:900px){html,body,.app-shell,.main,.app-content,.view,.page-content{max-width:100%;min-width:0;overflow-x:hidden}body{overscroll-behavior-x:none}[data-view="operations"]{min-height:0;overflow:hidden}#operationsPage{display:flex;flex-direction:column;min-height:0;padding:8px!important;overflow:hidden!important;touch-action:pan-y}.ops-agent-head{flex:0 0 auto;margin-bottom:8px}.ops-agent-layout{display:flex!important;flex:1;min-height:0;overflow:hidden}.ops-agent-conversation{flex:1;height:100%;min-height:0!important;max-height:100%;overflow:hidden}.ops-agent-history{flex:1;height:auto!important;min-height:0;overscroll-behavior:contain}.ops-agent-composer{position:relative;flex:0 0 auto;padding-bottom:max(8px,env(safe-area-inset-bottom))}}
@media(max-width:900px){html.ops-chat-active,html.ops-chat-active body{width:100%;height:100%;overflow:hidden!important}html.ops-chat-active .main{height:100dvh;overflow:hidden!important}html.ops-chat-active .app-content{min-height:0;overflow:hidden!important}html.ops-chat-active [data-view="operations"].is-active{height:100%;min-height:0;overflow:hidden!important}html.ops-chat-active #operationsPage{height:100%;min-height:0;overflow:hidden!important}html.ops-chat-active .ops-agent-history{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;touch-action:pan-y}}
html.ops-chat-active,html.ops-chat-active body{height:100%;overflow:hidden!important}html.ops-chat-active .main{height:100vh;overflow:hidden!important}html.ops-chat-active .app-content{min-height:0;overflow:hidden!important}html.ops-chat-active [data-view="operations"].is-active{height:100%;min-height:0;overflow:hidden!important}html.ops-chat-active #operationsPage{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden!important}html.ops-chat-active .ops-agent-head,html.ops-chat-active .ops-agent-metrics,html.ops-chat-active .ops-team-summary{flex:0 0 auto}html.ops-chat-active .ops-agent-layout{flex:1;min-height:0!important;overflow:hidden}html.ops-chat-active .ops-agent-list,html.ops-chat-active .ops-agent-conversation{height:100%;min-height:0!important}html.ops-chat-active .ops-agent-list{display:flex;flex-direction:column}html.ops-chat-active #opsTaskList{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}html.ops-chat-active .ops-agent-history{flex:1;height:auto!important;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}

.ops-floating-root[hidden],.ops-floating-root [hidden]{display:none!important}.ops-floating-launcher{position:fixed;right:22px;bottom:22px;z-index:90;width:60px;height:60px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;box-shadow:0 12px 35px #0005;cursor:pointer}.ops-floating-launcher>i{font-size:30px}.ops-floating-count{position:absolute;right:-2px;top:-4px;min-width:23px;height:23px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:#fff;color:var(--red);border:2px solid var(--red);font-size:.72rem;font-weight:800}.ops-floating-panel{position:fixed;right:22px;bottom:94px;z-index:110;width:min(420px,calc(100vw - 28px));height:min(660px,calc(100vh - 120px));height:min(660px,calc(100dvh - 120px));display:flex;flex-direction:column;min-height:0;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 22px 60px #0006}.ops-floating-head{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:12px 13px;border-bottom:1px solid var(--border);background:var(--surface)}.ops-floating-head>div{display:grid;gap:2px;min-width:0;flex:1}.ops-floating-head small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.72rem}.ops-floating-head>button{width:38px;height:38px;border:0;border-radius:50%;background:var(--surface-2);color:inherit;cursor:pointer}.ops-floating-head>button i{font-size:20px}.ops-floating-status{width:8px;height:8px;border-radius:50%;background:var(--red);flex:0 0 auto}.ops-floating-status.active{background:#16a34a}.ops-floating-panel .ops-agent-history{flex:1;height:auto!important;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}.ops-floating-panel .ops-agent-composer{flex:0 0 auto}.ops-floating-panel .ops-agent-composer textarea{min-width:0;font-size:16px}
@media(max-width:900px){.ops-floating-launcher{right:14px;bottom:82px}.ops-floating-panel{inset:0;z-index:140;width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.ops-floating-head{padding-top:max(12px,env(safe-area-inset-top))}.ops-floating-panel .ops-agent-composer{padding-bottom:max(10px,env(safe-area-inset-bottom))}html.ops-float-open,html.ops-float-open body{height:100%;overflow:hidden!important}}

/* El coordinador no debe secuestrar el scroll del Hub en telefono. */
.ops-floating-root{pointer-events:none}.ops-floating-launcher,.ops-floating-panel{pointer-events:auto}
@media(max-width:900px){
  html.ops-chat-active,html.ops-chat-active body,html.ops-float-open,html.ops-float-open body{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}
  html.ops-chat-active .main{height:100dvh!important;overflow:hidden!important}
  html.ops-chat-active .app-content{min-height:0;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  html.ops-chat-active [data-view="operations"].is-active,html.ops-chat-active #operationsPage,html.ops-chat-active .ops-agent-layout{height:auto!important;min-height:0!important;overflow:visible!important}
  html.ops-chat-active .ops-agent-layout{display:block!important}
  html.ops-chat-active .ops-agent-conversation{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden}
  html.ops-chat-active .ops-agent-history{height:min(52dvh,420px)!important;min-height:280px;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .ops-floating-panel{inset:auto 8px calc(76px + env(safe-area-inset-bottom)) 8px;width:auto;height:min(72dvh,620px);max-height:620px;border:1px solid var(--border);border-radius:16px}
  .ops-floating-head{padding-top:12px}
}