/* A compact trading desk and short, page-specific discovery hints. */
.inspector.stocks-panel{width:540px}
.stocks-panel .panel-body{display:flex;flex-direction:column;overflow:hidden;padding:16px}
.stock-console{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.stock-console>*{flex-shrink:0;min-width:0}
.stock-console-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.stock-console-heading h2{font-size:24px;margin:0;line-height:1.3}
.stock-console-heading .text-button{font-size:12px;white-space:nowrap;padding:5px}
.stock-kpi-mini{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff0c2;border:1.5px solid #bb9c40;border-radius:8px;padding:10px 12px;font-size:13px}
.stock-kpi-mini>strong{font:800 18px Consolas,monospace}
.stock-kpi-mini small{font-size:11px;color:#68775e;white-space:nowrap}
.stock-console .portfolio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:12px;background:#e5f1e7;border:1px solid #91b6a8;border-radius:8px}
.stock-console .portfolio>div{display:block;min-width:0;padding:0;border:0}
.stock-console .portfolio span{display:block;font-size:11px;margin-bottom:5px;white-space:nowrap}
.stock-console .portfolio strong{display:block;font:700 15px Consolas,monospace;white-space:nowrap}
.stock-console .stock-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.stock-console .stock-tabs .button{min-width:0;padding:8px 3px;min-height:38px;font-size:12px;white-space:nowrap}
.stock-console .stock-market-area{flex:1;min-height:70px;display:flex;flex-direction:column;overflow:hidden}
.stock-console .stock-quote{display:flex;gap:12px;align-items:baseline;margin:0 0 4px;min-height:32px}
.stock-console .stock-quote strong{font:800 28px Consolas,monospace;color:#173c47}
.stock-console .stock-quote>span{font-size:13px}.stock-console .stock-quote small{margin-left:auto;font-size:11px}
.stock-chart{flex:1;min-height:25px;max-height:180px;display:flex;align-items:stretch;overflow:hidden}
.stock-chart>svg{display:block;width:100%;height:100%;min-height:25px;max-height:180px}
.stock-console .holding-line{display:flex;justify-content:space-between;gap:10px;margin:6px 0 0;padding:7px 0 0;font-size:12px;border-top:1px solid #c5d6cb}
.stock-console-status{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:22px;color:#5a7a7c;font-size:11px}
.stock-console-status .text-button{font-size:11px;padding:2px;white-space:nowrap}
.stock-trade-row{display:grid;grid-template-columns:94px minmax(0,1fr);gap:10px;align-items:end;padding-top:10px;border-top:2px solid #b9ccc1;background:#fffaf0}
.stock-trade-row .field{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;white-space:nowrap}
.stock-trade-row select{width:70px;margin:0;padding:8px 5px;font-size:16px;min-height:46px}
.stock-trade-row .trade-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.stock-trade-row .button{padding:10px 4px;min-height:46px;font-size:13px;white-space:nowrap}
.stock-records{min-height:22px;font-size:11px;color:#52727a}
.stock-records summary{cursor:pointer;min-height:24px;line-height:24px}
.stock-records-scroll{max-height:110px;overflow:auto;overscroll-behavior:contain;background:#eef3e8;border-radius:7px;padding:8px 10px}
.stock-records-scroll p{font-size:11px;line-height:1.5;margin:4px 0 8px}.stock-records-scroll .trade-list{margin:0}
.stock-records-scroll .trade-list li{font-size:11px;padding:6px 0;gap:8px}
.explore-coach .coach-heading{align-items:center;gap:10px;margin-bottom:4px;font-size:13px}
.explore-coach .coach-heading strong{color:#fffaf0;font-size:14px;line-height:1.4}
.explore-coach .coach-heading small{font:11px Consolas,monospace;color:#cdbfff;margin-left:6px}
.explore-coach .coach-heading .text-button{font-size:20px;padding:0;min-width:28px;min-height:28px;line-height:28px}
.explore-coach>p{font-size:12px;line-height:1.55;margin:3px 0 8px}
.explore-coach .coach-actions{justify-content:flex-end}
.explore-coach .coach-actions .button{font-size:12px;padding:6px 12px;min-height:34px}
@media(max-width:760px), (max-width:960px) and (max-height:500px){
 .stocks-panel .panel-top{min-height:50px;padding:5px 12px}
 .stocks-panel .panel-body{padding:10px 12px calc(10px + var(--safe-bottom));overflow:hidden}
 .stock-console{gap:8px}
 .stock-console-heading h2{font-size:20px;line-height:25px}
 .stock-console-heading .text-button{padding:2px;font-size:11px}
 .stock-kpi-mini{padding:7px 9px;font-size:12px;min-height:34px}
 .stock-kpi-mini>strong{font-size:16px}.stock-kpi-mini small{font-size:10px}
 .stock-console .portfolio{padding:9px;gap:7px}
 .stock-console .portfolio span{font-size:10px;margin-bottom:3px}
 .stock-console .portfolio strong{font-size:13px}
 .stock-console .stock-tabs .button{min-height:36px;padding:6px 2px;font-size:11px}
 .stock-console .stock-quote strong{font-size:25px}.stock-console .stock-quote{min-height:29px}
 .stock-console .stock-market-area{min-height:60px}
 .stock-console .holding-line{font-size:11px;padding-top:4px;margin-top:4px}
 .stock-console-status{min-height:18px;font-size:10px}
 .stock-trade-row{grid-template-columns:87px minmax(0,1fr);gap:8px;padding-top:8px}
 .stock-trade-row .field{font-size:11px;gap:4px}
 .stock-trade-row select{width:65px;min-height:44px}
 .stock-trade-row .trade-buttons{gap:6px}.stock-trade-row .button{min-height:44px;font-size:12px;padding:8px 3px}
 .stock-records-scroll{max-height:90px}
 .inspector>.explore-coach{margin:5px 12px;padding:6px 10px;max-height:125px;overflow:auto}
 .inspector>.explore-coach .coach-heading{margin:0;min-height:24px}
 .inspector>.explore-coach .coach-heading .text-button{min-height:24px;min-width:24px}
 .inspector>.explore-coach .coach-heading strong{font-size:13px}
 .inspector>.explore-coach>p{font-size:12px;margin:2px 0 4px;line-height:1.45}
 .inspector>.explore-coach .coach-actions .button{min-height:32px;padding:4px 11px}
 .stocks-panel>.explore-coach{max-height:118px;flex-shrink:0}
 .stocks-panel>.explore-coach:has(.coach-actions) .coach-heading strong{padding-right:84px}
 .stocks-panel>.explore-coach .coach-actions{position:absolute;right:42px;top:5px}
 .stocks-panel>.explore-coach .coach-actions .button{font-size:11px;min-height:30px;padding:4px 8px}
 .stocks-panel .stock-lesson{overflow:auto;min-height:0;padding:0}
}
@media(max-width:360px){
 .stock-console{gap:6px}.stock-console-heading h2{font-size:18px}
 .stock-kpi-mini{font-size:11px;padding:6px 8px}.stock-kpi-mini>strong{font-size:14px}
 .stock-console .portfolio{padding:8px}.stock-console .portfolio strong{font-size:12px}
 .stock-console .stock-tabs .button{min-height:34px;font-size:10px}
 .stock-console .stock-quote strong{font-size:23px}.stock-console .stock-market-area{min-height:50px}
 .stock-trade-row{grid-template-columns:77px minmax(0,1fr);gap:6px}.stock-trade-row select{width:57px}
 .stock-trade-row .field{font-size:10px}.stock-trade-row .button{font-size:11px;padding:7px 2px}
 .inspector>.explore-coach>p{font-size:11px}
}
@media(max-width:960px) and (max-height:500px) and (orientation:landscape){
 .stocks-panel .panel-body{padding:6px 12px 8px}.stocks-panel .panel-top{min-height:42px;padding:3px 12px}
 .stocks-panel>.explore-coach{position:absolute;right:12px;left:auto;top:48px;width:43%;margin:0;max-height:90px;z-index:3}
 .stock-console{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.9fr);grid-template-rows:28px 38px 39px minmax(40px,1fr) 52px;gap:6px 16px}
 .stock-console-heading{grid-column:1;grid-row:1}.stock-kpi-mini{grid-column:1;grid-row:2}
 .stock-console .portfolio{grid-column:1;grid-row:3;padding:5px 8px}
 .stock-console .stock-tabs{grid-column:1;grid-row:4;align-self:end}
 .stock-console .stock-market-area{grid-column:2;grid-row:1/5;padding-top:80px;min-height:0}
 .stock-console-status{grid-column:1;grid-row:5;align-self:start}
 .stock-trade-row{grid-column:2;grid-row:5;padding-top:5px}
 .stock-records{display:none}
 .stocks-panel:not(:has(>.explore-coach)) .stock-market-area{padding-top:0}
}
@media(max-width:599px) and (max-height:560px) and (orientation:portrait){
 .stocks-panel .panel-top{min-height:44px;padding:3px 10px}
 .stocks-panel .panel-top .icon-button{width:36px;height:36px;min-width:36px}
 .stocks-panel .panel-body{padding:7px 10px calc(7px + var(--safe-bottom))}
 .stock-console{gap:4px}.stock-console-heading{display:none}
 .stock-kpi-mini{padding:5px 8px;min-height:28px;font-size:11px}
 .stock-kpi-mini>strong{font-size:14px}
 .stock-console .portfolio{padding:6px 8px}.stock-console .portfolio strong{font-size:12px}
 .stock-console .portfolio span{font-size:10px;margin-bottom:2px}
 .stock-console .stock-tabs .button{min-height:32px;padding:4px 2px;font-size:11px}
 .stock-console .stock-market-area{min-height:55px}
 .stock-console .stock-quote{min-height:25px;margin-bottom:1px}.stock-console .stock-quote strong{font-size:23px}
 .stock-chart,.stock-chart>svg{min-height:12px;max-height:100px}
 .stock-console .holding-line{padding-top:3px;margin-top:2px;font-size:10px}
 .stock-console-status{min-height:14px;font-size:9px}
 .stock-trade-row{padding-top:5px;gap:6px}.stock-trade-row .button{min-height:44px}
 .stock-trade-row .field{display:flex}
 .stocks-panel:has(>.explore-coach) .stock-records{display:none}
}