html body #root .firm-triage-panel { border: 1px solid #c9ded8; border-radius: 14px; background: #f7fbf9; margin: 0 0 16px; overflow: hidden; }
html body #root .firm-triage-panel > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; color: #123f3b; font-weight: 850; }
html body #root .firm-triage-panel > summary::-webkit-details-marker { display: none; }
html body #root .firm-triage-panel > summary strong { color: #087c72; background: #e0f5ef; padding: 5px 9px; border-radius: 99px; font-size: 12px; }
html body #root .firm-triage-panel[open] > summary { border-bottom: 1px solid #d4e7e1; }
html body #root .firm-triage-body { display: grid; gap: 12px; padding: 14px 16px 16px; }
html body #root .firm-triage-body p { margin: 0; }
html body #root .firm-triage-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
html body #root .firm-triage-metrics > div { display: grid; gap: 3px; background: white; border: 1px solid #d5e5e1; border-radius: 10px; padding: 10px 12px; }
html body #root .firm-triage-metrics strong { color: #0a6f68; font-size: 22px; }
html body #root .firm-triage-metrics span { color: #526870; font-size: 12px; }
html body #root .firm-triage-note { color: #667782; font-size: 12px; }
html body #root .firm-triage-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
html body #root .firm-triage-filters label { display: grid; gap: 5px; font-weight: 750; font-size: 12px; }
html body #root .firm-triage-results { max-height: 300px; overflow: auto; display: grid; gap: 6px; }
html body #root .firm-triage-results > div { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 12px; padding: 9px 11px; background: white; border: 1px solid #e1ece8; border-radius: 9px; }
html body #root .firm-triage-results > div strong { flex: 1 1 220px; overflow-wrap: anywhere; }
html body #root .firm-triage-results > div span { color: #64748b; font-size: 12px; }
html body #root .firm-triage-results > div em { flex: 1 1 100%; color: #9a5a12; font-size: 12px; font-style: normal; }
@media (max-width: 920px) { html body #root .firm-triage-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { html body #root .firm-triage-metrics, html body #root .firm-triage-filters { grid-template-columns: 1fr; } }
html body #root .portfolio-status-heading { display: grid; gap: 3px; padding: 14px 16px 0; color: #123f3b; }
html body #root .portfolio-status-heading > strong { font-size: 17px; }
html body #root .portfolio-status-heading > span { color: #667782; font-size: 12px; }
html body #root .portfolio-status-tabs { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
html body #root .portfolio-status-tab { display: grid; gap: 3px; text-align: left; background: white; border: 1px solid #d5e5e1; border-radius: 10px; padding: 9px 11px; color: #526870; cursor: pointer; }
html body #root .portfolio-status-tab strong { color: #0a6f68; font-size: 21px; }
html body #root .portfolio-status-tab span { font-size: 12px; }
html body #root .portfolio-status-tab.is-active { border-color: #0fa698; background: #e5f8f4; }
html body #root .portfolio-status-search { display: grid; gap: 5px; max-width: 360px; font-size: 12px; font-weight: 750; }
@media (max-width: 920px) { html body #root .portfolio-status-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { html body #root .portfolio-status-tabs { grid-template-columns: 1fr; } }
html body #root .unassigned-cui-filters { display: flex; flex-wrap: wrap; gap: 8px; }
html body #root .unassigned-cui-filters .portfolio-status-tab { display: inline-flex; align-items: center; min-height: 38px; font-weight: 800; }