/* Shared desktop/mobile app. No separate trading state on the phone. */
.mobile-nav,.mobile-topbar{display:none}
.network-status{position:sticky;top:0;z-index:30;padding:12px 16px;background:#082913;border-bottom:1px solid var(--green);font-size:12px;line-height:1.6}
.install-trigger{margin-top:14px}
dialog{color:var(--text);background:#000;border:1px solid var(--green);width:min(520px,calc(100% - 32px));max-height:85dvh;padding:24px;font-size:14px;line-height:1.7}
dialog::backdrop{background:#000c}
dialog .panel-heading{margin-bottom:12px}
dialog .hint{font-size:12px}
#close-install{min-width:44px;min-height:44px;font-size:20px}
#notice{display:flex;align-items:flex-start;gap:12px;max-height:35dvh;overflow:auto;line-height:1.6}
#notice>span{flex:1;min-width:0;overflow-wrap:anywhere}
#notice>button{min-width:44px;min-height:44px;padding:4px;border:1px solid var(--line);color:var(--green);background:#000;font-size:18px;flex-shrink:0}
.executor-status{margin-bottom:18px}
.file-button:focus-within{outline:2px solid var(--green);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){
  html{scroll-padding-top:88px;-webkit-text-size-adjust:100%}
  body{font-size:14px;overflow-wrap:break-word}
  aside{display:none}
  main{margin:0;padding:0 16px calc(92px + env(safe-area-inset-bottom));min-width:0}
  .mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;z-index:15;background:#000;border-bottom:1px solid var(--line);padding:calc(8px + env(safe-area-inset-top)) 0 8px;min-height:60px}
  .mobile-topbar>a{display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.8px;min-height:44px}
  .terminal-mark{border:1px solid var(--green);font-size:18px;letter-spacing:-2px;padding:6px 7px}
  .mobile-topbar .install-trigger{font-size:11px;margin:0;min-height:44px;padding:8px}
  header{height:35px;justify-content:flex-end;border:0}
  .breadcrumb{display:none}
  #clock{font-size:11px}
  .title-row{display:block;margin:12px 0 18px}
  h1{font-size:26px;line-height:1.25}
  .title-row>div>p:last-child{font-size:12px;line-height:1.6}
  .session-actions{align-items:flex-start;margin-top:14px}
  .session-actions .ghost{display:none}
  .badge{font-size:11px;padding:9px 11px;white-space:normal}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
  .metrics article{padding:15px 12px;min-width:0}
  .metrics p{font-size:11px;line-height:1.5;margin-bottom:10px;min-height:32px}
  .metrics strong{font-size:18px;overflow-wrap:anywhere;line-height:1.25}
  .metrics small{font-size:10px;line-height:1.6;display:block}
  .workspace{display:flex;flex-direction:column;gap:16px}
  .left-column,.right-column{min-width:0;gap:16px}
  .panel{padding:20px 16px;min-width:0}
  .panel-heading{gap:10px;flex-wrap:wrap;margin-bottom:18px}
  h2{font-size:18px;line-height:1.4}
  .panel-heading .tag{font-size:10px}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;align-items:end}
  .symbol-field{grid-column:1/-1}
  #signal-form .form-grid>label:nth-child(2){grid-column:1/-1}
  label{font-size:13px;line-height:1.5;min-width:0}
  input,select,textarea{font-size:16px;min-height:48px;max-width:100%;min-width:0;padding:12px 9px}
  input[type=date],input[type=time]{appearance:none;-webkit-appearance:none}
  .check{font-size:13px;gap:12px;align-items:flex-start;min-height:44px;margin-top:20px}
  .check input{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin-top:0}
  .hint{font-size:12px;line-height:1.75;margin:20px 0}
  .primary,.secondary,.file-button,.ghost{min-height:48px;font-size:13px;padding:12px;line-height:1.5}
  .primary{min-height:54px}
  .actions{gap:12px;flex-wrap:wrap}
  .actions>*{flex:1;min-width:110px}
  .import{font-size:13px;padding:14px;margin-bottom:24px}
  .import summary{line-height:1.7;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .import small{font-size:12px}
  .file-button input{min-height:0}
  .queue-panel{order:0}
  .market{order:1}
  .activity{order:2}
  .queue-item{flex-direction:column;gap:8px;padding:16px 0;font-size:13px;line-height:1.6}
  .queue-item>span{color:var(--muted)}
  .empty{padding:20px 0}
  .empty h3{font-size:14px;line-height:1.6}
  .empty p,.market>small{font-size:12px}
  .activity #events{max-height:280px}
  .activity #events p{font-size:12px;line-height:1.8;overflow-wrap:anywhere}
  .activity #events time{display:block;font-size:11px}
  .executor-status{font-size:12px;padding:13px;line-height:1.75}
  #history{margin-top:16px}
  .report-summary{font-size:12px;line-height:1.8}
  #reset-risk{margin-bottom:16px;text-align:left;border:1px solid var(--line)}
  .table-wrap{overflow:visible}
  table,tbody{display:block;width:100%;white-space:normal}
  thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);padding:12px;gap:14px 10px;margin-bottom:12px}
  td{display:block;min-width:0;border:0;padding:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
  td:before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:4px}
  td:nth-child(5),td[colspan]{grid-column:1/-1}
  td[colspan]:before{display:none}
  td:nth-child(6){font-size:17px}
  footer{font-size:10px;line-height:1.8;padding:24px 0 0}
  footer span{margin-top:9px}
  .auth-screen{min-height:100svh;align-items:flex-start;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}
  .auth-card,#connection-screen>.panel{margin:auto 0;padding:26px 20px}
  .auth-intro{font-size:13px}
  .auth-footer{font-size:10px;letter-spacing:.5px}
  .terminal-brand{font-size:17px;line-height:1.4;margin-bottom:32px}
  #connection-screen .form-grid{grid-template-columns:1fr}
  #connection-screen .full{grid-column:auto}
  #connection-screen h1{font-size:24px}
  #connection-screen .ghost{display:block;width:100%;border:1px solid var(--line);margin-top:12px}
  #connection-screen #view-panel{border-color:var(--green)}
  .auth-card>.install-trigger{width:100%;border:1px solid var(--line);margin-top:22px}
  .mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:fixed;inset:auto 0 0;z-index:20;background:#000;border-top:1px solid var(--green);padding:5px max(4px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));margin:0;box-shadow:0 -6px 20px #0008}
  .mobile-nav a,.mobile-nav button{min-height:58px;padding:7px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:10px;line-height:1.2;letter-spacing:0;background:transparent;color:var(--muted);border:0;text-align:center}
  .mobile-nav span{display:block;font-size:21px;line-height:1}
  .mobile-nav [aria-current=location]{color:var(--green);background:#062b14}
  body[data-screen=dashboard] #notice{bottom:calc(84px + env(safe-area-inset-bottom))}
  body[data-screen=connection] #notice,body[data-screen=login] #notice{bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.metrics strong{font-size:16px}.mobile-nav a,.mobile-nav button{font-size:9px}.mobile-topbar>a{font-size:10px}}