:root{--bg:#f8fafc;--surface:#fff;--sidebar:#eff6ff;--primary:#2563eb;--primary-dark:#1e3a8a;--primary-soft:#dbeafe;--text:#0f172a;--muted:#475569;--border:#bfdbfe;--shadow:0 8px 24px #2563eb14;--alta:#c0564a;--media:#c4922a;--baja:#3d8a6e;--pendiente:#3b7cb8;--proceso:#c4922a;--resuelto:#3d8a6e;--sans:"Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--sans);color:var(--text);background:var(--bg);margin:0}button,input,select{font:inherit}h1,h2,h3,p{margin:0}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:260px 1fr;min-height:100svh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;gap:28px;padding:24px 16px;display:flex}.brand{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.brand-mark{color:var(--primary-dark);font-size:1.25rem;font-weight:700}.brand-sub{color:var(--muted);font-size:.85rem}.sidebar nav{flex-direction:column;flex:1;gap:8px;display:flex}.connection-status{color:var(--muted);align-items:center;gap:8px;font-size:.82rem;display:flex}.connection-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.ai-offline-compact{color:var(--primary-dark);margin:0;font-size:.82rem;font-weight:600}.nav-link,.icon-button{color:var(--text);background:0 0;border:0}.nav-link{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.nav-link.is-active,.nav-link:hover{background:var(--primary-soft);color:var(--primary)}.icon-button{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:hover{background:var(--primary-soft)}.app-main{min-width:0}.app-main main{padding:28px}.mobile-bar,.mobile-only,.sidebar-backdrop{display:none}.page{flex-direction:column;gap:20px;max-width:1200px;display:flex}.page-header h1{font-size:1.7rem}.page-header p,.result-count,.empty-state,.empty-panel,.activity-panel>header p{color:var(--muted)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stat-hint{color:var(--muted);margin-top:4px;font-size:.78rem}.stat-card,.panel,.search-box,.filters select,.status-field select{background:var(--surface);border:1px solid var(--border);border-radius:14px}.stat-card{box-shadow:var(--shadow);align-items:center;gap:14px;padding:18px;display:flex}.stat-icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:12px;place-items:center;display:grid}.tone-warning .stat-icon{color:var(--media);background:#fff4d6}.tone-success .stat-icon{color:var(--resuelto);background:#e5f6ee}.tone-danger .stat-icon{color:var(--alta);background:#fde8e6}.stat-label{color:var(--muted);font-size:.9rem}.stat-value{font-size:1.7rem;font-weight:700}.panel{box-shadow:var(--shadow);padding:20px}.activity-panel header,.page-header,.toolbar{justify-content:space-between;gap:16px;display:flex}.activity-list,.case-list{flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.activity-list button,.case-item{border:1px solid var(--border);text-align:left;width:100%;color:inherit;background:#f8fbfe;border-radius:12px;padding:14px}.activity-list button{justify-content:space-between;align-items:center;gap:16px;display:flex}.activity-list button:hover,.case-item:hover,.case-item.is-selected{border-color:var(--primary);background:#f0f7fc}.activity-meta,.case-item-top,.case-item-badges,.inline-icon{align-items:center;gap:8px;display:flex}.case-item-top{justify-content:space-between}.case-subject{margin:6px 0 4px;font-weight:600}.case-preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}.badge{border-radius:999px;align-items:center;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{color:var(--pendiente);background:#e4f0fa}.badge-progress{color:var(--proceso);background:#fff4d6}.badge-resolved{color:var(--resuelto);background:#e5f6ee}.badge-high{color:var(--alta);background:#fde8e6}.badge-medium{color:var(--media);background:#fff4d6}.badge-low{color:var(--baja);background:#e5f6ee}.toolbar{flex-wrap:wrap}.search-box,.filters,.status-field{align-items:center;gap:8px;display:flex}.search-box{min-width:240px;color:var(--muted);flex:1;padding:10px 12px}.search-box input,.filters select,.status-field select{background:0 0;border:0;outline:0;width:100%}.filters{flex-wrap:wrap}.filters label,.status-field{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.filters select,.status-field select{min-width:160px;padding:10px 12px}.split-view{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);align-items:start;gap:16px;display:grid}.case-list{max-height:72vh;margin-top:0;overflow:auto}.case-detail header,.diagnosis-panel header,.profile-card{flex-direction:column;gap:10px;display:flex}.case-id{color:var(--primary);font-size:.85rem;font-weight:700}.detail-grid{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.detail-grid dt{color:var(--muted);font-size:.8rem}.detail-grid dd{margin:4px 0 0;font-weight:600}.case-message,.diagnosis-panel p{line-height:1.55}.notice{border:1px solid var(--border);color:var(--primary);background:#eaf3fb;border-radius:12px;padding:12px 14px;font-weight:600}.notice-error{color:#8a1f1f;background:#fdeeee;border-color:#e8b4b4}.profile-card{flex-direction:row;align-items:flex-start}.profile-avatar{background:var(--primary-soft);width:64px;height:64px;color:var(--primary);border-radius:16px;place-items:center;display:grid}.empty-panel{place-items:center;min-height:220px;display:grid}.page-wide{max-width:1400px}.case-name,.lab-presets div{align-items:center;gap:8px;display:flex}.unread-dot,.read-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.read-dot{background:#c5d4e0}.case-item.is-unread .case-subject,.case-item.is-unread strong{font-weight:700}.case-meta{color:var(--muted);margin:2px 0 6px;font-size:.8rem}.badge-unanalyzed{color:#4a6070;background:#e8edf2}.analyze-action,.analysis-section,.lab-form,.lab-output{flex-direction:column;gap:12px;margin-top:16px;display:flex}.analyze-button,.lab-presets button,.pagination button{background:var(--primary);color:#fff;border:0;border-radius:10px;padding:10px 14px}.analyze-button{cursor:pointer;align-items:center;gap:8px;width:fit-content;display:inline-flex}.analyze-button svg{pointer-events:none;flex-shrink:0}.analyze-button:disabled{opacity:.45;cursor:not-allowed}.rag-lab,.rag-case,.rag-compare{flex-direction:column;gap:12px;display:flex}.rag-actions{flex-wrap:wrap;gap:8px;display:flex}.rag-fragments{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rag-fragments pre{white-space:pre-wrap;margin:6px 0 0;font-size:.85rem}.rag-review{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.error-notice{color:#b42318}.lab-presets button,.pagination button{background:var(--primary-soft);color:var(--primary)}.pagination button:disabled{opacity:.45}.analysis-status{flex-direction:column;gap:8px;display:flex}.analysis-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.analysis-card{border:1px dashed var(--border);background:#f8fbfe;border-radius:12px;padding:12px}.analysis-card.signal-green{background:#dcfce7;border-color:#16a34a}.analysis-card.signal-yellow{background:#fef9c3;border-color:#ca8a04}.analysis-card.signal-red{background:#fee2e2;border-color:#dc2626}.analysis-card.signal-green p,.analysis-card.signal-yellow p,.analysis-card.signal-red p{color:var(--text);font-weight:600}.analysis-card h3{margin-bottom:6px;font-size:.85rem}.analysis-card p,.lab-run-message{color:var(--muted);font-size:.9rem}.inbox-pane{flex-direction:column;gap:12px;display:flex}.pagination{justify-content:space-between;align-items:center;gap:12px;display:flex}.flow-schema{background:var(--primary-soft);color:var(--primary);border-radius:12px;flex-wrap:wrap;gap:8px;margin:0;padding:12px 14px;font-weight:700;list-style:none;display:flex}.integration-steps{color:var(--text);flex-direction:column;gap:8px;margin:0;padding-left:22px;display:flex}.integration-steps li{border:1px dashed var(--border);background:#f8fbfe;border-radius:10px;padding:8px 10px}.lab-step{border:1px dashed var(--border);background:#f8fbfe;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.lab-step-title{color:var(--primary-dark);margin:0;font-weight:700}.llm-paste-area{min-height:180px;border:2px dashed var(--primary)!important;background:#fff!important}.lab-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:16px;display:grid}.lab-form label,.lab-form textarea,.lab-form input[type=range]{width:100%;display:block}.lab-form textarea{border:1px solid var(--border);resize:vertical;font:inherit;border-radius:10px;margin-top:6px;padding:10px}.comparison-blocks,.review-options{flex-direction:column;gap:12px;display:flex}.review-options label{color:var(--text);flex-direction:row;align-items:center;gap:8px;display:flex}.lab-presets{color:var(--muted);flex-direction:column;gap:8px;font-size:.85rem;display:flex}.lab-runs{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.lab-run-message{white-space:pre-wrap}.lab-modes{flex-wrap:wrap;gap:8px;display:flex}.lab-modes button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 14px}.lab-modes button.is-active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:700}.lab-fixed-inputs{flex-direction:column;gap:8px;display:flex}.lab-fixed-inputs pre{border:1px solid var(--border);white-space:pre-wrap;font:inherit;background:#f8fbfe;border-radius:10px;margin:0;padding:10px 12px;font-size:.9rem}.lab-table-wrap{overflow-x:auto}.lab-table{border-collapse:collapse;width:100%;font-size:.92rem}.lab-table th,.lab-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:10px}.lab-table th{background:var(--primary-soft);color:var(--primary-dark)}.comparison-section{border:1px solid var(--border);background:#fff;border-radius:14px;margin-top:24px;padding:16px;scroll-margin-top:16px}.comparison-table-wrap{margin:12px 0 20px;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;font-size:.92rem}.comparison-table th,.comparison-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px}.comparison-table thead th{background:var(--primary-soft);color:var(--primary-dark)}.comparison-table tbody th{width:18%;color:var(--muted);font-size:.85rem}.match-ok{color:#15803d;font-weight:700}.match-diff{color:#b45309;font-weight:700}.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.doc-card{flex-direction:column;gap:10px;display:flex}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:20;width:260px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-110%)}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:15;background:#1c334459;border:0;display:block;position:fixed;inset:0}.mobile-bar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:8px;padding:12px 16px;display:flex}.mobile-only{display:inline-flex}.stats-grid,.split-view,.detail-grid,.profile-card,.activity-list button,.analysis-grid,.lab-layout,.docs-grid{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.app-main main{padding:18px}}