/* Sample 2 institutional finance dashboard: restrained, data-first and exact trade checkpoints. */
.institutional-chart{min-width:0;width:100%;background:#101a25;color:#e1eaf1;border:1px solid #2a3c4b;border-radius:5px;margin:0 0 17px;padding:13px}
.institutional-chart-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #29394a;padding:0 0 11px;margin:0 0 13px}
.institutional-chart-label{color:#cedbe7;font-weight:750;font-size:12px;letter-spacing:.5px}
.institutional-chart-options{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.institutional-chart button{border:1px solid #34485d;background:#172739;color:#b7c8d8;border-radius:3px;padding:6px 10px;cursor:pointer;font-size:11px;min-height:34px}
.institutional-chart button[aria-pressed="true"]{background:#253c51;border-color:#5c7487;color:white}
.institutional-chart button:disabled{opacity:.37;cursor:not-allowed}
.institutional-date{background:#101e2c;border:1px solid #344659;color:#bdd1dc;border-radius:3px;min-height:34px;max-width:136px;padding:5px 6px;font-size:11px;color-scheme:dark}
.institutional-metrics{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid #273b4b;margin:0 0 12px}
.institutional-metric{padding:13px 9px;background:#111f2d;border-right:1px solid #293d4d;min-width:0}
.institutional-metric:last-child{border:0}
.institutional-metric small{display:block;color:#95a9b9;font-size:10px;line-height:1.3;min-height:24px}
.institutional-metric strong{display:block;color:#e3eef5;font-size:clamp(12px,1.2vw,17px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:5px;font-weight:650}
.institutional-chart-stage{position:relative;background:#0c1521;border:1px solid #25394a;overflow:hidden;min-width:0}
.institutional-chart-stage svg{display:block;width:100%;height:auto;min-height:235px;touch-action:pan-y;user-select:none}
.institutional-hover{position:absolute;right:10px;top:10px;z-index:3;background:#101f2de8;border:1px solid #688095;padding:12px;width:min(310px,calc(100% - 20px));max-height:90%;overflow-y:auto;pointer-events:none;box-shadow:0 7px 24px #000a;border-radius:4px;font-variant-numeric:tabular-nums}
.institutional-hover[hidden]{display:none!important}
.institutional-hover-head{border-bottom:1px solid #3a5266;color:#e9f1f7;font-size:12px;font-weight:750;padding-bottom:8px;margin-bottom:6px}
.institutional-hover-row{display:flex;justify-content:space-between;align-items:baseline;gap:9px;padding:4px 0;border-bottom:1px solid #26394c;font-size:11px}
.institutional-hover-row span{color:#9baec0;max-width:45%}
.institutional-hover-row strong{text-align:right;color:#e2ecf3;overflow-wrap:anywhere;max-width:55%}
.institutional-chart-caution{color:#98aabd;font-size:11px;line-height:1.6;margin:8px 0 0}
.institutional-no-data{padding:36px;text-align:center;color:#a8b9c8;font-size:13px}
body #results #institutionalMainChart{margin:0}
body #results .legacy-hidden-curve,body #results #comboHoverCard,body #results .combo-chart-footer,body #results #sfCurveLegend{display:none!important}
body #results #largeEquity,body #results #largeBalance,body #results #rCurve,body #results #balanceCurve{display:none!important}
body #results .combo-curve-header{margin:0 0 8px}
body #results .combo-curve-panel{padding:6px!important;border:0!important;background:transparent!important}
body #results .sf-overview-chart{min-width:0}
body #institutionalEquityChart .institutional-chart,body #institutionalBalanceChart .institutional-chart{padding:16px}
.prop-institutional-chart{margin:18px 0}
.prop-progression-summary{border:1px solid #34505b;background:#132330;border-radius:5px;padding:15px;margin:12px 0}
.prop-progression-title{font-size:11px;letter-spacing:1px;color:#a8ced0;font-weight:700}
.prop-progression-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:11px 0}
.prop-progress-metric{background:#0e1a27;border:1px solid #344657;padding:12px;min-width:0}
.prop-progress-metric small{font-size:11px;display:block;color:#a6b7c6}
.prop-progress-metric strong{display:block;font-size:17px;color:#ecf4fa;margin:7px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.prop-progress-bar{height:6px;border:1px solid #344d5b;background:#1c2c3b;overflow:hidden}
.prop-progress-bar span{display:block;height:100%;background:#3898d0;max-width:100%}
.prop-progress-warning{color:#dda7ad;font-size:12px;margin:8px 0}
.prop-complete-ledger{margin-top:20px;background:#101b29;border:1px solid #304758;border-radius:6px;padding:15px}
.prop-table-heading h3{font-size:17px;margin:0 0 4px;color:#e6eef5}
.prop-table-heading p{color:#9cb1c2;font-size:12px;margin:0 0 13px}
.prop-table-tools{display:flex;gap:9px;flex-wrap:wrap;align-items:end;margin:0 0 12px}
.prop-table-filter{display:flex;flex-direction:column;gap:5px;min-width:125px;flex:1}
.prop-table-filter span{font-size:10px;color:#9aafc1}
.prop-table-filter input,.prop-table-filter select{border:1px solid #384f61;color:#dce8f1;background:#13263a;border-radius:4px;padding:8px;min-width:0;min-height:36px;font-size:12px}
.prop-table-export{border:1px solid #4b7980;background:#24414a;color:#d8e8e9;border-radius:4px;min-height:36px;padding:8px 12px}
.prop-table-count{font-size:11px;color:#a3bdc8}
.prop-table-scroll{overflow:auto;max-height:590px;border:1px solid #293f54}
.prop-ledger-table{width:100%;min-width:1740px;border-collapse:collapse;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}
.prop-ledger-table th{background:#1c3043;position:sticky;top:0;text-align:left;padding:10px 8px;color:#c1d3e1;cursor:pointer;z-index:2}
.prop-ledger-table td{padding:9px 8px;background:#0f1d2d;border-top:1px solid #243a4c;color:#afc2d3}
.prop-ledger-table tr:nth-child(even) td{background:#132134}
.prop-ledger-table tr:hover td,.prop-ledger-table .prop-selected-row td{background:#23465a;cursor:pointer}
.prop-ledger-table .prop-breach-row td{background:#3c1f2c;color:#f8bbc6}
.prop-table-pager{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:11px;color:#aac0d3;font-size:12px}
.prop-table-pager button{border:1px solid #455a70;background:#1b2e40;color:#e2eefa;padding:7px 12px;border-radius:4px}
@media(max-width:1250px){.institutional-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.prop-progression-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.institutional-chart{padding:8px}.institutional-chart-options{gap:3px}
.institutional-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.institutional-metric{padding:10px}
.institutional-metric strong{font-size:14px}
.institutional-chart-stage svg{min-height:195px;touch-action:none}
.institutional-hover{width:min(250px,calc(100% - 14px));right:7px;top:7px;padding:8px}
.institutional-hover-row{font-size:10px}
.prop-progression-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.prop-table-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.prop-table-filter{min-width:0}
}

/* Selected result identity and institutional financial polarity */
.selected-result-identity{margin:12px 14px 16px;background:#121f2e;border:1px solid #314456;border-radius:6px;color:#dfe8f0;padding:13px}
.selected-result-identity-head{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #2b4051;padding-bottom:9px}
.selected-result-identity-head strong{letter-spacing:.65px;font-size:12px;color:#c5d6e4}
.selected-result-identity-head span{font-size:10px;color:#85a0b4;overflow-wrap:anywhere}
.selected-result-identity-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:10px}
.selected-result-identity-grid>div{border-left:2px solid #385269;padding-left:9px;min-width:0}
.selected-result-identity-grid small{display:block;color:#8ca8b8;font-size:10px;letter-spacing:.5px}
.selected-result-identity-grid b{display:block;font-size:14px;font-variant-numeric:tabular-nums;margin-top:4px;overflow-wrap:anywhere}
.result-identity-warning{color:#d7b578;font-size:11px;margin:8px 0 0}
.metric-positive,.institutional-metric strong.metric-positive{color:#50c89a!important}
.metric-negative,.institutional-metric strong.metric-negative{color:#e98b99!important}
.metric-neutral,.institutional-metric strong.metric-neutral{color:#bac5cc!important}
#results .sf-hud-foot{overflow-wrap:anywhere;line-height:1.55}
#results .sf-dashboard-rail .sf-hud-streaks>div{min-width:0;overflow-wrap:anywhere}
#results .sf-hud-tile small{overflow-wrap:anywhere}
/* Compact cursor card: opposite of point location rather than obscuring a whole chart */
.institutional-hover{width:235px;top:10px;right:10px;left:auto;max-height:min(280px,65vh);padding:9px 10px;overflow-y:auto;pointer-events:auto!important;box-shadow:0 5px 16px #0008}
.institutional-hover[data-side="left"]{left:10px;right:auto}
.institutional-hover[data-side="right"]{right:10px;left:auto}
.institutional-hover-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:6px;margin-bottom:3px;font-size:11px}
.institutional-hover-head strong{font-size:11px}
.institutional-hover-dismiss{border:0!important;background:transparent!important;color:#bed3e1!important;font-size:17px!important;line-height:1!important;min-height:20px!important;padding:1px 5px!important}
.institutional-hover-expand{display:block!important;border:0!important;border-top:1px solid #304859!important;border-radius:0!important;color:#97c0b9!important;background:transparent!important;margin-top:7px!important;text-align:left!important;padding:5px 0!important;width:100%}
.institutional-hover-extra[hidden]{display:none!important}
.institutional-hover-row{padding:3px 0;font-size:10px}
.institutional-hover-row strong{font-size:10px}
.prop-selected-result .selected-result-identity{margin:0 0 12px}
.prop-monthly-panel{background:#111f2d;border:1px solid #314659;padding:18px 17px;border-radius:6px;margin:19px 0}
.prop-monthly-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.prop-monthly-heading h3{margin:0 0 5px;color:#e5eef5;font-size:17px;font-weight:700}
.prop-monthly-heading p{margin:0;color:#93aaba;font-size:11px}
.prop-monthly-heading select{color:#dce8f0;background:#15283a;border:1px solid #4a6273;padding:8px 12px;border-radius:3px;min-height:35px}
.prop-monthly-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.prop-month{border:1px solid #2c4051;background:#101b29;border-radius:4px;padding:12px 11px;min-width:0;font-variant-numeric:tabular-nums}
.prop-month small{font-size:10px;color:#92a9b9;letter-spacing:.7px}
.prop-month strong{display:block;font-size:15px;overflow-wrap:anywhere;margin:7px 0 2px}
.prop-month span{display:block;font-size:12px}
.prop-month em{display:block;margin-top:5px;font-size:10px;font-style:normal;color:#7f9caf}
.prop-month.positive strong,.prop-month.positive span{color:#5bca9a}
.prop-month.negative strong,.prop-month.negative span{color:#ed8c97}
.prop-month.neutral strong,.prop-month.neutral span{color:#9cabbb}
.prop-monthly-source{font-size:11px;color:#9db1c0;line-height:1.6;margin:12px 0 0}
.prop-firm-comparison-title{color:#c5d9e1;font-size:12px;margin:12px 0;letter-spacing:.5px}
.prop-firm-comparison-complete{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0}
@media(max-width:1100px){.prop-monthly-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){
 .selected-result-identity{margin:9px 0}
 .selected-result-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .institutional-hover{position:absolute;left:6px!important;right:6px!important;top:auto;bottom:6px;max-width:calc(100% - 12px);width:auto;max-height:min(220px,38vh);padding:8px;background:#102131fa}
 .institutional-hover-row{font-size:10px;display:flex}
 .prop-monthly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .prop-monthly-panel{padding:12px}
 .prop-monthly-heading{align-items:flex-start;flex-wrap:wrap}
 .prop-firm-comparison-complete{grid-template-columns:1fr}
}


.prop-firm-matrix{margin:14px 0 18px}
.prop-firm-comparison-card{display:flex;flex-direction:column;gap:6px;padding:15px;text-align:left;color:#c4d6e2;background:#132333;border:1px solid #334b5d;border-radius:5px;cursor:pointer;min-width:0;box-shadow:none}
.prop-firm-comparison-card:hover,.prop-firm-comparison-card.selected{background:#1b3141;border-color:#6b9b9c}
.prop-firm-comparison-card strong{font-size:13px;color:#e7f0f4;font-weight:700}
.prop-firm-comparison-card span{font-size:11px;font-weight:700;letter-spacing:.15px}
.prop-firm-comparison-card .firm-failed{color:#e99aa5}
.prop-firm-comparison-card .firm-undetermined{color:#a9c6c3}
.prop-firm-comparison-card small{font-size:11px;color:#a1b5c2;line-height:1.5}