:root{--color-primary: #007A33;--color-primary-dark: #005c26;--color-primary-light:#e8f5ec;--color-bg: #f5f5f4;--color-surface: #ffffff;--color-surface-2: #f0f0ef;--color-border: #e0e0de;--color-text: #1a1a1a;--color-text-muted: #6b7280;--color-text-inv: #ffffff;--color-danger: #dc2626;--color-warn: #d97706;--color-ok: #16a34a;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.125rem;--rail-left-width: 260px;--rail-right-width: 220px;--topbar-height: 52px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.12);--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font:inherit}input,textarea{font:inherit}a{color:var(--color-primary)}.login-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light) 0%,#fff 60%);padding:1.5rem}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem 2rem;width:100%;max-width:380px;box-shadow:var(--shadow-md)}.login-brand{display:flex;align-items:baseline;gap:0;margin-bottom:.25rem}.login-logo-text{font-size:1.75rem;font-weight:700;color:var(--color-primary);letter-spacing:-.5px}.login-logo-dot{font-size:1.75rem;font-weight:400;color:var(--color-text-muted)}.login-tagline{color:var(--color-text-muted);margin-bottom:2rem;font-size:var(--font-size-sm)}.login-note{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:.25rem}.login-form{display:flex;flex-direction:column;gap:.5rem}.login-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);margin-top:.5rem}.login-input{width:100%;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition),box-shadow var(--transition);background:var(--color-surface)}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007a3326}.login-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:.25rem}.login-btn{margin-top:1.25rem;width:100%;padding:.75rem;background:var(--color-primary);color:var(--color-text-inv);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);transition:background var(--transition)}.login-btn:hover:not(:disabled){background:var(--color-primary-dark)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:1.5rem;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.login-link{color:var(--color-primary);text-decoration:none}.login-link:hover{text-decoration:underline}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;box-shadow:var(--shadow-sm);z-index:10}.topbar__left,.topbar__right{display:flex;align-items:center;gap:.75rem}.topbar__rail-toggle{padding:.35rem .5rem;color:var(--color-text-muted);border-radius:var(--radius-sm);font-size:1.1rem;transition:background var(--transition),color var(--transition)}.topbar__rail-toggle:hover{background:var(--color-surface-2);color:var(--color-text)}.topbar__brand{display:flex;align-items:baseline;gap:0}.topbar__brand-name{font-weight:700;font-size:1.05rem;color:var(--color-primary);letter-spacing:-.3px}.topbar__brand-dot{font-weight:400;font-size:1.05rem;color:var(--color-text-muted)}.topbar__tenant{margin-left:.6rem;font-size:var(--font-size-sm);color:var(--color-text-muted);border-left:1px solid var(--color-border);padding-left:.6rem}.topbar__user{font-size:var(--font-size-sm);color:var(--color-text-muted)}.topbar__logout{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:.35rem .6rem;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.topbar__logout:hover{background:var(--color-surface-2);color:var(--color-text)}.app-body{display:flex;flex:1;overflow:hidden}.main-area{flex:1;overflow:hidden;display:flex;flex-direction:column}.left-rail{width:var(--rail-left-width);flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;padding:.75rem .5rem;gap:.25rem}.left-rail__search{padding:0 .25rem}.rail-search{width:100%;padding:.45rem .65rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition)}.rail-search:focus{border-color:var(--color-primary)}.new-chat-btn{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;margin:.25rem;background:var(--color-primary);color:var(--color-text-inv);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:background var(--transition)}.new-chat-btn:hover{background:var(--color-primary-dark)}.new-chat-btn__icon{font-size:1rem;font-weight:300}.rail-section{border-top:1px solid var(--color-border);padding-top:.25rem;margin-top:.25rem}.rail-section__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.45rem .5rem;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:background var(--transition)}.rail-section__header:hover{background:var(--color-surface-2);color:var(--color-text)}.rail-section__header--disabled{opacity:.5;cursor:default}.rail-section__arrow{font-size:.7rem}.rail-section__badge{font-size:.65rem;background:var(--color-surface-2);color:var(--color-text-muted);padding:.1rem .35rem;border-radius:99px;border:1px solid var(--color-border)}.rail-section__body{padding:.25rem 0}.rail-empty{padding:.5rem;font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.chat-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.5rem .65rem;border-radius:var(--radius-sm);text-align:left;transition:background var(--transition)}.chat-item:hover{background:var(--color-surface-2)}.chat-item--active{background:var(--color-primary-light)}.chat-item--active .chat-item__title{color:var(--color-primary)}.chat-item__title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chat-item__meta{font-size:.72rem;color:var(--color-text-muted)}.chat-item__desc{font-size:.72rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.agent-card{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .65rem;border-radius:var(--radius-sm);text-align:left;transition:background var(--transition)}.agent-card:hover{background:var(--color-surface-2)}.agent-card__info{display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.agent-card__name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card__role{font-size:.72rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-rail{width:var(--rail-right-width);flex-shrink:0;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;padding:1rem .75rem;gap:.75rem}.right-rail__label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500;align-self:flex-start}.right-rail__avatars{display:flex;flex-direction:column;gap:.5rem;width:100%}.right-rail__avatar-wrap{position:relative}.right-rail__avatar-btn{border-radius:50%;transition:box-shadow var(--transition)}.right-rail__avatar-btn:hover{box-shadow:0 0 0 3px var(--color-primary-light)}.agent-popover{position:absolute;right:100%;top:0;margin-right:.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem;box-shadow:var(--shadow-md);z-index:20;min-width:180px;display:flex;flex-direction:column;gap:.5rem}.agent-popover__close{position:absolute;top:.4rem;right:.4rem;font-size:.75rem;color:var(--color-text-muted);padding:.2rem .3rem;border-radius:var(--radius-sm)}.agent-popover__close:hover{background:var(--color-surface-2)}.agent-popover__info{display:flex;flex-direction:column;gap:.15rem;font-size:var(--font-size-sm)}.agent-popover__bloque{font-size:.72rem;color:var(--color-text-muted)}.agent-popover__desc{font-size:.72rem;color:var(--color-text-muted);margin-top:.25rem;line-height:1.4}.right-rail__hint{font-size:.72rem;color:var(--color-text-muted);text-align:center;line-height:1.4;padding:0 .25rem}.add-agent-btn{width:100%;padding:.5rem;border:1px dashed var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);transition:background var(--transition),border-color var(--transition),color var(--transition);margin-top:auto}.add-agent-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.welcome__title{font-size:1.75rem;font-weight:600;color:var(--color-text)}.welcome__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:420px}.welcome__cta{padding:.75rem 1.75rem;background:var(--color-primary);color:var(--color-text-inv);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);transition:background var(--transition);margin-top:.5rem}.welcome__cta:hover{background:var(--color-primary-dark)}.chat-window{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%}.chat-header{padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.chat-header__meta{display:flex;flex-direction:column;gap:.15rem}.chat-header__title{font-weight:600;font-size:var(--font-size-base)}.chat-header__desc{font-size:var(--font-size-sm);color:var(--color-text-muted)}.chat-thread{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.chat-loading,.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:.5rem;color:var(--color-text-muted);padding:3rem}.chat-empty__text{font-size:var(--font-size-lg);color:var(--color-text)}.chat-empty__hint{font-size:var(--font-size-sm)}.msg{display:flex;gap:.75rem;max-width:75%}.msg--user{flex-direction:column;align-items:flex-end;align-self:flex-end}.msg--agent{flex-direction:row;align-items:flex-start;align-self:flex-start}.msg--progress{max-width:100%;align-self:stretch}.msg__avatar{flex-shrink:0;margin-top:.25rem}.msg__body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.msg__agent-name{font-size:.75rem;font-weight:600;color:var(--color-primary)}.msg__bubble{border-radius:var(--radius-md);padding:.75rem 1rem;font-size:var(--font-size-base);line-height:1.5}.msg__bubble--user{background:var(--color-primary);color:var(--color-text-inv);border-bottom-right-radius:4px}.msg__bubble--agent{background:var(--color-surface);border:1px solid var(--color-border);border-top-left-radius:4px;box-shadow:var(--shadow-sm)}.msg__time{font-size:.68rem;color:var(--color-text-muted)}.chat-blocked-banner{padding:.6rem 1.25rem;background:#fef3c7;border-top:1px solid #fde68a;font-size:var(--font-size-sm);color:#92400e;text-align:center;flex-shrink:0}.chat-input-bar{display:flex;align-items:flex-end;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.chat-input{flex:1;padding:.65rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-md);resize:none;outline:none;max-height:160px;overflow-y:auto;line-height:1.5;transition:border-color var(--transition),box-shadow var(--transition)}.chat-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007a331f}.chat-input:disabled{background:var(--color-surface-2)}.chat-send-btn{width:38px;height:38px;background:var(--color-primary);color:var(--color-text-inv);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:background var(--transition)}.chat-send-btn:hover:not(:disabled){background:var(--color-primary-dark)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.event-answer{width:100%}.markdown-body{line-height:1.6}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-weight:600;margin-top:.75rem;margin-bottom:.25rem}.markdown-body h1{font-size:1.2rem}.markdown-body h2{font-size:1.05rem}.markdown-body h3{font-size:var(--font-size-base)}.markdown-body p{margin-bottom:.5rem}.markdown-body li{margin-left:1.25rem;margin-bottom:.25rem}.markdown-body strong{font-weight:600}.markdown-body code{background:var(--color-surface-2);padding:.1rem .3rem;border-radius:4px;font-family:var(--font-mono);font-size:.85em}.markdown-body blockquote{border-left:3px solid var(--color-primary);padding-left:.75rem;color:var(--color-text-muted);margin:.5rem 0}.event-answer__sources{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem;align-items:center}.event-answer__sources-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.event-answer__source{font-size:.72rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:99px;padding:.1rem .5rem;color:var(--color-text-muted)}.event-clarify{display:flex;flex-direction:column;gap:.65rem}.event-clarify__question{font-size:var(--font-size-base);line-height:1.5}.event-clarify__options{display:flex;flex-wrap:wrap;gap:.4rem}.clarify-option{padding:.45rem .85rem;border:1.5px solid var(--color-primary);border-radius:99px;font-size:var(--font-size-sm);color:var(--color-primary);background:var(--color-surface);transition:background var(--transition),color var(--transition)}.clarify-option:hover{background:var(--color-primary);color:var(--color-text-inv)}.event-progress{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:var(--font-size-sm);color:var(--color-text-muted)}.event-progress__label{flex:1}.event-progress__bar-wrap{width:80px;height:4px;background:var(--color-border);border-radius:99px;overflow:hidden}.event-progress__bar{height:100%;background:var(--color-primary);border-radius:99px;transition:width .3s ease}.event-panel{display:flex;flex-direction:column;gap:.6rem;width:100%}.event-panel__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.event-panel__voices{display:flex;flex-direction:column;gap:.5rem}.panel-voz{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.65rem .85rem;background:var(--color-surface-2)}.panel-voz--done{border-left:3px solid var(--color-ok)}.panel-voz--running{border-left:3px solid var(--color-primary)}.panel-voz--pending{border-left:3px solid var(--color-border)}.panel-voz__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.panel-voz__name{font-weight:600;font-size:var(--font-size-sm)}.panel-voz__estado{font-size:.7rem;color:var(--color-text-muted);margin-left:auto}.panel-voz__content{font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text)}.event-action-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;width:100%}.action-preview__header{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.action-preview__icon{font-size:1rem}.action-preview__title{font-weight:600;font-size:var(--font-size-sm);flex:1}.rev-badge{font-size:.72rem;padding:.15rem .5rem;border-radius:99px;font-weight:500}.rev-badge--safe{background:#dcfce7;color:#166534}.rev-badge--warn{background:#fef3c7;color:#92400e}.rev-badge--danger{background:#fee2e2;color:#991b1b}.action-preview__resumen{padding:.65rem .85rem;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border)}.action-preview__diff{font-family:var(--font-mono);font-size:.78rem;padding:.65rem .85rem;background:#0d1117;color:#e6edf3;white-space:pre-wrap;border-bottom:1px solid var(--color-border);line-height:1.6}.action-preview__actions{padding:.75rem .85rem;display:flex;flex-direction:column;gap:.5rem}.action-preview__notice{font-size:var(--font-size-sm);color:var(--color-text-muted)}.action-preview__btns{display:flex;gap:.5rem}.action-btn{padding:.55rem 1.1rem;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-sm);transition:background var(--transition),color var(--transition)}.action-btn--approve{background:var(--color-primary);color:var(--color-text-inv)}.action-btn--approve:hover{background:var(--color-primary-dark)}.action-btn--reject{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.action-btn--reject:hover{background:#fee2e2;color:var(--color-danger);border-color:var(--color-danger)}.action-preview__error{font-size:var(--font-size-sm);color:var(--color-danger)}.action-preview__status{padding:.65rem .85rem;font-size:var(--font-size-sm);color:var(--color-text-muted)}.action-preview__status--ok{color:var(--color-ok);font-weight:600}.action-preview__status--rejected{color:var(--color-text-muted)}.event-escalated{display:flex;flex-direction:column;gap:.4rem;padding:.65rem .85rem;background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-sm);width:100%}.escalated__header{display:flex;align-items:center;gap:.5rem}.escalated__icon{font-size:1rem}.escalated__title{font-weight:600;font-size:var(--font-size-sm);color:#92400e}.escalated__motivo{font-size:var(--font-size-sm);color:#78350f;line-height:1.5}.escalated__hint{font-size:var(--font-size-sm);color:#92400e;font-style:italic}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}