/* Layout */
.wvd-dashboard{font-family:ui-sans-serif,system-ui;max-width:1100px;margin:0 auto}
.wvd-connect{background:#f59e0b;border:none;color:#111827;padding:9px 14px;border-radius:10px;font-weight:700;cursor:pointer}
.wvd-conn-status{margin-left:8px;color:#6b7280}

/* Sections */
.wvd-section{padding:16px 14px;border-radius:16px;margin:18px 0}
.wvd-section-market{background:#fafafa}
.wvd-section-personal{background:#fefcf7}
.wvd-section-head{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.wvd-section-head h3{margin:0;font-size:18px;letter-spacing:.2px}
.wvd-section-sub{margin:0;color:#6b7280;font-size:13px}

/* Cards */
.wvd-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 2px 12px rgba(0,0,0,.03);display:flex;flex-direction:column}
.wvd-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:700}
.wvd-gradient{background:linear-gradient(90deg,#4f46e5,#06b6d4);color:#fff}

/* Graphs row */
.wvd-row-graphs{display:flex; gap:14px; align-items:stretch; margin:12px 0}
.wvd-col-tvl{flex:0 0 60%}
.wvd-col-dex{flex:0 0 33%}
@media(max-width:900px){
  .wvd-row-graphs{flex-direction:column}
  .wvd-col-tvl,.wvd-col-dex{flex:0 0 100%}
}

/* Chart sizing */
.wvd-chart{position:relative; width:100%}
.h-220{height:220px} .h-240{height:240px} .h-260{height:260px}
.wvd-chart canvas{width:100% !important; height:100% !important; display:block}

/* Personal row (50/50, taller) */
.wvd-row-personal{display:flex; gap:14px; align-items:stretch; margin:14px 0}
.wvd-row-personal > .wvd-card{flex:0 0 50%; min-height:520px}
@media (max-width: 900px){
  .wvd-row-personal{flex-direction:column}
  .wvd-row-personal > .wvd-card{flex:0 0 100%; min-height:auto}
}

/* Tables */
.wvd-table{width:100%;border-collapse:collapse;font-size:14px}
.wvd-table th,.wvd-table td{padding:10px;border-bottom:1px solid #eef0f2}
.wvd-table thead th{position:sticky;top:0;background:#fafafa;z-index:1}
.wvd-table-wrap{flex:1;overflow:auto;border:1px solid #e5e7eb;border-radius:12px}

/* Controls */
.wvd-btn{appearance:none;border:none;background:#111827;color:#fff;padding:8px 12px;border-radius:10px;cursor:pointer}
.wvd-btn.secondary{background:#f9fafb;color:#111827;border:1px solid #e5e7eb}
.wvd-btn-sm{padding:6px 10px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer}
.wvd-tabs{display:flex;gap:6px}
.wvd-tab{border:1px solid #e5e7eb;background:#fff;color:#111827;border-radius:10px;padding:6px 10px;cursor:pointer;font-weight:600}
.wvd-tab.active{background:#111827;color:#fff;border-color:#111827}

/* Chips & tip */
.wvd-chip{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;font-size:12px}
.wvd-tip{margin-left:6px;color:#9ca3af;cursor:help}

/* Wallet total */
.wvd-wallet-total{display:flex;justify-content:flex-end;gap:10px;margin-top:10px;font-size:15px}

/* Skeleton */
.skeleton{background:linear-gradient(90deg,#f4f4f5,#eaecef,#f4f4f5);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:8px;height:12px}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
/* === Access lock overlay === */
.wvd-lock{
  position: fixed !important;
  inset: 0 !important;                 /* top/left/right/bottom = 0 */
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  background: rgba(0,0,0,.78);
  backdrop-filter: saturate(110%) blur(2px);
  z-index: 2147483000 !important;      /* above theme/admin bars */
  display: flex; align-items: center; justify-content: center;
}
.wvd-lock.hidden{ display: none !important; }

.wvd-modal{
  width: min(92vw, 420px);
  background: #111827; color:#fff;
  border:1px solid #2b2f36; border-radius:16px;
  padding:22px; box-shadow:0 12px 30px rgba(0,0,0,.35);
}
.wvd-modal h3{ margin:0 0 8px 0; font-size:20px; }
.wvd-modal p{ margin:0 0 14px 0; color:#d1d5db; }
.wvd-modal-actions{ display:flex; justify-content:flex-end; gap:10px; }

/* lock page scroll while overlay is shown */
.wvd-scrolllock{ overflow: hidden !important; }

.wvd-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}
@media(max-width:900px){.wvd-grid{grid-template-columns:1fr}}
.wvd-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
.wvd-input{border:1px solid #e5e7eb;border-radius:10px;padding:9px 10px;outline:none}
.wvd-input:focus{border-color:#111827}
.wvd-presets{display:flex;gap:8px;margin-bottom:8px}
.wvd-metrics{margin-top:8px;color:#374151}

.wvd-fixedchart{position:relative; height:160px}
.wvd-fixedchart canvas{width:100% !important; height:100% !important; display:block}