/* ── DHCT MLM — Frontend Styles ─────────────────────── */
:root{
  --dhct-blue:#00264d;
  --dhct-gold:#f5a623;
  --dhct-green:#28a745;
  --dhct-red:#dc3545;
  --dhct-orange:#fd7e14;
  --dhct-light:#f8f9fa;
  --dhct-border:#e0e0e0;
  --dhct-radius:10px;
  --dhct-shadow:0 2px 12px rgba(0,0,0,.08);
}

/* ── Dashboard Layout ─────────────────────────────── */
.dhct-dashboard{max-width:900px;margin:0 auto;padding:20px 15px;font-family:Arial,sans-serif;}
.dhct-dash-welcome{background:linear-gradient(135deg,var(--dhct-blue),#003f80);color:#fff;border-radius:var(--dhct-radius);padding:25px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.dhct-dash-welcome h2{margin:0 0 5px;font-size:22px;}
.dhct-dash-welcome p{margin:0;opacity:.85;font-size:14px;}
.dhct-dash-grade-badge{width:60px;height:60px;border-radius:50%;background:var(--dhct-gold);color:var(--dhct-blue);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;flex-shrink:0;}

/* ── Stat Cards ───────────────────────────────────── */
.dhct-dash-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px;}
.dhct-dash-card{background:#fff;border-radius:var(--dhct-radius);padding:20px;box-shadow:var(--dhct-shadow);text-align:center;border-top:3px solid var(--dhct-blue);}
.dhct-dash-card.lost{border-top-color:var(--dhct-red);}
.dhct-dash-card-icon{font-size:24px;margin-bottom:8px;}
.dhct-dash-card-val{font-size:18px;font-weight:700;color:var(--dhct-blue);margin-bottom:4px;}
.dhct-dash-card-label{font-size:12px;color:#777;}

/* ── Sections ─────────────────────────────────────── */
.dhct-dash-section{background:#fff;border-radius:var(--dhct-radius);padding:20px 25px;box-shadow:var(--dhct-shadow);margin-bottom:20px;}
.dhct-dash-section h3{margin:0 0 15px;color:var(--dhct-blue);font-size:17px;border-bottom:2px solid var(--dhct-gold);padding-bottom:8px;}
.dhct-dash-section h4{margin:15px 0 10px;color:#444;font-size:15px;}

/* ── Referral Box ─────────────────────────────────── */
.dhct-ref-box{display:flex;gap:10px;margin-bottom:6px;}
.dhct-ref-box input{flex:1;padding:10px 14px;border:2px solid var(--dhct-border);border-radius:8px;font-size:13px;background:#f9f9f9;}
.dhct-ref-box input:focus{outline:none;border-color:var(--dhct-gold);}

/* ── Progress Bar ─────────────────────────────────── */
.dhct-progress-bar{height:12px;background:#e0e0e0;border-radius:20px;overflow:hidden;margin-bottom:8px;}
.dhct-progress-fill{height:100%;background:linear-gradient(90deg,var(--dhct-gold),var(--dhct-green));border-radius:20px;transition:width .5s;}

/* ── Tables ───────────────────────────────────────── */
.dhct-table{width:100%;border-collapse:collapse;font-size:14px;}
.dhct-table th{background:var(--dhct-blue);color:#fff;padding:10px 12px;text-align:left;font-size:13px;}
.dhct-table td{padding:9px 12px;border-bottom:1px solid var(--dhct-border);}
.dhct-table tr:hover td{background:#f9f9f9;}
.dhct-row-lost td{background:#fff5f5 !important;}

/* ── Badges ───────────────────────────────────────── */
.dhct-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;}
.dhct-badge.green{background:#d4edda;color:#155724;}
.dhct-badge.red{background:#f8d7da;color:#721c24;}
.dhct-badge.blue{background:#d1ecf1;color:#0c5460;}
.dhct-badge.orange{background:#fff3cd;color:#856404;}

/* ── Notices ──────────────────────────────────────── */
.dhct-notice{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:12px;}
.dhct-notice.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;}
.dhct-notice.warning{background:#fff3cd;color:#856404;border:1px solid #ffc107;}
.dhct-notice.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;}

/* ── Buttons ──────────────────────────────────────── */
.dhct-btn-primary{background:linear-gradient(135deg,var(--dhct-gold),#e6920e);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .1s;}
.dhct-btn-primary:hover{transform:translateY(-1px);}

/* ── Withdrawal Form ──────────────────────────────── */
.dhct-withdrawal-form{margin-top:10px;}
.dhct-form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.dhct-form-group{margin-bottom:12px;}
.dhct-form-group label{display:block;font-weight:600;color:#333;margin-bottom:4px;font-size:13px;}
.dhct-form-group input,.dhct-form-group select{width:100%;padding:10px 12px;border:2px solid var(--dhct-border);border-radius:8px;font-size:14px;box-sizing:border-box;}
.dhct-form-group input:focus,.dhct-form-group select:focus{outline:none;border-color:var(--dhct-gold);}
.dhct-form-group small{color:#999;font-size:12px;}

/* ── Tree ─────────────────────────────────────────── */
.dhct-tree-wrapper{padding:10px 0;}

/* ── Responsive ───────────────────────────────────── */
@media(max-width:600px){
  .dhct-dash-cards{grid-template-columns:1fr 1fr;}
  .dhct-form-row.two-col{grid-template-columns:1fr;}
  .dhct-dash-welcome{flex-direction:column;gap:15px;text-align:center;}
  .dhct-ref-box{flex-direction:column;}
}