#stockBoard:not([hidden]){display:grid;gap:8px}
#stockBoard>.stock-command-panel{order:1;margin-top:0}
#stockBoard>.stock-list-panel{order:2;margin-top:0}
.stock-command-panel .asset-command-head{
  display:grid;
  grid-template-columns:minmax(120px,.34fr) minmax(0,1fr);
  gap:8px;
  align-items:start;
}
.stock-command-panel .asset-entry-popover{order:2}
.stock-command-panel .asset-refresh-btn{
  order:3;
  min-width:66px;
  height:var(--asset-command-control-height);
  min-height:var(--asset-command-control-height);
  padding-inline:12px;
  border-color:color-mix(in srgb,var(--brand) 36%,var(--terminal-border));
  color:color-mix(in srgb,var(--brand) 86%,var(--terminal-text));
  font-weight:900;
}
.stock-command-panel .asset-search-field{order:4}
.stock-entry-popover .asset-entry-popover-panel{width:min(860px,calc(100vw - 36px))}
.stock-add-row{grid-template-columns:92px 82px minmax(112px,1fr) repeat(5,minmax(96px,1fr)) auto auto}
.stock-summary-strip.summary{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr));
  overflow:hidden;
  border-color:color-mix(in srgb,var(--brand) 12%,var(--terminal-border));
  background:linear-gradient(180deg,color-mix(in srgb,var(--terminal-panel-strong) 64%,var(--terminal-panel)),var(--terminal-panel));
}
.stock-summary-strip .asset-kpi-card{min-width:0}
.stock-table{table-layout:fixed;min-width:1180px;width:100%}
.stock-table th button{display:block;max-width:100%;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.stock-table th:nth-child(1),.stock-table td:nth-child(1){width:96px}
.stock-table th:nth-child(2),.stock-table td:nth-child(2){width:72px}
.stock-table th:nth-child(3),.stock-table td:nth-child(3){width:180px}
.stock-table th:nth-child(6),.stock-table td:nth-child(6){background:var(--panel);box-shadow:inset 3px 0 0 var(--brand)}
.stock-asset-type{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:22px;padding:0 6px;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--brand) 4%,var(--panel));font-size:11px;font-weight:900;color:var(--muted)}
.stock-asset-type.bond{color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--panel))}
#stockBoard>.stock-command-panel .row input,#stockBoard>.stock-command-panel .row select,#stockBoard>.stock-command-panel .row button{width:100%;min-width:0}
.stock-inline-editor{display:grid;grid-template-columns:90px minmax(140px,1fr) repeat(5,minmax(110px,140px)) auto;gap:8px;padding:10px;background:#fbfdff;border:1px solid #e7eef6;border-radius:8px}
.stock-inline-editor .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.stock-inline-editor input,.stock-inline-editor select{width:100%;min-width:0}
@media (max-width:900px){
  .stock-table{min-width:980px}
  .stock-table th:nth-child(1),.stock-table td:not([colspan]):nth-child(1){position:sticky;left:0;z-index:3;background:var(--panel)}
  .stock-table th:nth-child(2),.stock-table td:not([colspan]):nth-child(2){position:static;left:auto;z-index:auto;box-shadow:none}
  .stock-table th:nth-child(1){z-index:4;background:color-mix(in srgb,var(--brand) 7%,var(--panel))}
  .stock-inline-editor{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stock-inline-editor .actions{grid-column:1/-1}
}

/* UI v2 terminal stock table pass */
.stock-table{min-width:1180px;font-size:12.5px}
.stock-table th,.stock-table td{padding:5px 7px}
.stock-table th:nth-child(2),.stock-table td:nth-child(2){width:72px}
.stock-table th:nth-child(3),.stock-table td:nth-child(3){width:168px}
.stock-table th:nth-child(6),.stock-table td:nth-child(6){
  background:color-mix(in srgb,var(--brand) 4%,var(--terminal-panel));
  box-shadow:inset 3px 0 0 var(--brand);
}
.stock-table td.up{
  color:var(--terminal-positive);
  background:color-mix(in srgb,var(--terminal-positive) 6%,transparent);
}
.stock-table td.down{
  color:var(--terminal-negative);
  background:color-mix(in srgb,var(--terminal-negative) 6%,transparent);
}
.stock-table tbody tr.is-selected td:not([colspan]){
  background:var(--terminal-row-selected);
  border-top-color:color-mix(in srgb,var(--brand) 52%,var(--terminal-border));
  border-bottom-color:color-mix(in srgb,var(--brand) 52%,var(--terminal-border));
}
.stock-table tbody tr.is-selected td.up{
  background:color-mix(in srgb,var(--terminal-positive) 13%,var(--terminal-row-selected));
  color:var(--terminal-positive);
}
.stock-table tbody tr.is-selected td.down{
  background:color-mix(in srgb,var(--terminal-negative) 13%,var(--terminal-row-selected));
  color:var(--terminal-negative);
}
@media (max-width:900px){
  .stock-table th:nth-child(1),.stock-table td:not([colspan]):nth-child(1){background:var(--terminal-panel)}
  .stock-table th:nth-child(2),.stock-table td:not([colspan]):nth-child(2){position:static;left:auto;z-index:auto;box-shadow:none}
  .stock-table th:nth-child(1){background:var(--terminal-panel-strong)}
}
@media (max-width:1180px){
  .stock-command-panel .asset-command-head{grid-template-columns:1fr}
  .stock-command-panel .asset-command-toolbar{justify-content:flex-start}
}
@media (max-width:800px){
  .stock-command-panel .asset-command-toolbar{
    display:grid;
    grid-template-columns:auto minmax(66px,auto) minmax(0,1fr);
    align-items:center;
    justify-content:stretch;
    width:100%;
  }
  .stock-command-panel .asset-entry-popover{grid-column:1;grid-row:1}
  .stock-command-panel .asset-refresh-btn{
    grid-column:2;
    grid-row:1;
    width:auto;
    height:var(--asset-command-control-height);
    min-height:var(--asset-command-control-height);
    padding-inline:12px;
  }
  .stock-command-panel .asset-search-field,.stock-command-panel .asset-search-field:focus-within{
    grid-column:1 / -1;
    grid-row:2;
    flex:none;
    width:100%;
    min-width:0;
    max-width:none;
    height:var(--asset-command-control-height);
  }
  .stock-command-panel .asset-search-field .list-search-input,.stock-command-panel .asset-search-field:focus-within .list-search-input{
    position:relative;
    left:auto;
    width:100%;
    height:var(--asset-command-control-height);
  }
  #stockBoard .stock-summary-strip.summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    overflow:visible;
  }
  #stockBoard .stock-summary-strip.summary .asset-kpi-card{
    flex:initial;
    width:auto;
    min-width:0;
    min-height:44px;
    padding:6px 7px 6px 10px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  #stockBoard .stock-summary-strip.summary .asset-kpi-card:nth-child(3n){border-right:0}
  #stockBoard .stock-summary-strip.summary .asset-kpi-card:nth-last-child(-n+3){border-bottom:0}
  .stock-entry-popover[open]::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:120;
    background:rgba(8,20,32,.28);
    pointer-events:none;
  }
  .stock-command-panel .stock-entry-popover .asset-entry-popover-panel{
    position:fixed;
    z-index:140;
    left:12px;
    right:12px;
    top:50%;
    width:auto;
    max-height:calc(100vh - 48px);
    overflow:auto;
    transform:translateY(-50%);
  }
  #stockBoard .stock-add-row{grid-template-columns:1fr}
}
@media (max-width:360px){
  #stockBoard .stock-summary-strip.summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #stockBoard .stock-summary-strip.summary .asset-kpi-card:nth-child(3n){border-right:1px solid var(--line)}
  #stockBoard .stock-summary-strip.summary .asset-kpi-card:nth-child(2n){border-right:0}
  #stockBoard .stock-summary-strip.summary .asset-kpi-card:nth-last-child(-n+3){border-bottom:1px solid var(--line)}
  #stockBoard .stock-summary-strip.summary .asset-kpi-card:nth-last-child(-n+2){border-bottom:0}
}
