/* Additive integration only; the original dashboard stylesheet is loaded unchanged. */
.portfolio-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; padding:10px 38px; background:#fff; border-bottom:1px solid #e2e9e5; }
.portfolio-toolbar .project-actions { flex:1 1 220px; }
.portfolio-languages { display:flex; flex-shrink:0; gap:4px; margin-left:auto; }
.portfolio-languages button { min-width:44px; min-height:44px; border:1px solid #c9d8d0; border-radius:6px; color:#164b40; background:#fff; }
.portfolio-languages button[aria-pressed=true] { color:white; background:#164b40; border-color:#164b40; }
/* Longer translated labels must wrap without changing the original grid or data. */
.metric,.input-panel,.prediction-panel,.explorer,.quality-card { min-width:0; }
.sample-select { width:100%; max-width:100%; }
.slider-label span { overflow-wrap:anywhere; }
.filters,.filter-group { flex-wrap:wrap; }
.section-heading { gap:12px; }
.pipeline > span { min-width:0; }
.table-scroll { position:relative; }
@media(max-width:950px) { .portfolio-toolbar { padding-inline:24px; } .sidebar nav { flex-wrap:wrap; } }
@media(max-width:700px) { .portfolio-toolbar { padding-inline:16px; } .topbar { height:auto; min-height:49px; gap:12px; flex-wrap:wrap; padding-block:8px; } .section-heading { flex-wrap:wrap; } .support-label { flex-wrap:wrap; gap:4px; } .quality-strip p { flex-basis:calc(100% - 40px); } }
@media(max-width:400px) { .metrics { grid-template-columns:1fr; } .sliders { grid-template-columns:repeat(2,minmax(0,1fr)); } .evidence-row { grid-template-columns:minmax(0,1fr) minmax(40px,1fr) 72px; } .input-panel > .flex { flex-wrap:wrap; } .pipeline { flex-wrap:wrap; } }