.lb-shell{--lb-blue:#2563eb;--lb-green:#059669;--lb-amber:#d97706;--lb-red:#dc2626;--lb-purple:#7c3aed;color:#0f172a}
.lb-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:12px}.lb-title{margin:0;font-size:28px;line-height:1.1;font-weight:850;letter-spacing:-.03em}.lb-subtitle{margin:6px 0 0;color:#64748b;font-size:13px}
.lb-tabs{display:flex;gap:4px;align-self:flex-end;margin-left:auto}.lb-tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:9px 13px;color:#64748b;font-weight:750;cursor:pointer}.lb-tab.is-active{border-color:var(--lb-blue);color:var(--lb-blue);background:#eff6ff}
.lb-filters{display:grid;grid-template-columns:1.25fr repeat(5,minmax(120px,1fr)) auto;gap:10px;align-items:end;padding:12px;background:#fff;border:1px solid #dbe4ef;border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.04)}.lb-field{display:grid;gap:5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#334155}.lb-field input,.lb-field select{min-width:0;height:38px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;padding:0 10px;color:#0f172a}.lb-process{height:38px;border:0;border-radius:7px;padding:0 18px;background:linear-gradient(135deg,#16a34a,#047857);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 3px 8px #04785733}
.lb-meta{display:flex;gap:18px;flex-wrap:wrap;padding:9px 2px;color:#475569;font-size:11px}.lb-meta strong{color:#0f172a}
.lb-highlights{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:9px;margin:2px 0 12px}.lb-highlight{min-height:82px;text-align:left;border:1px solid #dbe4ef;border-top:4px solid var(--tone,#2563eb);border-radius:9px;background:#fff;padding:10px 12px;cursor:pointer;box-shadow:0 2px 7px rgba(15,23,42,.04)}.lb-highlight:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(15,23,42,.08)}.lb-highlight-label{display:block;color:#475569;font-size:11px;font-weight:750}.lb-highlight-value{display:block;margin-top:4px;font-size:23px;font-weight:850;color:#0f172a}.lb-highlight-impact{display:block;margin-top:2px;color:#64748b;font-size:10px}
.lb-ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lb-card{border:1px solid #dbe4ef;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.04)}.lb-card-head{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid #e2e8f0;font-size:14px;font-weight:850}.lb-card-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eff6ff}.lb-rank-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #f1f5f9}.lb-rank-row:last-child{border-bottom:0}.lb-rank-no{font-weight:850;color:#64748b}.lb-rank-name{font-size:13px;font-weight:800}.lb-rank-context{margin-top:3px;color:#64748b;font-size:10px}.lb-rank-value{text-align:right}.lb-rank-value strong{display:block;font-size:17px}.lb-rank-value small{display:block;color:#64748b;font-size:10px;line-height:1.45}.lb-empty{padding:24px;text-align:center;color:#64748b;font-size:12px}
.lb-control-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.95fr);gap:12px}.lb-panel{border:1px solid #dbe4ef;border-radius:10px;background:#fff;overflow:hidden}.lb-panel-head{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid #e2e8f0}.lb-panel-head h3{margin:0;font-size:15px}.lb-panel-head span{margin-left:auto;color:#64748b;font-size:10px}.lb-subtabs{display:flex;gap:4px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid #e2e8f0}.lb-subtab{border:0;background:#f8fafc;border-radius:6px;padding:7px 10px;color:#475569;font-size:11px;font-weight:750;cursor:pointer}.lb-subtab.is-active{background:#eff6ff;color:#2563eb}.lb-table-wrap{overflow:auto}.lb-table{width:100%;border-collapse:collapse;min-width:820px;font-size:11px}.lb-table th{padding:9px 10px;text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #dbe4ef;white-space:nowrap}.lb-table td{padding:9px 10px;border-bottom:1px solid #edf2f7}.lb-table tr[data-pr-row]{cursor:pointer}.lb-table tr[data-pr-row]:hover{background:#f8fbff}.lb-side-stack{display:grid;gap:12px;align-content:start}.lb-anomaly{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf2f7;cursor:pointer}.lb-anomaly-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff7ed}.lb-anomaly strong{font-size:11px}.lb-anomaly small{display:block;color:#64748b;font-size:9px}.lb-anomaly-value{text-align:right;font-size:11px;font-weight:850}.lb-lineage{display:flex;justify-content:space-around;align-items:center;padding:15px 10px;color:#475569;font-size:10px;text-align:center}.lb-lineage span{font-size:17px;display:block}.lb-pagination{display:flex;gap:8px;align-items:center;padding:10px 12px;color:#64748b;font-size:11px}
.lb-control-switch{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:8px 10px;border:1px solid #dbe4ef;border-radius:10px;background:#fff}.lb-control-switch>strong{margin-right:8px;font-size:13px}.lb-metric-tab{border:1px solid #dbe4ef;border-radius:7px;background:#f8fafc;padding:8px 12px;color:#475569;font-size:11px;font-weight:800;cursor:pointer}.lb-metric-tab.is-active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:inset 0 -2px 0 #2563eb}
.lb-error{padding:14px;border:1px solid #fecaca;background:#fef2f2;border-radius:8px;color:#991b1b;font-size:13px}.lb-loading{padding:24px;text-align:center;color:#64748b}
@media(max-width:1200px){.lb-filters{grid-template-columns:repeat(4,minmax(130px,1fr))}.lb-highlights{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.lb-header{display:block}.lb-tabs{margin-top:12px;overflow:auto}.lb-ranking-grid,.lb-control-layout{grid-template-columns:1fr}.lb-highlights{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.lb-filters{grid-template-columns:1fr 1fr}.lb-process{grid-column:1/-1}.lb-title{font-size:23px}.lb-highlights{grid-template-columns:1fr 1fr}.lb-meta{gap:8px}.lb-control-switch{align-items:stretch;flex-wrap:wrap}.lb-control-switch>strong{width:100%}.lb-metric-tab{flex:1}}
