/* Revision20: approved navy layout, actual observations and bounded state. */
.dashboard-page .dashboard-main-grid{gap:14px}
.dashboard-page .dashboard-metrics{gap:10px;margin-bottom:12px}
.dashboard-page .summary-metric{padding:15px 13px;min-height:94px}
.dashboard-page .metric-copy strong{font-size:29px;line-height:1.2}
.dashboard-page .auto-summary.compact{gap:11px}
.dashboard-page .completed-route-table td{padding:8px 5px;line-height:1.45}
.dashboard-page .completed-route-table td[data-label="Route"] .text-button{min-height:22px}
.auto-analysis-details .definition{row-gap:10px}
.market-search-bar{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;grid-template-areas:"search filters view" "quick quick quick";gap:9px;align-items:center;padding:12px;margin-bottom:14px}
.market-search-bar .market-controls,.market-search-bar .market-primary-controls{display:contents}
.market-search-bar .search-field{grid-area:search;min-width:0}
.market-search-bar .view-switch{grid-area:view;margin:0;min-width:0;gap:3px}
.market-search-bar .market-extra-filters{grid-area:filters;margin:0;position:relative}
.market-search-bar .market-quick-filters{grid-area:quick;display:flex;flex-wrap:wrap;gap:6px}
.market-search-bar input,.market-search-bar select,.market-search-bar .view-switch button,.market-search-bar .tab{min-height:38px;font-size:12px}
.market-search-bar .market-extra-filters>summary{min-height:38px;display:flex;align-items:center;padding:6px 10px;cursor:pointer;white-space:nowrap}
.market-search-bar .market-extra-filters[open]>div{position:absolute;right:0;top:100%;z-index:8;min-width:260px;padding:14px;display:grid;gap:10px;background:#0d2335;border:1px solid #315168;border-radius:10px;box-shadow:0 12px 30px #0008}
.market-explorer .market-currency-row{padding:9px 12px}
.market-explorer .market-currency-row .market-source-time{line-height:1.35}
.currency-detail-page .currency-chart-detail{display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);grid-template-areas:"header header" "primary secondary";gap:16px}
.currency-chart-detail .market-chart-header{grid-area:header}
.currency-chart-detail .market-chart-primary{grid-area:primary}
.currency-chart-detail .market-chart-secondary{grid-area:secondary}
.currency-chart-detail .market-chart-header .market-price-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:15px 0 0;gap:0;border:1px solid #294a60;border-radius:9px;background:#081d2d}
.currency-chart-detail .market-chart-header .market-price-facts>div{min-width:0;padding:12px;border-right:1px solid #294a60}
.currency-chart-detail .market-chart-header .market-price-facts>div:last-child{border:0}
.currency-chart-detail .market-price-facts b{font-size:16px;overflow-wrap:anywhere}
.currency-chart-detail .market-chart-primary{margin-top:16px;min-width:0}
.currency-chart-detail .market-chart-secondary{margin-top:14px;padding:14px 0 0;border:0;border-top:1px solid #294a60}
.currency-chart-detail .market-observed-stats{display:grid;grid-template-columns:1fr;gap:12px}
.currency-chart-detail .market-chart-secondary h3{font-size:15px;margin:0 0 10px}
@media(width < 768px){
 .dashboard-page .summary-metric{min-height:0;padding:12px}
 .dashboard-page .summary-metric[data-key="metric-today"],.dashboard-page .summary-metric[data-key="metric-return"]{padding-left:0}
 .dashboard-page .dashboard-metrics .metric-copy strong{font-size:25px}
 .dashboard-page .summary-metric[data-key="metric-today"] .metric-copy strong{font-size:34px}
 .dashboard-page .summary-metric[data-key="metric-return"] .metric-copy strong{font-size:19px}
 .dashboard-page .completed-route-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:11px;margin-top:9px}
 .dashboard-page .completed-route-table td{display:block;padding:0;min-width:0;font-size:11px}
 .dashboard-page .completed-route-table td:before{display:none}
 .dashboard-page .completed-route-table td[data-label="Route"]{grid-column:1/-1;grid-row:1}
 .dashboard-page .completed-route-path{display:inline;line-height:1.5;font-size:12px}
 .dashboard-page .completed-route-table td[data-label="Route"]>.text-button{float:right;min-height:30px;margin-left:5px;padding:3px}
 .dashboard-page .completed-route-table td[data-label="Time (NY)"]{grid-column:1;grid-row:2}
 .dashboard-page .completed-route-table td[data-label="Status"]{grid-column:1;grid-row:3}
 .dashboard-page .completed-route-table td[data-label="Net result (USD)"]{grid-column:2;grid-row:2/4;align-self:center;text-align:right}
 .market-search-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"search search" "quick quick" "view filters";padding:10px;gap:8px}
 .market-search-bar .view-switch{display:flex;width:auto;gap:2px}
 .market-search-bar .view-switch button{padding:5px 9px;font-size:11px;min-height:40px}
 .market-search-bar .market-quick-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 .market-search-bar .tab{min-height:42px;padding:5px;font-size:11px}
 .market-search-bar input{min-height:42px;font-size:13px}
 .market-search-bar .market-extra-filters>summary{font-size:11px;min-height:40px;padding:5px}
 .market-search-bar .market-extra-filters[open]>div{width:min(320px,calc(100vw - 48px));min-width:0;max-width:none;grid-template-columns:minmax(0,1fr)}
 .market-search-bar .market-extra-filters[open]>div select{width:100%;min-width:0;max-width:none;min-height:42px}
 .market-explorer .market-currency-row{padding:9px 10px}
 .currency-detail-page .currency-chart-detail{display:block}
 .currency-chart-detail .market-chart-header .market-price-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
 .currency-chart-detail .market-chart-header .market-price-facts>div{padding:10px;border-bottom:1px solid #294a60}
 .currency-chart-detail .market-chart-header .market-price-facts>div:nth-child(2n){border-right:0}
 .currency-chart-detail .market-chart-header .market-price-facts>div:nth-last-child(-n+2){border-bottom:0}
 .currency-chart-detail .market-price-facts b{font-size:14px}
 .currency-chart-detail .market-observed-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .currency-chart-detail .chart-toolbar{gap:8px;flex-wrap:wrap}
 .currency-chart-detail .period-switch{display:flex;flex-wrap:wrap}
 .currency-chart-detail .period-switch button{min-height:40px;padding:5px 9px}
}