.portfolio30 .portfolio-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.portfolio-controls label{display:grid;gap:7px;flex:1;min-width:145px;font-weight:600}.portfolio30 .kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.portfolio30 .trend-card30{margin-bottom:20px}.monthly30{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;margin-top:24px}.month30{border:1px solid transparent;border-radius:10px;background:#f4f8f7;min-width:0;padding:8px 3px;cursor:pointer;color:#284640;font:inherit;display:flex;flex-direction:column;align-items:center;gap:10px}.month30:hover,.month30:focus-visible{outline:2px solid #20857c}.month30.selected{background:#ddf3ed;border:2px solid #137568}.month-track30{height:120px;display:flex;align-items:end;width:60%}.month-track30>span{background:#29897c;width:100%;border-radius:5px 5px 0 0;min-height:2px}.month30.negative .month-track30>span{background:#c54b5c}.month30.future .month-track30>span{background:#b5cbc4;border:1px dashed #4c7567}.month-value30{font-size:10px;max-width:100%;overflow-wrap:anywhere}.trend-switch30{display:flex;flex-wrap:wrap;gap:6px}.trend-switch30 [aria-pressed=true]{background:#d7eee7;color:#165b50}.portfolio30 progress{width:100%;height:20px;accent-color:#258478}.portfolio30 .units30{margin-top:20px}.table-scroll30{overflow-x:auto}.loss30{color:#b12d42;font-weight:700}.portfolio30 details summary{cursor:pointer;padding:14px 0}.portfolio30 .bridge-row{grid-template-columns:minmax(120px,1.5fr) minmax(30px,1fr) auto}.portfolio30 .data-warning{margin-top:20px}.portfolio30 .value{overflow-wrap:anywhere}
@media(max-width:1050px){.portfolio30 .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly30{grid-template-columns:repeat(6,minmax(0,1fr))}.month-track30{height:85px}.portfolio30 .bridge-layout{grid-template-columns:1fr}}
@media(max-width:550px){.portfolio-controls label{min-width:120px}.portfolio30 .kpi-grid{gap:10px}.portfolio30 .kpi .value{font-size:23px}.monthly30{gap:4px}.month-value30{font-size:9px}.portfolio30 .bridge-row{grid-template-columns:minmax(100px,1fr) auto}.portfolio30 .bridge-track{display:none}.portfolio30 .summary-head{flex-wrap:wrap;gap:12px}}
.portfolio-controls input,.portfolio-controls select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;border:1px solid #cad9d9;border-radius:8px;background:#fff;color:#183e43;padding:8px 10px;font:inherit}.portfolio-controls input:focus,.portfolio-controls select:focus{outline:2px solid #258478;outline-offset:2px}
.portfolio30 .table-scroll30:has(table){scrollbar-width:thin}.portfolio30 .table-scroll30{overscroll-behavior-x:contain}
@media(max-width:420px){.portfolio30 .kpi-grid{grid-template-columns:1fr}.portfolio30 .kpi .value{font-size:27px}.portfolio30 .portfolio-controls>label:last-of-type{flex-basis:100%}}