:root{--aop-primary:#6366f1;--aop-primary-border:#818cf8;--aop-primary-hover:#4f46e5}body{background:#f8f9fa;font-family:system-ui,-apple-system,sans-serif}.aop-header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.aop-logo{width:auto;height:40px}.aop-header h1{color:var(--aop-primary);margin:0;font-size:1.2rem}.aop-search-form{background:#fff;border-radius:.5rem;margin-bottom:0;padding:1rem 1.25rem;box-shadow:0 1px 4px #00000014}.btn-aop{background-color:var(--aop-primary);border-color:var(--aop-primary-border);color:#fff}.btn-aop:hover{background-color:var(--aop-primary-hover);color:#fff}.autocomplete-container{position:relative}.autocomplete-dropdown{z-index:1050;background:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 2px 6px #0000001f}.autocomplete-dropdown .dropdown-item{cursor:pointer;padding:.4rem .75rem;font-size:.875rem}.autocomplete-dropdown .dropdown-item:hover,.autocomplete-dropdown .active-suggestion{color:var(--aop-primary);background:#ede9fe}.type-badge{white-space:nowrap;border-radius:10px;padding:2px 6px;font-size:.72rem;font-weight:600;display:inline-block}.type-aop{color:#1e40af;background:#dbeafe}.type-key_event{color:#92400e;background:#fef3c7}.type-chemical{color:#9d174d;background:#fce7f3}.type-stressor{color:#065f46;background:#d1fae5}.type-assay{color:#5b21b6;background:#ede9fe}.type-biological_process{color:#155e75;background:#cffafe}.type-biological_object{color:#075985;background:#e0f2fe}.type-biological_action{color:#7e22ce;background:#fdf4ff}.type-bio_event_triple{color:#14532d;background:#f0fdf4}.type-taxonomy{color:#9a3412;background:#fff7ed}.type-key_event_relationship{color:#334155;background:#f1f5f9}.type-default{color:#374151;background:#f3f4f6}.facet-sidebar{background:#fafafa;border:1px solid #e5e7eb;border-radius:.375rem;flex-shrink:0;min-width:160px;max-width:180px;height:fit-content;padding:.75rem;font-size:.82rem}.facet-title{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.facet-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.25rem;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.25rem;display:flex}.facet-item:hover{background:#ede9fe}.facet-item--active{background:#e0e7ff}.facet-count{color:#6b7280;white-space:nowrap;margin-left:auto;font-size:.75rem}.facet-total{border-top:1px solid #e5e7eb;margin-top:.4rem;padding-top:.4rem}.aop-table-wrap{overflow-x:auto}table.aop-table{border-collapse:collapse;width:100%;font-size:.85rem}table.aop-table th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#f3f4f6;border-bottom:2px solid #dee2e6;padding:.5rem .75rem;position:sticky;top:0}table.aop-table td{vertical-align:top;text-overflow:ellipsis;border-bottom:1px solid #f0f0f0;max-width:300px;padding:.4rem .75rem;overflow:hidden}table.aop-table tr:hover td{background:#f9f9ff}table.aop-table tr.row-selected td{background:#ede9fe}.col-toggle-dropdown{z-index:200;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;min-width:160px;padding:.5rem;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001f}.col-toggle-item{cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.2rem .25rem;font-size:.82rem;display:flex}.col-toggle-item:hover{background:#f3f4f6;border-radius:.25rem}.detail-panel{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;max-height:80vh;padding:1rem;font-size:.83rem;overflow-y:auto;box-shadow:0 2px 8px #00000014}.detail-panel__header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.detail-id{color:var(--aop-primary);font-size:1rem;font-weight:700}.detail-panel__title{margin-bottom:.5rem;font-size:.95rem;font-weight:600;line-height:1.4}.detail-panel__desc{color:#374151;border-left:3px solid var(--aop-primary);background:#f9fafb;border-radius:0 .25rem .25rem 0;max-height:150px;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.82rem;overflow-y:auto}.detail-panel__table{border-collapse:collapse;width:100%}.detail-panel__table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;vertical-align:top;white-space:nowrap;width:38%;padding:.3rem .5rem .3rem 0;font-size:.75rem;font-weight:600}.detail-panel__table td{word-break:break-word;color:#111827;padding:.3rem 0}.detail-panel__table tr{border-bottom:1px solid #f3f4f6}#aop-network{background:#fff;border:1px solid #dee2e6;border-radius:.25rem;width:100%;height:580px}.aop-tabs .nav-link.active{color:var(--aop-primary);border-bottom-color:var(--aop-primary)}.aop-tabs .nav-link{color:#6b7280}pre.debug-pre{background:#f8f9fa;border:1px solid #dee2e6;border-radius:.25rem;max-height:400px;padding:.75rem;font-size:.78rem;overflow:auto}.aop-pagination .page-item.active .page-link{background-color:var(--aop-primary);border-color:var(--aop-primary)}.aop-pagination .page-link{color:var(--aop-primary)}.aop-footer{background:#f8f9fa;border-top:1px solid #dee2e6;padding:.75rem 1rem;font-size:.8rem}.min-w-0{min-width:0}