/* OrbitFX — Pro Desktop Dashboard (>=1024px) */

:root{
  --bg:#0b0e13; --fg:#e5e7eb; --muted:#9aa3b8; --line:#1f2937; --card:#0f1420; --accent:#10b981;
}

@media (min-width:1024px){

  /* Canvas */
  #dash .dash-wrap{
    max-width:1400px; margin:0 auto; padding:16px;
  }

  /* Base card */
  #dash .card{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:16px;
    padding:16px;
  }

  /* Header bar */
  #dash .desk-header{
    display:flex; align-items:center; justify-content:space-between; gap:16px;
  }
  #dash .desk-header .left{ flex:1; }
  #dash .desk-header .right{ display:flex; align-items:center; gap:10px; }
  #dash .desk-header .search input{
    width:100%; max-width:520px;
    background:#0b1325; color:var(--fg);
    border:1px solid var(--line); border-radius:12px; padding:10px 12px;
  }
  #dash .desk-header .btn.ghost{
    background:#0b1325; color:var(--fg); border:1px solid var(--line);
    padding:8px 12px; border-radius:10px; text-decoration:none;
  }
  #dash .desk-header .portfolio-pill{
    background:#0b1325; border:1px solid var(--line); border-radius:12px; padding:8px 12px;
  }
  #dash .desk-header .portfolio-pill .label{ color:var(--muted); font-size:12px; }
  #dash .desk-header .portfolio-pill .value{ font-weight:800; }
  #dash .desk-header .avatar{
    width:34px; height:34px; border-radius:50%;
    display:grid; place-items:center; background:#0b1325; border:1px solid var(--line);
    font-weight:800;
  }

  /* Grid */
  #dash .desk-grid{
    margin-top:16px;
    display:grid; grid-template-columns:1.5fr 1fr; gap:16px;
  }

  /* Portfolio card */
  #dash .portfolio .row-1{
    display:flex; justify-content:space-between; align-items:flex-start; gap:12px;
  }
  #dash .portfolio .muted{ color:var(--muted); font-size:12px; }
  #dash .portfolio .big{ font-size:36px; font-weight:800; }
  #dash .portfolio .sub{ color:var(--muted); font-size:12px; margin-top:4px; }
  #dash .portfolio .time-range a{
    display:inline-block; padding:6px 10px; border:1px solid var(--line);
    border-radius:10px; text-decoration:none; color:var(--fg); margin-left:6px;
  }
  #dash .portfolio .time-range a.active{ border-color:var(--accent); color:var(--accent); }
  #dash #dash-chart{
    height:320px; border:1px solid var(--line); border-radius:12px; margin-top:12px; overflow:hidden;
  }
  #dash .portfolio .quick-actions{ display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
  #dash .btn.primary{
    background:var(--accent); color:#081214; border:1px solid var(--accent); border-radius:10px; padding:8px 12px; text-decoration:none; font-weight:700;
  }

  /* Tiles */
  #dash .tiles{
    display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:16px;
  }
  #dash .tile{
    background:rgba(255,255,255,.02); border:1px solid var(--line); border-radius:14px; padding:14px; text-decoration:none; color:var(--fg);
  }
  #dash .tile .title{ font-weight:700; }
  #dash .tile .num{ font-weight:800; margin-top:6px; }

  /* Balances */
  #dash .balances .hdr{
    display:flex; align-items:center; justify-content:space-between; margin-bottom:8px;
  }
  #dash .balances .title{ font-weight:700; }
  #dash .balances .tabs{ display:flex; gap:8px; }
  #dash .balances .tab{
    cursor:pointer; padding:6px 10px; border:1px solid var(--line); border-radius:10px;
  }
  #dash .balances .tab.active{ color:var(--accent); border-color:var(--accent); }
  #dash .balances table{ width:100%; border-collapse:collapse; }
  #dash .balances th, #dash .balances td{
    border-bottom:1px solid var(--line); padding:10px; text-align:left;
  }
  #dash .balances .asset{ display:flex; align-items:center; gap:8px; }
  #dash .balances .right{ text-align:right; }
  #dash .balances .alloc{
    display:flex; align-items:center; gap:8px; justify-content:flex-end;
  }
  #dash .balances .alloc .bar{
    width:120px; height:8px; border-radius:999px; background:#0b1325; border:1px solid var(--line); overflow:hidden; display:inline-block;
  }
  #dash .balances .alloc .bar i{
    display:block; height:100%; background:var(--accent);
  }
  #dash .balances .muted{ color:var(--muted); font-size:12px; }
  #dash .tabpane.hidden{ display:none; }

  /* Right column */
  #dash .tips .title{ font-weight:700; margin-bottom:6px; }
  #dash .activity .hdr{ display:flex; align-items:center; justify-content:space-between; }
  #dash .activity .list{ margin-top:10px; display:grid; gap:10px; }
  #dash .activity .item{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
  #dash .activity .item .left{ display:flex; align-items:center; gap:10px; }
  #dash .activity .dot{ width:8px; height:8px; border-radius:50%; }
  #dash .activity .dot.green{ background:#10b981; }
  #dash .activity .dot.yellow{ background:#f59e0b; }
  #dash .activity .amt.pos{ color:#10b981; font-weight:700; }
  #dash .activity .amt.neg{ color:#ef4444; font-weight:700; }
  #dash .muted{ color:var(--muted); }
}