/* Joint Monitoring only. Scene rendering and every data clock are unchanged. */ #joint-page.command-console .pipeline{align-self:stretch;text-align:center} #joint-page.command-console .joint-sidebar>#feed-source{display:none} .navy-console #joint-page.command-console{height:calc(100dvh - 66px);min-height:0;overflow:auto;padding:16px 20px 22px;gap:12px;scrollbar-color:#395574 transparent;scrollbar-gutter:stable} #joint-page.command-console:focus-visible{outline:0} #joint-page.command-console .metric-strip{grid-template-rows:72px 26px;height:106px;min-height:106px;gap:8px 10px} #joint-page.command-console .joint-body{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(310px,1fr);grid-template-rows:clamp(390px,51vh,580px) auto auto;gap:12px;overflow:visible;flex:none;min-height:0} #joint-page.command-console .office-area{display:contents;height:auto;min-height:0} #joint-page.command-console .console-scene-panel{grid-column:1;grid-row:1;border-radius:12px;min-width:0} #joint-page.command-console .console-scene-head{height:44px;min-height:44px} #joint-page.command-console .pipeline{display:block;flex:none;height:auto;min-height:30px;padding:8px 12px;border-top:1px solid #2b4058;background:#101f31;font-size:8px;line-height:14px;letter-spacing:0;white-space:normal} #joint-page.command-console .joint-sidebar{grid-column:2;grid-row:1;display:flex;flex-direction:column;width:auto;min-width:0;min-height:0;height:auto;gap:0;padding:0 10px 10px;border:1px solid #2b405a;border-radius:12px;background:linear-gradient(140deg,#142439,#101c2d);overflow:hidden} #joint-page.command-console .command-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;height:44px;min-height:44px;margin:0;font-size:14px;font-weight:650;color:#e1ecfc;padding:0 3px} #joint-page.command-console .command-feed-heading span{font:8px Consolas;color:#718da9;letter-spacing:.7px} #joint-page.command-console .feed-tabs{order:0;height:34px;min-height:34px;border-radius:7px;margin-bottom:8px} #joint-page.command-console .feed-tabs>button{display:block;font-size:11px} #joint-page.command-console .live-feed{order:1;flex:1 1 0;min-height:0;border:0;border-radius:0;background:none;padding:0 0 4px;overscroll-behavior:contain;scrollbar-width:thin} #joint-page.command-console .chat-row{opacity:1!important;margin-bottom:6px;padding:10px 9px;border:1px solid #2a415d;border-radius:8px;background:#0e1d30} #joint-page.command-console .chat-row-header{font-size:10px;line-height:17px;flex-wrap:wrap;row-gap:2px} #joint-page.command-console .chat-row p{font-size:12px;line-height:18px;margin-top:4px;overflow-wrap:anywhere} #joint-page.command-console .joint-footer{order:2;flex:none;margin-top:6px;height:48px;min-height:48px;padding:5px 0;font-size:9px;line-height:15px;border:1px solid #2a415b;border-radius:8px} #joint-page.command-console .joint-footer b{font-size:15px;line-height:19px;margin:0} #joint-page.command-console #decision-card{position:relative;grid-column:1/-1;grid-row:2;height:108px;min-height:108px;margin:0;border-radius:10px;overflow:hidden} #joint-page.command-console #decision-card:empty{min-height:108px} #joint-page.command-console #decision-card:empty::before{content:'当前研判';top:20px;font-size:13px;letter-spacing:0} #joint-page.command-console #decision-card:empty::after{top:46px;font-size:12px} #joint-page.command-console .decision{grid-template-columns:minmax(220px,1.4fr) minmax(280px,1.5fr) minmax(130px,.65fr);grid-template-rows:24px auto;min-height:106px;height:auto;padding:12px 16px;gap:4px 20px} #joint-page.command-console .decision-head{display:flex;flex-wrap:wrap;grid-column:1;grid-row:1;font-size:8px} #joint-page.command-console .decision-head strong{font-size:10px;letter-spacing:.5px} #joint-page.command-console .decision-head .venue,#joint-page.command-console .decision-head .live{font-size:7px} #joint-page.command-console .decision>h3{margin:2px 0 0;font-size:13px;line-height:20px} #joint-page.command-console .decision-values{grid-column:2;grid-row:1/3;gap:9px;align-self:center} #joint-page.command-console .decision-values>div:nth-child(n){padding:9px 12px} #joint-page.command-console .decision-values small{font-size:8px;line-height:14px} #joint-page.command-console .decision-values strong{font-size:23px;line-height:29px} #joint-page.command-console .decision-bottom{grid-column:3;grid-row:1/3;font-size:12px;line-height:19px;text-align:left;align-items:flex-start;justify-content:center} #joint-page.command-console .decision-bottom time{font-size:9px} #joint-page.command-console .command-lower{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1.05fr 1fr 1.2fr;gap:12px;align-items:start;min-width:0} #joint-page.command-console .command-lower>section{display:block;min-width:0;margin:0;padding:12px 14px;border:1px solid #2a405b;border-radius:10px;background:linear-gradient(135deg,#132337,#101c2d);min-height:244px;max-height:none} #joint-page.command-console .command-section-title,#joint-page.command-console .roster-section>.micro-heading{height:auto;min-height:20px;font:650 13px/20px 'Segoe UI','Microsoft YaHei',sans-serif;color:#d8e7fc;margin:0 0 12px;padding-left:10px;border-left:3px solid #498bff;letter-spacing:0} #joint-page.command-console .positions>.micro-heading{height:0;min-height:0;overflow:hidden;padding:0;border:0;margin:0} #joint-page.command-console .command-allocation{height:10px;display:flex;gap:2px;border-radius:4px;overflow:hidden;margin:0 0 12px;background:#21394f} #joint-page.command-console .command-allocation i{display:block;min-width:0} #joint-page.command-console .position-line{grid-template-columns:minmax(0,1fr) 35px 98px;gap:8px;padding:6px 0;font-size:11px;line-height:17px} #joint-page.command-console .position-line>b{display:none} #joint-page.command-console .position-line>small{font-size:10px} #joint-page.command-console .position-line>em{font-size:11px} #joint-page.command-console .command-risk #risk-panel{display:block;border:0;background:none;padding:0;margin:0;max-height:none;min-height:0} #joint-page.command-console .risk-title{font-size:10px;margin-bottom:10px} #joint-page.command-console .risk-title>span{font-size:9px} #joint-page.command-console .risk-metrics{grid-template-columns:1fr;gap:6px} #joint-page.command-console .risk-metrics>div{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;border-radius:5px;text-align:left} #joint-page.command-console .risk-metrics b{font-size:13px;line-height:17px} #joint-page.command-console .risk-metrics small{font-size:10px;line-height:17px} #joint-page.command-console .command-team-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} #joint-page.command-console .command-team-groups button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:6px 10px;border:1px solid #2c4662;border-radius:6px;background:#11263b;text-align:left} #joint-page.command-console .command-team-groups strong{font-size:11px;color:#bdd5f5;font-weight:600} #joint-page.command-console .command-team-groups span{font-size:10px;color:#8da8ca;line-height:17px} #joint-page.command-console .command-team-details{margin-top:10px} #joint-page.command-console .command-team-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:8px;font-size:10px;line-height:20px;color:#82b6ff;min-height:26px} #joint-page.command-console .command-team-details summary span{color:#829dbd} #joint-page.command-console #roster{max-height:300px;overflow:auto;margin-top:8px} #joint-page.command-console .roster-row{font-size:11px;padding:7px 5px} #joint-page.command-console .roster-row>small{font-size:9px} #joint-page.command-console .roster-group-title{font-size:10px;line-height:18px} #joint-page.command-console .roster-section>.micro-heading>span{font-size:9px} @media(min-width:768px) and (max-width:1050px) and (min-height:541px){ #joint-page.command-console .joint-body{grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr)} #joint-page.command-console .command-lower{grid-template-columns:1fr 1fr} #joint-page.command-console .command-lower>.roster-section{grid-column:1/-1;min-height:0} #joint-page.command-console .command-team-groups{grid-template-columns:repeat(9,minmax(0,1fr))} #joint-page.command-console .command-team-groups button{padding:7px 5px} #joint-page.command-console .decision{grid-template-columns:minmax(160px,1fr) minmax(230px,1.4fr) 100px;gap:4px 10px} #joint-page.command-console .decision-values>div:nth-child(n){padding:7px} #joint-page.command-console .decision-values small{font-size:7px} } @media(max-width:767px),(max-width:1099px) and (max-height:540px){ .navy-console #joint-page.command-console{height:calc(100dvh - 108px);min-height:0;padding:10px 10px calc(76px + env(safe-area-inset-bottom,0px));gap:12px;overflow:auto;scrollbar-gutter:auto} #joint-page.command-console .metric-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,64px) auto auto;gap:7px;height:auto;min-height:0;flex:none;padding:0} #joint-page.command-console .mini-metric:nth-child(n){grid-row:auto;display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:center;padding:9px 10px 9px 43px;gap:3px;min-width:0;border:1px solid #294059;border-radius:8px;background:linear-gradient(125deg,#15283c,#101d2d)} #joint-page.command-console .mini-metric:nth-child(n)::before{display:grid;width:25px;height:29px;font-size:18px;top:17px;left:9px} #joint-page.command-console .mini-metric:nth-child(n) strong{font-size:17px;line-height:21px;letter-spacing:-.5px} #joint-page.command-console .mini-metric:nth-child(n) small{font-size:10px;line-height:14px} #joint-page.command-console .coin-summary{grid-column:1/-1;grid-row:4;display:flex;justify-content:space-between;font-size:10px;line-height:20px;padding:0 2px;gap:10px} #joint-page.command-console .coin-summary>div:last-child{display:block} #joint-page.command-console .engine-tools{grid-column:1/-1;grid-row:5;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;position:static} #joint-page.command-console .engine-tools>button:nth-child(n){display:block;height:28px;font-size:11px;padding:3px 9px} #joint-page.command-console .source-dots{display:flex;margin-right:auto;gap:5px} #joint-page.command-console .source-dots span{font-size:7px} #joint-page.command-console .joint-body{display:flex;flex-direction:column;flex:none;overflow:visible;height:auto;min-height:0;gap:12px} #joint-page.command-console .office-area{display:flex;flex:none;width:100%;height:clamp(290px,86vw,440px);min-height:0;order:0} #joint-page.command-console .console-scene-panel{width:100%;height:100%;flex:1;min-height:0} #joint-page.command-console .console-scene-head{height:35px;min-height:35px;padding:0 10px} #joint-page.command-console .console-scene-head h1{font-size:13px} #joint-page.command-console .pipeline{font-size:7px;line-height:13px;padding:7px 9px;min-height:30px} #joint-page.command-console .joint-sidebar{display:contents;flex:none;overflow:visible;border:0;padding:0} #joint-page.command-console #decision-card{position:relative;order:1;display:block;flex:none;width:100%;height:180px;min-height:180px;margin:0} #joint-page.command-console #decision-card:empty{min-height:180px} #joint-page.command-console .decision{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(19px,1fr) auto auto;gap:6px;padding:12px;height:178px;min-height:178px} #joint-page.command-console .decision-head,#joint-page.command-console .decision>h3,#joint-page.command-console .decision-values,#joint-page.command-console .decision-bottom{grid-column:1;grid-row:auto} #joint-page.command-console .decision-head{font-size:8px;line-height:16px;display:flex;flex-wrap:wrap} #joint-page.command-console .decision-head strong{font-size:9px} #joint-page.command-console .decision-head .venue,#joint-page.command-console .decision-head .live{display:inline;font-size:6px} #joint-page.command-console .decision-head>small{font-size:8px} #joint-page.command-console .decision>h3{font-size:12px;line-height:19px;margin:0} #joint-page.command-console .decision-values{gap:6px;margin:2px 0} #joint-page.command-console .decision-values>div:nth-child(n){padding:7px 8px!important} #joint-page.command-console .decision-values small{font-size:7px;line-height:13px} #joint-page.command-console .decision-values strong{font-size:20px;line-height:25px} #joint-page.command-console .decision-bottom{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:11px;line-height:18px} #joint-page.command-console .command-feed-heading{order:2;height:26px;min-height:26px;font-size:13px} #joint-page.command-console .feed-tabs{order:3;display:flex;margin:-7px 0 0;height:35px;min-height:35px} #joint-page.command-console .feed-tabs>button:nth-child(n){display:block;min-height:28px;font-size:11px;padding:3px} #joint-page.command-console .live-feed{order:4;flex:none;height:300px;max-height:none;min-height:0;padding:0;border:0;overflow:auto} #joint-page.command-console .joint-footer{order:5;display:grid;margin:-7px 0 0;height:50px;min-height:50px;font-size:9px} #joint-page.command-console .command-lower{order:6;display:grid;grid-template-columns:1fr;gap:12px} #joint-page.command-console .command-lower>section{display:block;min-height:0;padding:13px} #joint-page.command-console .command-lower>.roster-section{display:block;max-height:none;min-height:0;flex:none} #joint-page.command-console .command-lower .positions,#joint-page.command-console .command-lower #risk-panel{display:block} #joint-page.command-console .command-section-title,#joint-page.command-console .roster-section>.micro-heading{font-size:13px;line-height:20px} #joint-page.command-console .position-line{font-size:12px;padding:7px 0} #joint-page.command-console .command-team-groups{grid-template-columns:repeat(3,minmax(0,1fr))} #joint-page.command-console .command-team-groups button{min-height:48px} #joint-page.command-console .joint-mobile-nav{position:fixed;left:0;right:0;bottom:0;display:flex;height:calc(54px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-radius:0;border-top:1px solid #365472;background:#0e1c2e;box-shadow:0 -6px 24px #060c1880;z-index:35} #joint-page.command-console .joint-mobile-nav button{min-width:0} #joint-page.command-console:not([data-mobile-view="live"]) .office-area{display:none} #joint-page.command-console:not([data-mobile-view="live"]) #decision-card{display:none} #joint-page.command-console[data-mobile-view="activity"] .joint-body{flex:1;min-height:420px} #joint-page.command-console[data-mobile-view="activity"] .joint-sidebar{display:flex;flex:1;min-height:420px} #joint-page.command-console[data-mobile-view="activity"] .command-lower{display:none} #joint-page.command-console[data-mobile-view="activity"] .live-feed{height:400px;flex:1 1 300px} #joint-page.command-console[data-mobile-view="activity"] .joint-footer{display:none} #joint-page.command-console[data-mobile-view="activity"] .mobile-activity-stats{order:0;padding:10px 0;margin-bottom:10px} #joint-page.command-console[data-mobile-view="portfolio"] .joint-body,#joint-page.command-console[data-mobile-view="alpha"] .joint-body,#joint-page.command-console[data-mobile-view="market"] .joint-body{display:none} #joint-page.command-console .joint-extra-panel,#joint-page.command-console .mobile-market{flex:none;overflow:visible;height:auto;min-height:0;padding:0} #joint-page.command-console[data-mobile-view="portfolio"] #mobile-portfolio,#joint-page.command-console[data-mobile-view="alpha"] #mobile-alpha,#joint-page.command-console[data-mobile-view="market"] #mobile-market{display:block;padding:0 0 12px;overflow:visible;flex:none} } @media(max-width:360px){ body:has(#joint-page.command-console:not(.hidden)) .primary-tabs>button{font-size:11px;white-space:nowrap} #joint-page.command-console .mini-metric:nth-child(n){padding-left:36px;padding-right:5px} #joint-page.command-console .mini-metric:nth-child(n)::before{width:21px;left:7px} #joint-page.command-console .mini-metric:nth-child(n) strong{font-size:15px} #joint-page.command-console .engine-tools{justify-content:flex-start} #joint-page.command-console .source-dots{width:100%;justify-content:space-between} #joint-page.command-console .command-feed-heading span{font-size:7px} } /* The five compact views share the same navy surfaces as the command desk. */ #joint-page.command-console .mobile-section{background:linear-gradient(135deg,#132337,#101c2d);border:1px solid #2a405b;border-radius:10px;padding:14px;margin-top:14px;color:#cbd9ed} #joint-page.command-console .mobile-section h2{font:650 13px/20px 'Segoe UI','Microsoft YaHei',sans-serif;color:#d8e7fc;border-left:3px solid #498bff;padding-left:9px;margin:0 0 12px} #joint-page.command-console .mobile-section>h3{color:#9cb9df} #joint-page.command-console .mobile-pnl{background:linear-gradient(125deg,#15283e,#101d30);border:1px solid #2a425e;border-radius:10px;padding:16px 10px;margin-bottom:10px} #joint-page.command-console .mobile-pnl>small{color:#9bb3d2;letter-spacing:1px} #joint-page.command-console .mobile-pnl>strong{color:#38dbac} #joint-page.command-console .mobile-pnl>span{color:#aac2df} #joint-page.command-console .mobile-allocation-row{font:12px/27px 'Segoe UI','Microsoft YaHei',sans-serif;color:#cbd9ed;gap:10px} #joint-page.command-console .mobile-allocation-row b{color:#91bdf6;font:600 11px/20px Consolas,monospace;flex-shrink:0} #joint-page.command-console .mobile-stat-grid strong{color:#c4daf8} #joint-page.command-console .mobile-stat-grid small{color:#8ea8c8} #joint-page.command-console .mobile-position-total{color:#38dbac} #joint-page.command-console .mobile-week-bars{border-color:#2b425e} #joint-page.command-console .mobile-week-bars b{background:#438bff} #joint-page.command-console .mobile-week-bars b.loss{background:#ed718a} #joint-page.command-console .mobile-week-bars small{color:#8fa9c9} #joint-page.command-console .mobile-week-bars span{color:#c3d7f0} #joint-page.command-console .mobile-week-total{color:#8da7c8} #joint-page.command-console .mobile-week-total b{color:#c3daf8} #joint-page.command-console .mobile-alpha-card{border:1px solid #2c4663;border-radius:8px;background:#102237;padding:12px;color:#adc4e0;transition:background .16s,border-color .16s} #joint-page.command-console .mobile-alpha-card:hover{background:#19334f;border-color:#456a96} #joint-page.command-console .mobile-alpha-card header{color:#d4e5fc;font-size:12px;line-height:19px} #joint-page.command-console .mobile-alpha-card>div{font-size:11px;line-height:19px;color:#9db8da;overflow-wrap:anywhere} #joint-page.command-console .mobile-alpha-card header small{background:#233d5a;color:#b0cffa} #joint-page.command-console .mobile-alpha-card footer{border-color:#2c425d;color:#96b0d1} #joint-page.command-console .mobile-price-pair small{color:#8da7c7} #joint-page.command-console .mobile-price-pair b{color:#c6dcf8} #joint-page.command-console .mobile-price-pair strong,#joint-page.command-console .mobile-alpha-card footer b{color:#38dbac} #joint-page.command-console .mobile-funding-row{border-color:#2b405a} #joint-page.command-console .mobile-funding-row small{color:#7f9bbb} #joint-page.command-console .mobile-funding-row strong{color:#c3daf8} #joint-page.command-console .mobile-funding-row>span{color:#9bb3d2} #joint-page.command-console .mobile-funding-row em{color:#38dbac} #joint-page.command-console .mobile-stat-grid.market-global{background:#12243a;border-color:#2c4662} #joint-page.command-console .mobile-coin{border-color:#2a405c;color:#d3e2f7} #joint-page.command-console .mobile-coin b{color:#d3e2f7} #joint-page.command-console .mobile-connection{border-color:#2a405c;color:#a9c1e0} #joint-page.command-console .mobile-connection b{color:#38dbac} #joint-page.command-console .mobile-market-agent{border-color:#2a405c;color:#c3d9f4} #joint-page.command-console .mobile-market-agent small{color:#8ba5c6} #joint-page.command-console .mobile-fear>small{color:#8ba5c6} #joint-page.command-console .mobile-signal{border-color:#2a405c} #joint-page.command-console .mobile-signal time{color:#86a2c6} #joint-page.command-console .mobile-data-note{color:#819ab9} #joint-page.command-console .mobile-activity-stats{background:#132339;border:1px solid #2b425d;border-radius:8px} #joint-page.command-console .mobile-activity-stats strong{color:#82b7ff} #joint-page.command-console .mobile-activity-stats small{color:#91aacb} #joint-page.command-console.compact-joint[data-mobile-view="activity"] .chat-row{position:relative;min-height:64px;padding:10px 12px 10px 52px} #joint-page.command-console.compact-joint[data-mobile-view="activity"] .chat-row-header{min-width:0;min-height:17px;gap:4px;row-gap:2px;flex-wrap:wrap} #joint-page.command-console.compact-joint[data-mobile-view="activity"] .chat-row-header .chat-emoji:first-child{position:absolute;left:10px;top:12px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#203750;border:1px solid #35516e;border-radius:50%;font-size:16px;line-height:1} #joint-page.command-console.compact-joint[data-mobile-view="activity"] .chat-row-header .chat-emoji:not(:first-child){display:none} #joint-page.command-console.compact-joint[data-mobile-view="activity"] .chat-row-header time{margin-left:auto;white-space:nowrap;font-size:8px} #joint-page.command-console.compact-joint[data-mobile-view="activity"] .chat-row p{padding-left:0;border-left:0;margin-top:4px;overflow-wrap:anywhere} /* Shared dialogs are themed only while Joint Monitoring is the active page. */ body:has(#joint-page.command-console:not(.hidden)) #dialog-body h3{color:#bcd6f7} body:has(#joint-page.command-console:not(.hidden)) #dialog-body p{color:#a9c1df} body:has(#joint-page.command-console:not(.hidden)) .dialog-stats small{color:#93acce} body:has(#joint-page.command-console:not(.hidden)) .dialog-top button{color:#a8c6ed} body:has(#joint-page.command-console:not(.hidden)) .calc-row{background:#12263d;border-color:#2e4867;color:#bed1eb} body:has(#joint-page.command-console:not(.hidden)) .bar-chart{border-color:#2e4867} body:has(#joint-page.command-console:not(.hidden)) .bar-chart b{background:#438bff;border-color:#6ba2f5} body:has(#joint-page.command-console:not(.hidden)) .bar-chart b[style*="background"]{background:#c05e77!important;border-color:#dc8196} body:has(#joint-page.command-console:not(.hidden)) .bar-chart small{color:#9db5d4} body:has(#joint-page.command-console:not(.hidden)) .fine-print{color:#829cbd!important} body:has(#joint-page.command-console:not(.hidden)) .dialog-primary{background:#2f6dea;color:#fff;border:1px solid #4c88ed} body:has(#joint-page.command-console:not(.hidden)) .drawer h2{color:#d6e7ff} body:has(#joint-page.command-console:not(.hidden)) .drawer p,body:has(#joint-page.command-console:not(.hidden)) .drawer small{color:#8fa8c9} body:has(#joint-page.command-console:not(.hidden)) .drawer>button:not(:first-child),body:has(#joint-page.command-console:not(.hidden)) .drawer>a{color:#c0d5ef;border-color:#2b425e} body:has(#joint-page.command-console:not(.hidden)) #tts-overlay{background:#0a1424f5} body:has(#joint-page.command-console:not(.hidden)) #tts-text{color:#dbe8fb} body:has(#joint-page.command-console:not(.hidden)) #tts-close{color:#a4c5f2} body:has(#joint-page.command-console:not(.hidden)) .tts-wave{color:#5e9bff} /* Timeline layout: existing scene, messages and decision values keep their owners. */ #joint-page.command-console.command-timeline .command-overview{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.8fr);gap:20px;align-items:center;flex:none;min-width:0} #joint-page.command-timeline .command-page-heading>small{font:8px Consolas,monospace;letter-spacing:2px;color:#7193bb} #joint-page.command-timeline .command-page-heading h1{margin:4px 0;font-size:26px;line-height:35px;color:#e2edfc} #joint-page.command-timeline .command-page-heading h1 span{font-size:11px;font-weight:400;color:#99b4d8;margin-left:12px;white-space:nowrap} #joint-page.command-timeline .command-page-heading p{margin:0;color:#93accd;font-size:11px;line-height:18px} #joint-page.command-console.command-timeline #metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:58px 28px auto;height:auto;min-height:0;padding:0;gap:4px 0;background:none;border:0;align-items:stretch} #joint-page.command-console.command-timeline .mini-metric:nth-child(n){position:relative;display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:center;grid-row:1;grid-column:auto;min-width:0;padding:0 16px;border:0;border-left:1px solid #2b4059;border-radius:0;background:none;gap:4px;text-align:left} #joint-page.command-console.command-timeline .mini-metric:nth-child(n)::before{display:none} #joint-page.command-console.command-timeline .mini-metric:nth-child(n) strong{font-size:21px;line-height:26px;letter-spacing:-.7px} #joint-page.command-console.command-timeline .mini-metric:nth-child(n) small{font-size:9px;line-height:14px} #joint-page.command-console.command-timeline .mini-metric:nth-child(4),#joint-page.command-console.command-timeline .mini-metric:nth-child(5){grid-row:2;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:8px;border:0} #joint-page.command-console.command-timeline .mini-metric:nth-child(4){grid-column:1/3} #joint-page.command-console.command-timeline .mini-metric:nth-child(5){grid-column:3/5} #joint-page.command-console.command-timeline .mini-metric:nth-child(4) strong,#joint-page.command-console.command-timeline .mini-metric:nth-child(5) strong{font-size:11px;line-height:18px;letter-spacing:0} #joint-page.command-console.command-timeline .coin-summary{grid-column:1/3;grid-row:3;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:0 16px;font-size:9px;white-space:normal} #joint-page.command-console.command-timeline .engine-tools{grid-column:1/-1;grid-row:3;position:static;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;margin:0;padding:0;background:none;min-width:0} #joint-page.command-console.command-timeline .engine-tools button{font-size:9px;padding:3px 6px} #joint-page.command-console.command-timeline .source-dots{display:flex} #joint-page.command-console.command-timeline .joint-body{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(340px,1fr);grid-template-rows:clamp(430px,35vw,500px) auto auto;gap:16px} #joint-page.command-console.command-timeline .office-area,#joint-page.command-console.command-timeline .joint-sidebar{display:contents} #joint-page.command-console.command-timeline .console-scene-panel{grid-column:1;grid-row:1;height:100%;min-height:0} #joint-page.command-console.command-timeline .console-scene-head{padding:0 18px} #joint-page.command-console.command-timeline .console-scene-head h1{padding-left:10px;border-left:3px solid #4d8fff;font-size:14px} #joint-page.command-console.command-timeline .console-scene-count{margin-left:auto} #joint-page.command-console.command-timeline .console-scene-caption{display:none} #joint-page.command-console.command-timeline .pipeline{position:static;white-space:normal} #joint-page.command-console.command-timeline #decision-card{grid-column:2;grid-row:1;position:relative;left:auto;bottom:auto;transform:none;width:100%;max-width:none;height:100%;min-height:0;border:1px solid #2c415d;border-radius:12px;background:linear-gradient(135deg,#14263b,#101e30);overflow:hidden} #joint-page.command-console.command-timeline #decision-card:empty{min-height:0} #joint-page.command-console.command-timeline #decision-card:empty::before{top:22px;left:20px;color:#d8e7fa;border-left:3px solid #4d8fff;padding-left:10px;content:'当前研判'} #joint-page.command-console.command-timeline #decision-card:empty::after{top:46%;left:20px;right:20px;text-align:center;color:#8faacc;content:'等待下一条决策建议'} #joint-page.command-console.command-timeline .decision{display:flex;flex-direction:column;gap:15px;height:100%;min-height:0;padding:20px;border:0;border-radius:0;background:none;box-shadow:none;overflow:auto} #joint-page.command-console.command-timeline .decision-head{flex:none;gap:6px;line-height:17px} #joint-page.command-console.command-timeline .decision-head strong{padding-left:10px;border-left:3px solid #4d8fff;font:650 14px/18px 'Segoe UI','Microsoft YaHei',sans-serif;letter-spacing:0;color:#d9e8fc;margin-right:auto} #joint-page.command-console.command-timeline .decision-head>small{font-size:9px;margin-left:0} #joint-page.command-console.command-timeline .decision>h3{font-size:17px;line-height:26px;margin:3px 0;color:#e7effb;overflow-wrap:anywhere;flex:none} #joint-page.command-console.command-timeline .decision-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px;margin:0;align-self:stretch;flex:none} #joint-page.command-console.command-timeline .decision-values>div:nth-child(n){min-width:0;padding:10px;border:1px solid #2c4661;background:#0e1e30} #joint-page.command-console.command-timeline .decision-values small{font-size:8px;letter-spacing:0;line-height:15px;overflow-wrap:anywhere} #joint-page.command-console.command-timeline .decision-values strong{font-size:23px;line-height:31px} #joint-page.command-timeline .command-decision-evidence{padding:12px;border:1px solid #2a425c;border-radius:7px;background:#0c1b2c;flex:none} #joint-page.command-timeline .command-decision-evidence h4{font-size:11px;margin:0 0 7px;color:#c4daf7} #joint-page.command-timeline .command-decision-evidence>div{display:flex;justify-content:space-between;gap:14px;font-size:10px;line-height:22px;color:#91acce} #joint-page.command-timeline .command-decision-evidence strong{color:#bcd6f8;font-weight:500} #joint-page.command-console.command-timeline .decision-bottom{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;align-self:stretch;justify-content:space-between;width:100%;margin-top:auto;padding-top:12px;border-top:1px solid #2b415c;gap:8px;font-size:12px;line-height:20px;text-align:left;flex:none} #joint-page.command-console.command-timeline .decision-bottom time{font-size:9px;margin-left:auto} #joint-page.command-timeline .command-stream{grid-column:1/-1;grid-row:2;min-width:0;padding:0 18px 10px;border:1px solid #2c425d;border-radius:12px;background:linear-gradient(125deg,#13253a,#101d2e);overflow:hidden} #joint-page.command-timeline .command-stream-head{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px} #joint-page.command-console.command-timeline .command-feed-heading{order:0;padding:0 0 0 10px;margin:0;border-left:3px solid #4d8fff;height:auto;min-height:16px;font-size:14px;line-height:18px} #joint-page.command-console.command-timeline .feed-tabs{order:0;display:flex;height:36px;min-height:36px;margin:0;width:230px;flex:none;background:none;border:0;border-radius:0} #joint-page.command-console.command-timeline .feed-tabs>button{font-size:11px;background:none;border-radius:0;border-bottom:2px solid transparent;color:#94afcf} #joint-page.command-console.command-timeline .feed-tabs>button.selected{background:none;border-bottom-color:#5a98ff;color:#d9e8ff} #joint-page.command-timeline .command-stream #feed-source{display:none} #joint-page.command-console.command-timeline #live-feed{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;flex:none;height:155px;min-height:0;max-height:none;overflow:auto;padding:0 0 8px;scrollbar-color:#3c5b7d transparent;overscroll-behavior:contain} #joint-page.command-console.command-timeline #live-feed>article{position:relative;min-width:0;margin:0;padding:38px 0 6px;border:0;border-radius:0;background:none;align-content:start} #joint-page.command-console.command-timeline #live-feed>article::before{content:'';position:absolute;top:25px;left:0;right:-16px;height:1px;background:#34506c} #joint-page.command-console.command-timeline #live-feed>article::after{content:'';position:absolute;top:21px;left:0;width:7px;height:7px;border:1px solid #82b6ff;border-radius:50%;background:#18406a;box-shadow:0 0 0 3px #13253a} #joint-page.command-console.command-timeline .chat-row-header{gap:4px;line-height:17px;font-size:10px;flex-wrap:wrap} #joint-page.command-console.command-timeline #live-feed .chat-emoji{display:none} #joint-page.command-console.command-timeline .chat-row-header time{position:absolute;top:3px;left:0;margin:0;font-size:9px;color:#819fc2} #joint-page.command-console.command-timeline .chat-row p{border:0;padding:0;margin:6px 0 0;font-size:12px;line-height:19px;overflow-wrap:anywhere} #joint-page.command-console.command-timeline .trade-row{font-size:11px;gap:8px} #joint-page.command-console.command-timeline .trade-row small{font-size:9px} #joint-page.command-console.command-timeline .arb-mini h4{font-size:12px;line-height:19px} #joint-page.command-console.command-timeline .arb-mini>div{font-size:10px;line-height:20px;gap:8px;flex-wrap:wrap} #joint-page.command-console.command-timeline .feed-empty{grid-column:1/-1;width:100%;min-width:0;min-height:120px} #joint-page.command-console.command-timeline .joint-footer{display:grid;order:2;height:auto;min-height:34px;margin:3px 0 0;padding:6px 0 0;border:0;border-top:1px solid #263e58;border-radius:0;font-size:9px;line-height:18px} #joint-page.command-console.command-timeline .joint-footer b{display:inline;margin-left:6px;font-size:11px;line-height:18px} #joint-page.command-console.command-timeline .command-lower{grid-row:3;gap:16px;grid-template-columns:1.2fr 1fr 1fr} #joint-page.command-console.command-timeline .command-lower>section{min-height:240px;border-radius:12px} #joint-page.command-console.command-timeline .risk-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #joint-page.command-console.command-timeline .risk-metrics>div{display:flex;flex-direction:column-reverse;align-items:flex-start;padding:10px;gap:6px} #joint-page.command-console.command-timeline .risk-metrics b{font-size:18px;line-height:24px} #joint-page.command-console.command-timeline .risk-metrics small{font-size:10px;line-height:16px} @media(min-width:768px) and (max-width:1099px) and (min-height:541px){ #joint-page.command-console.command-timeline .command-overview{grid-template-columns:1fr;gap:12px} #joint-page.command-console.command-timeline .joint-body{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);grid-template-rows:440px auto auto} #joint-page.command-console.command-timeline .decision{padding:15px;gap:12px} #joint-page.command-console.command-timeline .decision-head strong{font-size:12px} #joint-page.command-console.command-timeline .command-lower{grid-template-columns:1fr 1fr} #joint-page.command-console.command-timeline .command-lower>.roster-section{grid-column:1/-1} #joint-page.command-console.command-timeline #live-feed{grid-auto-columns:calc((100% - 32px)/3)} } @media(max-width:767px),(max-width:1099px) and (max-height:540px){ #joint-page.command-console.command-timeline .command-overview{display:block} #joint-page.command-timeline .command-page-heading{margin-bottom:14px} #joint-page.command-timeline .command-page-heading h1{font-size:23px;line-height:31px} #joint-page.command-timeline .command-page-heading h1 span{font-size:10px;margin-left:8px} #joint-page.command-timeline .command-page-heading p{font-size:10px} #joint-page.command-console.command-timeline #metric-strip{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:58px 58px 28px auto;gap:5px 0} #joint-page.command-console.command-timeline .mini-metric:nth-child(n){grid-column:auto;grid-row:auto;padding:0 10px;gap:2px} #joint-page.command-console.command-timeline .mini-metric:nth-child(1){grid-column:1;grid-row:1} #joint-page.command-console.command-timeline .mini-metric:nth-child(2){grid-column:2;grid-row:1} #joint-page.command-console.command-timeline .mini-metric:nth-child(3){grid-column:1;grid-row:2} #joint-page.command-console.command-timeline .mini-metric:nth-child(6){grid-column:2;grid-row:2} #joint-page.command-console.command-timeline .mini-metric:nth-child(4){grid-column:1;grid-row:3} #joint-page.command-console.command-timeline .mini-metric:nth-child(5){grid-column:2;grid-row:3} #joint-page.command-console.command-timeline .mini-metric:nth-child(n) strong{font-size:20px} #joint-page.command-console.command-timeline .mini-metric:nth-child(4) strong,#joint-page.command-console.command-timeline .mini-metric:nth-child(5) strong{font-size:10px} #joint-page.command-console.command-timeline .coin-summary{grid-column:1/-1;grid-row:4;padding:0 2px;justify-content:flex-start;gap:4px 16px} #joint-page.command-console.command-timeline .engine-tools{grid-column:1/-1;grid-row:4;justify-content:flex-end} #joint-page.command-console.command-timeline .source-dots{margin-right:auto} #joint-page.command-console.command-timeline .source-dots span{font-size:6px} #joint-page.command-console.command-timeline .engine-tools>button:nth-child(n){font-size:10px;height:26px;padding:3px 7px} #joint-page.command-console.command-timeline .joint-body{display:flex;flex-direction:column;gap:12px} #joint-page.command-console.command-timeline .office-area,#joint-page.command-console.command-timeline .joint-sidebar{display:contents} #joint-page.command-console.command-timeline .console-scene-panel{flex:none;order:0;height:clamp(260px,85vw,400px);width:100%;min-height:0} #joint-page.command-console.command-timeline .console-scene-head{height:36px;min-height:36px;padding:0 12px} #joint-page.command-console.command-timeline .console-scene-head h1{font-size:13px} #joint-page.command-console.command-timeline .pipeline{font-size:7px;line-height:13px;padding:7px 9px} #joint-page.command-console.command-timeline #decision-card{order:1;flex:none;height:280px;min-height:280px;width:100%;border-radius:10px} #joint-page.command-console.command-timeline #decision-card:empty{min-height:280px} #joint-page.command-console.command-timeline .decision{height:100%;min-height:0;padding:14px;gap:10px} #joint-page.command-console.command-timeline .decision-head strong{font-size:13px} #joint-page.command-console.command-timeline .decision>h3{font-size:14px;line-height:22px;margin:0} #joint-page.command-console.command-timeline .decision-values>div:nth-child(n){padding:8px!important} #joint-page.command-console.command-timeline .decision-values strong{font-size:22px;line-height:29px} #joint-page.command-console.command-timeline .decision-values small{font-size:7px;line-height:13px} #joint-page.command-console.command-timeline .decision-bottom{font-size:11px;line-height:18px;padding-top:8px} #joint-page.command-timeline .command-decision-evidence{display:none} #joint-page.command-timeline .command-stream{order:2;padding:0 12px 10px;border-radius:10px;flex:none} #joint-page.command-timeline .command-stream-head{min-height:46px;gap:8px;flex-wrap:wrap;padding:10px 0} #joint-page.command-console.command-timeline .command-feed-heading{font-size:13px;white-space:nowrap} #joint-page.command-console.command-timeline .feed-tabs{flex:1;min-width:160px;width:auto;height:30px;min-height:30px;gap:2px} #joint-page.command-console.command-timeline .feed-tabs>button:nth-child(n){font-size:10px;padding:0 2px} #joint-page.command-console.command-timeline #live-feed{display:block;height:280px;overflow:auto;padding:0 2px 0 0} #joint-page.command-console.command-timeline #live-feed>article{margin:0 0 0 3px;padding:10px 5px 12px 14px;border-left:1px solid #34506c} #joint-page.command-console.command-timeline #live-feed>article::before{display:none} #joint-page.command-console.command-timeline #live-feed>article::after{left:-4px;top:16px} #joint-page.command-console.command-timeline .chat-row-header time{position:static;margin-left:auto;font-size:8px} #joint-page.command-console.command-timeline .chat-row p{font-size:12px;line-height:19px;margin-top:5px} #joint-page.command-console.command-timeline .joint-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;font-size:8px} #joint-page.command-console.command-timeline .joint-footer b{font-size:10px;margin-left:4px} #joint-page.command-console.command-timeline .command-lower{order:3;display:grid;grid-template-columns:1fr;gap:12px} #joint-page.command-console.command-timeline .command-lower>section{min-height:0} #joint-page.command-console.command-timeline:not([data-mobile-view="live"]) .office-area,#joint-page.command-console.command-timeline:not([data-mobile-view="live"]) #decision-card{display:none} #joint-page.command-console.command-timeline[data-mobile-view="activity"] .joint-body{min-height:420px} #joint-page.command-console.command-timeline[data-mobile-view="activity"] .command-stream{min-height:420px;flex:1} #joint-page.command-console.command-timeline[data-mobile-view="activity"] #live-feed{height:400px} #joint-page.command-console.command-timeline[data-mobile-view="activity"] .command-lower,#joint-page.command-console.command-timeline[data-mobile-view="activity"] .joint-footer{display:none} #joint-page.command-console.command-timeline[data-mobile-view="activity"] .mobile-activity-stats{display:grid;padding:10px;margin:0 0 10px} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] .joint-body,#joint-page.command-console.command-timeline[data-mobile-view="alpha"] .joint-body,#joint-page.command-console.command-timeline[data-mobile-view="market"] .joint-body{display:none} } /* Scene emphasis and compact supporting panels; original nodes and renderers stay intact. */ #joint-page.command-console.command-timeline .command-risk #risk-panel>.source-tag{display:none} #joint-page.command-console.command-timeline .decision{gap:9px;padding:16px} #joint-page.command-console.command-timeline .decision>h3{font-size:15px;line-height:23px;margin:0} #joint-page.command-console.command-timeline .command-decision-evidence{padding:9px 11px} #joint-page.command-console.command-timeline .command-decision-evidence h4{margin-bottom:4px} #joint-page.command-console.command-timeline .command-decision-evidence>div{line-height:19px} #joint-page.command-console.command-timeline .decision-bottom{margin-top:0;padding-top:8px} @media(min-width:768px) and (min-height:541px){ #joint-page.command-console.command-timeline .joint-body{grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(500px,50vw,900px) auto auto auto} #joint-page.command-console.command-timeline .console-scene-panel{grid-column:1;grid-row:1} #joint-page.command-console.command-timeline #decision-card{grid-column:1;grid-row:2;align-self:start;height:auto;min-height:172px} #joint-page.command-console.command-timeline #decision-card:empty{min-height:172px} #joint-page.command-console.command-timeline .decision{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(300px,1.2fr) minmax(180px,.8fr);grid-template-rows:auto auto auto;height:auto;min-height:170px;gap:8px 18px;padding:14px 16px} #joint-page.command-console.command-timeline .decision-head{grid-column:1;grid-row:1} #joint-page.command-console.command-timeline .decision>h3{grid-column:1;grid-row:2;align-self:start} #joint-page.command-console.command-timeline .decision-values{grid-column:2;grid-row:1/3;align-self:center} #joint-page.command-console.command-timeline .command-decision-evidence{grid-column:3;grid-row:1/3;align-self:center} #joint-page.command-console.command-timeline .decision-bottom{grid-column:1/-1;grid-row:3} #joint-page.command-console.command-timeline .command-stream{grid-row:3} #joint-page.command-console.command-timeline .command-lower{grid-row:4} #joint-page.command-console.command-timeline .decision-head strong{font-size:13px} #joint-page.command-console.command-timeline .decision-values>div:nth-child(n){padding:8px} #joint-page.command-console.command-timeline .decision-values small{font-size:7px} #joint-page.command-console.command-timeline .decision-values strong{font-size:21px;line-height:28px} } @media(min-width:768px) and (max-width:1099px) and (min-height:541px){ #joint-page.command-console.command-timeline .joint-body{grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(450px,52vw,580px) auto auto auto} #joint-page.command-console.command-timeline #decision-card,#joint-page.command-console.command-timeline #decision-card:empty{min-height:240px} #joint-page.command-console.command-timeline .decision{min-height:238px} #joint-page.command-console.command-timeline .decision{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto} #joint-page.command-console.command-timeline .decision-head{grid-column:1;grid-row:1} #joint-page.command-console.command-timeline .decision>h3{grid-column:1;grid-row:2} #joint-page.command-console.command-timeline .decision-values{grid-column:2;grid-row:1;align-self:start} #joint-page.command-console.command-timeline .command-decision-evidence{grid-column:2;grid-row:2} } @media(max-width:767px),(max-width:1099px) and (max-height:540px){ #joint-page.command-console.command-timeline .command-page-heading{margin-bottom:8px} #joint-page.command-console.command-timeline .command-page-heading h1{font-size:21px;line-height:28px;margin:2px 0} #joint-page.command-console.command-timeline #metric-strip{grid-template-rows:48px 48px 22px auto;gap:4px 0} #joint-page.command-console.command-timeline .mini-metric:nth-child(n) strong{font-size:18px;line-height:23px} #joint-page.command-console.command-timeline .mini-metric:nth-child(4) strong,#joint-page.command-console.command-timeline .mini-metric:nth-child(5) strong{font-size:10px;line-height:16px} #joint-page.command-console.command-timeline .joint-body{gap:10px} #joint-page.command-console.command-timeline .console-scene-panel{height:clamp(300px,95vw,420px);width:calc(100% + 20px);margin-inline:-10px} #joint-page.command-console.command-timeline #decision-card{height:220px;min-height:220px} #joint-page.command-console.command-timeline #decision-card:empty{min-height:220px} #joint-page.command-console.command-timeline .decision{padding:12px;gap:8px} #joint-page.command-console.command-timeline .decision>h3{font-size:14px;line-height:21px} #joint-page.command-console.command-timeline .command-stream{padding-inline:10px} } @media(max-width:359px){ #joint-page.command-console.command-timeline #decision-card,#joint-page.command-console.command-timeline #decision-card:empty{height:240px;min-height:240px} } /* Decision path: present the existing message, metrics and direction without changing their source. */ #joint-page.command-console.command-timeline #decision-card, #joint-page.command-console.command-timeline #decision-card:empty{height:238px;min-height:238px} #joint-page.command-console.command-timeline .decision.command-path-ready{display:flex;flex-direction:column;height:100%;min-height:0;padding:14px 18px;gap:12px} #joint-page.command-console.command-timeline .command-path-ready .decision-head{display:flex;flex-wrap:wrap;align-items:center;grid-area:auto;gap:6px;min-height:20px} #joint-page.command-console.command-timeline .command-path-ready .decision-head strong{font-size:13px} #joint-page.command-console.command-timeline .command-decision-path{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr);gap:24px;flex:1;min-height:0} #joint-page.command-console.command-timeline .command-path-step{position:relative;min-width:0;padding-top:29px} #joint-page.command-console.command-timeline .command-path-step::before{content:'';position:absolute;left:0;right:-24px;top:10px;height:1px;background:#345572} #joint-page.command-console.command-timeline .command-path-step:last-child::before{right:0} #joint-page.command-console.command-timeline .command-path-number{position:absolute;top:0;left:0;width:22px;height:22px;display:grid;place-items:center;z-index:1;border:1px solid #4d7db5;border-radius:50%;background:#15314c;color:#8db8ed;font:10px/1 Consolas,monospace} #joint-page.command-console.command-timeline .command-path-step>small{display:block;margin-bottom:8px;color:#8eaacc;font-size:10px;line-height:16px} #joint-page.command-console.command-timeline .command-path-step h3{margin:0;color:#dbeaff;font:600 17px/25px 'Segoe UI','Microsoft YaHei',sans-serif;overflow-wrap:anywhere} #joint-page.command-console.command-timeline .command-path-step:last-child h3{color:#b7d5ff;font-size:20px} #joint-page.command-console.command-timeline .command-path-values{display:flex;align-items:center;gap:20px;margin:0;width:auto;min-width:0} #joint-page.command-console.command-timeline .command-path-values>div{min-width:0;border:0;background:none;padding:0} #joint-page.command-console.command-timeline .command-path-values small{display:block;color:#8aa6ca;font:8px/14px Consolas,monospace;letter-spacing:.3px;white-space:nowrap} #joint-page.command-console.command-timeline .command-path-values strong{display:block;color:#37d7b3;font:600 26px/32px Consolas,monospace} #joint-page.command-console.command-timeline .command-path-values>div:last-child strong{color:#a9caff} #joint-page.command-console.command-timeline .command-path-values i{color:#6c8fb6;font:18px Consolas,monospace;padding-top:13px} #joint-page.command-console.command-timeline .command-path-edge{display:flex;gap:9px;align-items:baseline;margin-top:6px} #joint-page.command-console.command-timeline .command-path-edge small{color:#8eaacc;font:9px Consolas,monospace} #joint-page.command-console.command-timeline .command-path-edge strong{color:#37d7b3;font:600 15px/20px Consolas,monospace} #joint-page.command-console.command-timeline .command-path-step>p{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:7px 0 0;color:#8eaacc;font-size:10px;line-height:19px} #joint-page.command-console.command-timeline .command-path-step>p strong{color:#c0d8f8;font:16px/22px Consolas,monospace} #joint-page.command-console.command-timeline .command-path-ready .decision-bottom{grid-area:auto;margin:0;padding-top:7px;font-size:10px;line-height:17px;min-height:25px} @media(min-width:768px) and (max-width:1099px) and (min-height:541px){ #joint-page.command-console.command-timeline .command-decision-path{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,.8fr);gap:16px} #joint-page.command-console.command-timeline .command-path-values{gap:10px} #joint-page.command-console.command-timeline .command-path-step h3{font-size:14px;line-height:22px} } @media(max-width:767px),(max-width:1099px) and (max-height:540px){ #joint-page.command-console.command-timeline #decision-card, #joint-page.command-console.command-timeline #decision-card:empty{height:376px;min-height:376px} #joint-page.command-console.command-timeline .decision.command-path-ready{padding:12px;gap:12px} #joint-page.command-console.command-timeline .command-decision-path{display:flex;flex-direction:column;gap:0;flex:1} #joint-page.command-console.command-timeline .command-path-step{padding:0 0 17px 34px;margin-left:2px} #joint-page.command-console.command-timeline .command-path-step::before{left:10px;top:10px;bottom:0;right:auto;width:1px;height:auto} #joint-page.command-console.command-timeline .command-path-step:last-child::before{display:none} #joint-page.command-console.command-timeline .command-path-step:last-child{padding-bottom:0} #joint-page.command-console.command-timeline .command-path-step>small{line-height:22px;margin-bottom:4px} #joint-page.command-console.command-timeline .command-path-step h3{font-size:14px;line-height:21px} #joint-page.command-console.command-timeline .command-path-step:last-child h3{font-size:20px;line-height:24px} #joint-page.command-console.command-timeline .command-path-values{gap:16px} #joint-page.command-console.command-timeline .command-path-values strong{font-size:24px;line-height:29px} #joint-page.command-console.command-timeline .command-path-step>p{margin-top:4px} /* Keep the complete overview in Live; other menu panels get a compact status strip. */ #joint-page.command-console.command-timeline:not([data-mobile-view="live"]) .command-overview{padding:8px 0 10px;margin-bottom:10px} #joint-page.command-console.command-timeline:not([data-mobile-view="live"]) .command-page-heading{display:none} #joint-page.command-console.command-timeline:not([data-mobile-view="live"]) #metric-strip{display:grid;grid-template-columns:1fr 1fr .65fr;grid-template-rows:auto;gap:0;min-height:39px;height:auto} #joint-page.command-console.command-timeline:not([data-mobile-view="live"]) .mini-metric:nth-child(n){display:none;grid-row:auto;grid-column:auto;padding:0 7px} #joint-page.command-console.command-timeline:not([data-mobile-view="live"]) .mini-metric:nth-child(1), #joint-page.command-console.command-timeline:not([data-mobile-view="live"]) .mini-metric:nth-child(2), #joint-page.command-console.command-timeline:not([data-mobile-view="live"]) .mini-metric:nth-child(6){display:flex;flex-direction:column} #joint-page.command-console.command-timeline:not([data-mobile-view="live"]) .mini-metric:nth-child(n) strong{font-size:15px;line-height:20px} #joint-page.command-console.command-timeline:not([data-mobile-view="live"]) .mini-metric small{font-size:8px;line-height:13px} #joint-page.command-console.command-timeline:not([data-mobile-view="live"]) .engine-tools, #joint-page.command-console.command-timeline:not([data-mobile-view="live"]) .coin-summary{display:none} } @media(max-width:359px){ #joint-page.command-console.command-timeline #decision-card, #joint-page.command-console.command-timeline #decision-card:empty{height:398px;min-height:398px} #joint-page.command-console.command-timeline .command-path-values{gap:10px} #joint-page.command-console.command-timeline .command-path-ready .decision-head strong{flex-basis:100%} } /* Compact decision path, including wide phones and short desktop windows. */ #joint-page.command-console.command-timeline #decision-card, #joint-page.command-console.command-timeline #decision-card:empty{height:212px;min-height:212px} #joint-page.command-console.command-timeline .decision.command-path-ready{padding:12px 16px;gap:8px} #joint-page.command-console.command-timeline .command-decision-path{flex:none;align-content:start} #joint-page.command-console.command-timeline .command-path-step{padding-top:26px} #joint-page.command-console.command-timeline .command-path-step>small{margin-bottom:5px} #joint-page.command-console.command-timeline .command-path-ready .decision-bottom{margin-top:auto} @media(max-width:767px),(max-width:1099px) and (max-height:540px){ #joint-page.command-console.command-timeline:not([data-mobile-view="live"]) .command-overview{display:none} #joint-page.command-console.command-timeline #decision-card, #joint-page.command-console.command-timeline #decision-card:empty{height:246px;min-height:246px} #joint-page.command-console.command-timeline .decision.command-path-ready{padding:10px 12px;gap:8px} #joint-page.command-console.command-timeline .command-decision-path{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:10px 14px} #joint-page.command-console.command-timeline .command-path-step{padding:0;margin:0} #joint-page.command-console.command-timeline .command-path-step:first-child{grid-column:1/-1} #joint-page.command-console.command-timeline .command-path-step::before{display:none} #joint-page.command-console.command-timeline .command-path-step>small{padding-left:29px;margin-bottom:4px;line-height:22px} #joint-page.command-console.command-timeline .command-path-step:first-child h3{padding-left:29px} #joint-page.command-console.command-timeline .command-path-values{gap:8px} #joint-page.command-console.command-timeline .command-path-values small{font-size:7px;letter-spacing:0} #joint-page.command-console.command-timeline .command-path-values strong{font-size:22px;line-height:27px} #joint-page.command-console.command-timeline .command-path-edge{margin-top:4px} #joint-page.command-console.command-timeline .command-path-step:last-child h3{font-size:18px;line-height:25px} #joint-page.command-console.command-timeline .command-path-step>p{display:block;margin-top:3px} #joint-page.command-console.command-timeline .command-path-step>p strong{display:block;font-size:14px;line-height:20px} } @media(min-width:560px) and (max-width:767px),(min-width:560px) and (max-width:1099px) and (max-height:540px){ #joint-page.command-console.command-timeline #decision-card, #joint-page.command-console.command-timeline #decision-card:empty{height:204px;min-height:204px} #joint-page.command-console.command-timeline .command-decision-path{grid-template-columns:minmax(0,1.1fr) minmax(0,1.25fr) minmax(0,.8fr);gap:16px} #joint-page.command-console.command-timeline .command-path-step:first-child{grid-column:auto} #joint-page.command-console.command-timeline .command-path-step:first-child h3{padding-left:0} } @media(max-width:359px){ #joint-page.command-console.command-timeline #decision-card, #joint-page.command-console.command-timeline #decision-card:empty{height:310px;min-height:310px} #joint-page.command-console.command-timeline .decision.command-path-ready{gap:6px;padding-block:9px} #joint-page.command-console.command-timeline .command-decision-path{display:flex;flex-direction:column;gap:8px} #joint-page.command-console.command-timeline .command-path-step{padding-left:30px} #joint-page.command-console.command-timeline .command-path-step>small, #joint-page.command-console.command-timeline .command-path-step:first-child h3{padding-left:0} #joint-page.command-console.command-timeline .command-path-step>p{display:flex;gap:7px;align-items:baseline} #joint-page.command-console.command-timeline .command-path-ready .decision-head strong{flex-basis:auto} } /* A smaller Live overview leaves the first screen to the collaboration scene. */ @media(max-width:767px),(max-width:1099px) and (max-height:540px){ #joint-page.command-console .joint-mobile-nav button[data-mobile-view="alpha"]>span{display:grid;place-items:center;height:22px;line-height:22px} #joint-page.command-console .joint-mobile-nav button[data-mobile-view="alpha"] svg{display:block;width:22px;height:22px} #joint-page.command-console.command-timeline[data-mobile-view="live"] .command-overview{padding:0;margin:0} #joint-page.command-console.command-timeline .console-scene-panel{height:clamp(340px,105vw,480px)} #joint-page.command-console.command-timeline[data-mobile-view="live"] .command-page-heading{margin:0 0 5px} #joint-page.command-console.command-timeline[data-mobile-view="live"] .command-page-heading>small, #joint-page.command-console.command-timeline[data-mobile-view="live"] .command-page-heading>p{display:none} #joint-page.command-console.command-timeline[data-mobile-view="live"] .command-page-heading h1{font-size:17px;line-height:24px;margin:0} #joint-page.command-console.command-timeline[data-mobile-view="live"] .command-page-heading h1 span{font-size:9px} #joint-page.command-console.command-timeline[data-mobile-view="live"] #metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:36px 36px 22px;height:auto;min-height:0;gap:2px 0} #joint-page.command-console.command-timeline[data-mobile-view="live"] .mini-metric:nth-child(n){grid-column:auto;grid-row:auto;gap:0;padding:0 7px} #joint-page.command-console.command-timeline[data-mobile-view="live"] .mini-metric:nth-child(n) strong{font-size:15px;line-height:20px} #joint-page.command-console.command-timeline[data-mobile-view="live"] .mini-metric small{font-size:7px;line-height:12px} #joint-page.command-console.command-timeline[data-mobile-view="live"] .engine-tools{grid-column:1/-1;grid-row:auto;min-height:22px} #joint-page.command-console.command-timeline[data-mobile-view="live"] .engine-tools>button:nth-child(n){height:22px;padding:2px 6px} } @media(min-width:560px) and (max-width:767px),(min-width:560px) and (max-width:1099px) and (max-height:540px){ #joint-page.command-console.command-timeline[data-mobile-view="live"] #metric-strip{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:38px 22px} } /* Alpha cards are fully readable in the list; Activity uses the available panel height. */ #joint-page.command-console .command-alpha-opportunities{padding:10px} #joint-page.command-console .command-alpha-opportunities>h2{display:flex;align-items:center;gap:8px;margin:12px 0 10px} #joint-page.command-console .command-alpha-opportunities>h2>span{font:11px Consolas,monospace;color:#8faaca} #joint-page.command-console .command-alpha-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px} #joint-page.command-console .command-alpha-summary>div{min-width:0;padding:8px 3px;border:1px solid #2a415d;border-radius:6px;text-align:center;background:#0e1e30} #joint-page.command-console .command-alpha-summary strong{display:block;font:600 12px/18px Consolas,monospace;color:#3bd7b5;overflow-wrap:anywhere} #joint-page.command-console .command-alpha-summary small{display:block;font-size:8px;line-height:14px;color:#8ba6c8} #joint-page.command-console .command-alpha-card{padding:11px 10px;margin:0 0 9px;border:1px solid #2b4562;border-radius:8px;background:#102135;cursor:default} #joint-page.command-console .command-alpha-card>header{display:flex;align-items:center;gap:7px;min-width:0;font-size:12px;line-height:19px} #joint-page.command-console .command-alpha-card>header>strong{min-width:0;overflow-wrap:anywhere;color:#dbe9fb} #joint-page.command-console .command-alpha-card>header>small{margin-left:auto;color:#d8bc78;font:10px Consolas,monospace;white-space:nowrap} #joint-page.command-console .command-alpha-kind{flex:none;padding:2px 5px;border-radius:4px;background:#17384b;color:#66cbd8;font-size:9px;line-height:15px} #joint-page.command-console .command-alpha-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:9px 0} #joint-page.command-console .command-alpha-prices>div{min-width:0;padding:7px 8px;border-radius:5px;background:#152e48} #joint-page.command-console .command-alpha-prices>div:nth-child(2){background:#182b40} #joint-page.command-console .command-alpha-prices>div:nth-child(3){background:#123638} #joint-page.command-console .command-alpha-prices small{display:block;color:#8eaacc;font:8px/14px Consolas,'Microsoft YaHei',sans-serif} #joint-page.command-console .command-alpha-prices strong{display:block;color:#adcfff;font:600 17px/25px Consolas,monospace;overflow-wrap:anywhere} #joint-page.command-console .command-alpha-prices>div:last-child strong{color:#37d7b3} #joint-page.command-console .command-alpha-card>footer{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;font-size:10px;line-height:19px;color:#a1bbda} #joint-page.command-console .command-alpha-card>footer>strong{color:#3bd7b5;font:600 13px/19px Consolas,monospace;white-space:nowrap} #joint-page.command-console .command-alpha-card>footer small{font-size:8px;font-weight:400;color:#8faaca} #joint-page.command-console .command-alpha-card>p{margin:3px 0 0;color:#7e9abb;font-size:9px;line-height:16px} @media(max-width:767px),(max-width:1099px) and (max-height:540px){ #joint-page.command-console.command-timeline[data-mobile-view="activity"] .joint-body{flex:1;min-height:0} #joint-page.command-console.command-timeline[data-mobile-view="activity"] .command-stream{display:flex;flex-direction:column;min-height:0;flex:1} #joint-page.command-console.command-timeline[data-mobile-view="activity"] .command-stream-head, #joint-page.command-console.command-timeline[data-mobile-view="activity"] #mobile-activity-stats{flex:none} #joint-page.command-console.command-timeline[data-mobile-view="activity"] #live-feed{flex:1;height:auto;min-height:0} } @media(max-width:479px){ #joint-page.command-console .command-alpha-summary{grid-template-columns:repeat(3,minmax(0,1fr))} #joint-page.command-console .command-alpha-prices{gap:4px} #joint-page.command-console .command-alpha-prices>div{padding:6px} #joint-page.command-console .command-alpha-prices strong{font-size:14px;line-height:22px} #joint-page.command-console .command-alpha-card{padding:10px 8px} } /* Portrait menu responsibilities; desktop and landscape keep their existing layout. */ #joint-page.command-console .command-portrait-portfolio, #joint-page.command-console .command-portrait-market{display:none} @media(max-width:767px) and (orientation:portrait){ #joint-page.command-console.command-timeline .command-lower{display:none} #joint-page.command-console.command-timeline[data-mobile-view="live"] .feed-tabs{display:none} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] .command-portrait-portfolio, #joint-page.command-console.command-timeline[data-mobile-view="market"] .command-portrait-market{display:flex;flex-direction:column;gap:12px;flex:none} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] .command-portrait-portfolio>.command-overview{display:block;padding:10px 0;margin:0} #joint-page.command-console.command-timeline .command-portrait-portfolio .command-page-heading{display:none} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] #mobile-portfolio>.mobile-pnl{display:none} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] #metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:42px 42px 24px;height:auto;min-height:0;gap:4px 0} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] .mini-metric:nth-child(n){display:flex;flex-direction:column-reverse;grid-column:auto;grid-row:auto;padding:0 8px;gap:1px} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] .mini-metric:nth-child(n) strong{font-size:16px;line-height:21px} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] .mini-metric small{font-size:8px;line-height:14px} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] .engine-tools{display:flex;grid-column:1/-1;grid-row:auto;height:24px} #joint-page.command-console.command-timeline .command-portrait-portfolio>.command-risk, #joint-page.command-console.command-timeline .command-portrait-market>.roster-section{display:block;max-height:none;min-height:0;padding:12px 14px;border:1px solid #2c425d;border-radius:10px;background:linear-gradient(135deg,#132337,#101c2d)} #joint-page.command-console.command-timeline .command-portrait-market>.roster-section>.micro-heading{margin-bottom:10px} #joint-page.command-console.command-timeline[data-mobile-view="activity"] #mobile-activity-stats{display:flex;gap:20px;align-items:center;min-height:30px;padding:0 2px 8px;margin:0;border:0;border-radius:0;background:none} #joint-page.command-console.command-timeline[data-mobile-view="activity"] #mobile-activity-stats>div{display:flex;align-items:baseline;gap:6px;padding:0;border:0;background:none} #joint-page.command-console.command-timeline[data-mobile-view="activity"] #mobile-activity-stats>div:nth-child(3){display:none} #joint-page.command-console.command-timeline[data-mobile-view="activity"] #mobile-activity-stats strong{font:600 14px/20px Consolas,monospace;color:#a9caff} #joint-page.command-console.command-timeline[data-mobile-view="activity"] #mobile-activity-stats small{font-size:10px;line-height:18px;color:#8eaacc} } /* Market status tiles reuse the source adapter's badges and state changes. */ #joint-page.command-console #mobile-market .command-market-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} #joint-page.command-console #mobile-market .command-market-status-grid>article{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:66px;padding:8px 4px;border:1px solid #2d435e;border-color:color-mix(in srgb,var(--market-source-color) 28%,#253b54);border-radius:6px;background:#0e1f32;background:color-mix(in srgb,var(--market-source-color) 4%,#0e1f32)} #joint-page.command-console #mobile-market .command-market-status-grid>article>i{display:block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--market-source-color);box-shadow:0 0 7px color-mix(in srgb,var(--market-source-color) 35%,transparent)} #joint-page.command-console #mobile-market .command-market-status-grid>article>strong{font:600 10px/15px Consolas,'Segoe UI',sans-serif;color:var(--market-source-color);white-space:nowrap} #joint-page.command-console #mobile-market .command-market-state{display:block;margin:0;padding:0;font:600 8px/12px Consolas,monospace;letter-spacing:.2px;color:#9ab2cf;white-space:nowrap} #joint-page.command-console #mobile-market [data-state="live"]>.command-market-state{color:#38d8a9} #joint-page.command-console #mobile-market [data-state="loading"]>.command-market-state{color:#8dbbff} #joint-page.command-console #mobile-market [data-state="stale"]>.command-market-state{color:#e6bd65} #joint-page.command-console #mobile-market [data-state="error"]>.command-market-state{color:#f17f96} /* Thin Live information row and portfolio overview, using existing display values only. */ #joint-page.command-console .command-live-summary, #joint-page.command-console .command-portfolio-hero{display:none} @media(max-width:767px) and (orientation:portrait){ #joint-page.command-console.command-timeline[data-mobile-view="live"]>.command-live-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:32px;height:32px;margin-bottom:-6px;padding:0 5px;border-bottom:1px solid #263e58;color:#8faacb;font-size:9px;line-height:16px} #joint-page.command-console .command-live-summary>div{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap} #joint-page.command-console .command-live-summary>div:first-child>strong{color:#38dbb3;font:700 14px/20px Consolas,monospace} #joint-page.command-console .command-live-summary>div:first-child>small{font-size:8px} #joint-page.command-console .command-live-summary>div:last-child{gap:10px;font-size:9px} #joint-page.command-console .command-live-summary b{color:#b4d1f4;font:600 10px/16px Consolas,monospace} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] .command-portrait-portfolio>.command-overview{padding:0} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] .command-portfolio-hero{display:block;border:1px solid #2c435e;border-radius:10px;background:linear-gradient(130deg,#13283d,#0e1d2f);padding:14px 8px 10px} #joint-page.command-console .command-portfolio-hero>header{text-align:center;padding:0 0 12px} #joint-page.command-console .command-portfolio-hero>header>small{display:block;color:#8ca9cc;font:8px/14px Consolas,'Microsoft YaHei',sans-serif;letter-spacing:.6px} #joint-page.command-console .command-portfolio-hero>header>strong{display:block;color:#37d7b3;font:700 32px/43px Consolas,monospace;letter-spacing:-.7px} #joint-page.command-console .command-portfolio-hero>header>span{display:block;color:#82a8c9;font:10px/17px Consolas,monospace} #joint-page.command-console .command-portfolio-hero>header b{font-weight:600;color:#3bd9b2} #joint-page.command-console .command-portfolio-risk-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px} #joint-page.command-console .command-portfolio-risk-row>div{min-width:0;padding:7px 2px;border:1px solid #2a425c;border-radius:5px;background:#0f2134;text-align:center} #joint-page.command-console .command-portfolio-risk-row i{display:block;font:12px/18px 'Segoe UI Emoji',sans-serif;font-style:normal} #joint-page.command-console .command-portfolio-risk-row strong{display:block;color:#b1d0f5;font:600 13px/19px Consolas,monospace;white-space:nowrap} #joint-page.command-console .command-portfolio-risk-row small{display:block;color:#87a4c7;font-size:8px;line-height:13px} #joint-page.command-console .command-portfolio-risk-row [data-risk-kind="exposure"] strong{color:#e5c565} #joint-page.command-console .command-portfolio-risk-row [data-risk-kind="hedge"] strong, #joint-page.command-console .command-portfolio-risk-row [data-risk-kind="score"] strong{color:#37d7b3} #joint-page.command-console .command-portfolio-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 12px;padding-top:10px;color:#809dc0;font-size:8px;line-height:15px} #joint-page.command-console .command-portfolio-meta b{font:600 9px/15px Consolas,monospace;color:#b5d0f0} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] .command-portrait-portfolio>.command-risk{display:none} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] #metric-strip{display:flex;height:26px;min-height:26px;margin-top:5px} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] #metric-strip .mini-metric:nth-child(n){display:none} #joint-page.command-console.command-timeline[data-mobile-view="portfolio"] .engine-tools{width:100%;height:26px} } /* Match portrait framing to the complete room instead of reserving a tall empty canvas. */ @media(max-width:767px) and (orientation:portrait){ #joint-page.command-console.command-timeline .console-scene-panel{height:auto} #joint-page.command-console.command-timeline .console-viewport{flex:none;aspect-ratio:1.36;width:100%;min-height:0} } /* The action stays readable without overpowering the signal and pricing. */ #joint-page.command-console.command-timeline .command-path-step:last-child h3{font-size:14px;line-height:20px;font-weight:500} /* Four display-only indicators mirror the existing metric nodes. */ @media(max-width:767px) and (orientation:portrait){ #joint-page.command-console.command-timeline[data-mobile-view="live"]>.command-live-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:52px;min-height:52px;padding:2px 1px 7px;margin:0;gap:6px;border-bottom:0;background:none} #joint-page.command-console .command-live-summary>div{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:20px 13px;gap:0 5px;align-items:center;min-width:0;padding-right:6px;border-right:1px solid #33435f88;white-space:normal} #joint-page.command-console .command-live-summary>div:last-child{border-right:0;padding-right:0;gap:0 5px;font-size:inherit} #joint-page.command-console .command-live-summary .live-summary-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;position:relative;width:23px;height:27px;border:1px solid #7f8cc987;border-radius:7px;background:radial-gradient(at 10% 0,#a4a0e84a,transparent 65%),linear-gradient(145deg,#303b73,#17223c);box-shadow:inset 0 1px 0 #c7caff45;color:#b7c9f4} #joint-page.command-console .command-live-summary .live-summary-icon svg{display:block;width:17px;height:17px} #joint-page.command-console .command-live-summary .live-summary-ring{width:25px;height:25px;border:0;border-radius:50%;background:conic-gradient(#7eafff 0%,#bd9ef6 var(--live-win,0%),#34446166 var(--live-win,0%),#34446166 100%);box-shadow:0 0 5px #9b87d729} #joint-page.command-console .command-live-summary .live-summary-ring::after{content:'';position:absolute;inset:3px;border-radius:50%;background:#0b1525} #joint-page.command-console .command-live-summary>div>strong, #joint-page.command-console .command-live-summary>div:first-child>strong{grid-column:2;grid-row:1;font:600 14px/20px 'Segoe UI',sans-serif;letter-spacing:-.3px;color:#4de0e9;white-space:nowrap} #joint-page.command-console .command-live-summary>div:nth-child(n+3)>strong{color:#b9c6ed} #joint-page.command-console .command-live-summary>div>small, #joint-page.command-console .command-live-summary>div:first-child>small{grid-column:2;grid-row:2;font-size:8px;line-height:13px;color:#8fa5c6;white-space:nowrap} } @media(max-width:359px) and (orientation:portrait){ #joint-page.command-console .command-live-summary>div{grid-template-columns:18px minmax(0,1fr);gap:0 3px;padding-right:3px} #joint-page.command-console .command-live-summary>div:last-child{gap:0 3px} #joint-page.command-console .command-live-summary .live-summary-icon{width:18px;height:23px;border-radius:5px} #joint-page.command-console .command-live-summary .live-summary-icon svg{width:13px;height:13px} #joint-page.command-console .command-live-summary .live-summary-ring{width:20px;height:20px;border-radius:50%} #joint-page.command-console .command-live-summary .live-summary-ring::after{inset:2.5px} #joint-page.command-console .command-live-summary>div>strong, #joint-page.command-console .command-live-summary>div:first-child>strong{font-size:12px} #joint-page.command-console .command-live-summary>div>small, #joint-page.command-console .command-live-summary>div:first-child>small{font-size:7px} } /* Match the existing positive metric color and simplify the advisory header. */ #joint-page.command-console .command-live-summary>div:nth-child(-n+3)>strong{color:#21dcb0} #joint-page.command-console .decision-head>.venue, #joint-page.command-console .decision-head>.live, #joint-page.command-console .decision-head>small{display:none} /* Let every team row and the expanded roster remain inside the panel. */ #joint-page.command-console.command-timeline .roster-section{height:auto;max-height:none;min-height:0;flex:none;overflow:visible;box-sizing:border-box} #joint-page.command-console.command-timeline .roster-section .command-team-groups{flex:none;grid-auto-rows:minmax(48px,auto)} #joint-page.command-console.command-timeline .command-team-details{display:block;min-width:0} #joint-page.command-console.command-timeline .command-team-details #roster{max-height:360px;overflow-y:auto} #joint-page.command-console .command-portfolio-risk-row i svg{display:block;width:20px;height:20px;margin:auto;color:#8fb8e8} /* Fit edge messages to the current scene, including short landscape viewports. */ .navy-console .console-viewport .bubble{min-width:0;max-width:min(280px,calc(var(--office-width,100vw) - 32px));max-height:max(20px,calc(var(--office-height,300px) - 64px));overflow:auto;overflow-wrap:anywhere;pointer-events:auto} .navy-console .compact-joint .console-viewport .bubble{max-width:min(176px,calc(var(--office-width,100vw) - 32px))} #joint-page.command-console.command-timeline .feed-tabs>button:nth-child(n){font-size:14px;line-height:20px;font-weight:600} @media(max-width:767px){#joint-page.command-console.command-timeline .feed-tabs>button:nth-child(n){font-size:13px}} /* Explicit geometry keeps the activity waves the same size across phone fonts. */ #joint-page.command-console .joint-mobile-nav button[data-mobile-view="activity"]>span{display:grid;place-items:center;height:22px;line-height:22px} #joint-page.command-console .joint-mobile-nav button[data-mobile-view="activity"] svg{display:block;width:22px;height:22px} /* Advisory time shares the title row; omit the duplicate footer. */ #joint-page.command-console.command-timeline .command-path-ready .decision-head{flex-wrap:nowrap} #joint-page.command-console.command-timeline .command-path-ready .decision-head strong{flex-basis:auto} #joint-page.command-console.command-timeline .command-path-ready .decision-head>time{margin-left:auto;flex:none;color:#8da4c2;font:9px/18px Consolas,monospace;white-space:nowrap} /* One scene title accent, contained mobile width, and content-sized advisory. */ #joint-page.command-console.command-timeline .console-scene-head h1::before{display:none} #joint-page.command-console.command-timeline #decision-card{height:auto;min-height:0;align-self:start;flex:none} #joint-page.command-console.command-timeline .decision.command-path-ready{height:auto;min-height:0} #joint-page.command-console.command-timeline #decision-card:empty{height:96px;min-height:96px} #joint-page.command-console.command-timeline #decision-card:empty::before{top:14px} #joint-page.command-console.command-timeline #decision-card:empty::after{top:48px} @media(max-width:767px),(max-width:1099px) and (max-height:540px){ #joint-page.command-console.command-timeline .joint-body{width:100%;min-width:0;max-width:100%} #joint-page.command-console.command-timeline .console-scene-panel{width:100%;max-width:100%;margin-inline:0;box-sizing:border-box} } /* Match positive allocation estimates to the portfolio total. */ #joint-page.command-console #mobile-portfolio .mobile-allocation-row b.allocation-positive, #joint-page.command-console .position-line>em:not(.bad){color:#37d7b3} /* Four cumulative metrics in a compact responsive card grid. */ #joint-page.command-console .cumulative-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px} #joint-page.command-console .cumulative-stat{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:24px auto;gap:4px 9px;align-items:center;min-width:0;padding:11px 10px;border:1px solid #2d4965;border-radius:8px;background:linear-gradient(135deg,#18314988,#10223866)} #joint-page.command-console .cumulative-stat-icon{grid-row:1/3;display:grid;place-items:center;width:28px;height:30px;border:1px solid #496b9655;border-radius:7px;background:#203a5480;color:#8cbcff;font-style:normal} #joint-page.command-console .cumulative-stat-icon svg{display:block;width:18px;height:18px} #joint-page.command-console .cumulative-stat>span{font-size:11px;line-height:17px;color:#9fb7d4} #joint-page.command-console .cumulative-stat>b{grid-column:2;min-width:0;color:#bbd5f8;font:600 20px/25px Consolas,monospace;overflow-wrap:anywhere} #joint-page.command-console .cumulative-stat:nth-child(2) .cumulative-stat-icon,#joint-page.command-console .cumulative-stat:nth-child(2)>b{color:#37d7b3} #joint-page.command-console .cumulative-stat:nth-child(3) .cumulative-stat-icon{color:#d6bc76} #joint-page.command-console .cumulative-stat:nth-child(4) .cumulative-stat-icon{color:#b3a3e3} @media(max-width:359px){#joint-page.command-console .cumulative-stat{padding:9px 7px;gap:3px 6px}#joint-page.command-console .cumulative-stat>b{font-size:18px}} /* Use the same page-title type scale across all four mobile tabs. */ @media(max-width:767px){ #joint-page.command-console.command-timeline[data-mobile-view] .command-page-heading h1, #event-page.event-console.ev-card-layout .ev-title h1, #whale-page .sm-heading h1, #chain-page .co-heading h1{font-family:'Segoe UI','Microsoft YaHei',sans-serif;font-size:22px;font-weight:700;line-height:30px;letter-spacing:0} } /* Shared mobile page-heading origin and subtitle spacing. */ @media(max-width:767px){ .navy-console #event-page.event-console.ev-card-layout, .navy-console #whale-page.sm-page, .navy-console #chain-page.co-page{padding-top:14px;padding-left:10px;padding-right:10px} #event-page.event-console.ev-card-layout .ev-title, #whale-page.sm-page .sm-heading, #chain-page.co-page .co-heading{margin:0 0 14px;padding:0;align-items:flex-start} #event-page.event-console.ev-card-layout .ev-title{display:block} #chain-page.co-page .co-heading>div{gap:0} #event-page.event-console.ev-card-layout .ev-title h1, #whale-page.sm-page .sm-heading h1, #chain-page.co-page .co-heading h1{margin:0;padding:0} #event-page.event-console.ev-card-layout .ev-title>p, #whale-page.sm-page .sm-heading p, #chain-page.co-page .co-heading>div>span{margin:4px 0 0;padding:0;font:400 12px/18px 'Segoe UI','Microsoft YaHei',sans-serif} }