:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.35;font-weight:400;color:#1e293b;background-color:#f1f5f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;height:100vh;overflow:hidden}#root{height:100vh}.app{width:100%;padding:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0}.app-title{font-size:.95rem;font-weight:700;color:#f1f5f9;white-space:nowrap}.results-count{font-size:.8rem;color:#94a3b8;white-space:nowrap;margin-left:auto}.results-count strong{color:#e2e8f0}.search-form{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0;margin:0;padding:0;background:none;border:none}.search-input{padding:.3rem .5rem;border:1px solid #475569;border-radius:4px;font-size:.8rem;background:#0f172a;color:#e2e8f0;transition:border-color .15s}.search-input::placeholder{color:#64748b}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f64d}.search-input-sm{width:80px}.search-input-md{width:140px}.search-input-lg{width:200px;flex-shrink:1;min-width:100px}.btn-search,.btn-reset{padding:.3rem .7rem;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;border:none;white-space:nowrap}.btn-search{background:#3b82f6;color:#fff}.btn-search:hover:not(:disabled){background:#2563eb}.btn-search:disabled{opacity:.5;cursor:not-allowed}.btn-reset{background:#334155;color:#cbd5e1}.btn-reset:hover{background:#475569}.error-message{background:#fef2f2;color:#dc2626;border-bottom:1px solid #fecaca;padding:.3rem .75rem;font-size:.8rem;flex-shrink:0}.app-main{flex:1;overflow-y:auto;padding:.4rem}.results-placeholder,.results-empty{text-align:center;padding:2rem 1rem;color:#64748b;font-size:.85rem}.results-placeholder p,.results-empty p{margin:0}.results-list{display:flex;flex-direction:column;gap:.5rem}.lab-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;font-size:.82rem;overflow:hidden}.lab-card:hover{border-color:#93c5fd}.lab-info{flex:0 0 320px;padding:.5rem .65rem;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;min-width:0}.lab-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.35rem;padding-bottom:.3rem;border-bottom:1px solid #f1f5f9}.lab-name{font-weight:700;font-size:.9rem;color:#0f172a;word-break:break-word;flex:1;min-width:0}.lab-id{font-size:.78rem;color:#3b82f6;font-weight:600;white-space:nowrap}.lab-details{display:flex;flex-direction:column;gap:.2rem}.detail-row{display:flex;gap:.4rem;font-size:.78rem;line-height:1.4}.detail-label{font-weight:600;color:#64748b;min-width:58px;flex-shrink:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.02em}.detail-value{color:#1e293b;word-break:break-word;min-width:0}.detail-value a{color:#3b82f6;text-decoration:none;word-break:break-all}.detail-value a:hover{text-decoration:underline}.lab-scopes{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.scopes-header{font-weight:700;font-size:.75rem;color:#334155;padding:.35rem .5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.scopes-scroll{flex:1;overflow-y:auto}.scope-table{width:100%;border-collapse:collapse;font-size:.76rem}.scope-table th,.scope-table td{text-align:left;padding:.2rem .45rem;border-bottom:1px solid #f1f5f9}.scope-table th{background:#f1f5f9;font-weight:600;color:#475569;position:sticky;top:0;font-size:.72rem}.scope-table td:first-child{color:#1e293b}.scope-table td:last-child{color:#64748b;white-space:nowrap}.scope-table tr:hover{background:#f8fafc}@media (max-width: 768px){.app-header,.search-form{flex-wrap:wrap}.search-input-sm,.search-input-md,.search-input-lg{width:100%}.lab-card{flex-direction:column}.lab-info{flex:none;border-right:none;border-bottom:1px solid #e2e8f0}}