/* Sukun MLM Premium Dashboard UI v1.5.1
   Presentation-only stylesheet. All selectors are scoped to the dashboard wrapper. */
:root{
  --skn-bg:#070a12;
  --skn-surface:#0f1726;
  --skn-surface-2:#141f33;
  --skn-line:rgba(255,255,255,.10);
  --skn-text:#f8fafc;
  --skn-muted:#9fb0c8;
  --skn-purple:#8b5cf6;
  --skn-cyan:#22d3ee;
  --skn-green:#34d399;
  --skn-gold:#fbbf24;
  --skn-red:#fb7185;
}

.sukun-app-v2{
  width:min(1180px,calc(100% - 24px))!important;
  max-width:1180px!important;
  margin:14px auto 96px!important;
  padding:0!important;
  color:var(--skn-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  isolation:isolate;
}
.sukun-app-v2,.sukun-app-v2 *{box-sizing:border-box}
.sukun-app-v2 h1,.sukun-app-v2 h2,.sukun-app-v2 h3,.sukun-app-v2 h4,
.sukun-app-v2 p,.sukun-app-v2 span,.sukun-app-v2 small,.sukun-app-v2 td,.sukun-app-v2 th,
.sukun-app-v2 label,.sukun-app-v2 strong{font-family:inherit}

.sukun-app-v2 .sukun-app-hero{
  margin:0!important;
  padding:22px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(34,211,238,.23),transparent 31%),
    radial-gradient(circle at 8% 100%,rgba(139,92,246,.32),transparent 36%),
    linear-gradient(145deg,#111a30 0%,#111827 48%,#071522 100%)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.42)!important;
  color:var(--skn-text)!important;
}
.sukun-app-v2 .sukun-app-hero:before{
  width:250px!important;height:250px!important;right:-105px!important;top:-115px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.015))!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.sukun-app-v2 .sukun-hero-top{align-items:center!important;position:relative!important;z-index:2}
.sukun-app-v2 .sukun-user-box{min-width:0!important}
.sukun-app-v2 .sukun-avatar{
  width:68px!important;height:68px!important;border-radius:22px!important;
  border:2px solid rgba(255,255,255,.48)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}
.sukun-app-v2 .sukun-user-box h2{font-size:clamp(21px,4vw,29px)!important;color:#fff!important;line-height:1.15!important}
.sukun-app-v2 .sukun-user-box p{color:#cbd5e1!important;font-size:13px!important}
.sukun-app-v2 .sukun-rank-chip{
  background:linear-gradient(135deg,rgba(251,191,36,.22),rgba(245,158,11,.09))!important;
  border:1px solid rgba(251,191,36,.38)!important;color:#fde68a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11)!important;
}
.sukun-app-v2 .sukun-btn2{
  min-height:44px!important;padding:11px 15px!important;border-radius:14px!important;
  background:linear-gradient(135deg,var(--skn-cyan),#38bdf8)!important;
  color:#07111f!important;font-weight:900!important;border:0!important;
  box-shadow:0 10px 25px rgba(34,211,238,.18)!important;
  transition:transform .18s ease,filter .18s ease!important;
}
.sukun-app-v2 .sukun-btn2:hover{transform:translateY(-1px)!important;filter:brightness(1.06)!important}
.sukun-app-v2 .sukun-btn2.secondary{
  background:rgba(255,255,255,.075)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important;
}
.sukun-app-v2 .sukun-status-line{gap:10px!important}
.sukun-app-v2 .sukun-mini-status{
  min-height:72px!important;padding:13px!important;border-radius:18px!important;
  background:rgba(7,10,18,.36)!important;border:1px solid rgba(255,255,255,.11)!important;
  backdrop-filter:blur(8px)!important;
}
.sukun-app-v2 .sukun-mini-status b{color:#fff!important;font-size:14px!important}
.sukun-app-v2 .sukun-mini-status span{color:#aebdd0!important}

.sukun-app-v2 .sukun-alert2{
  margin:14px 0!important;padding:14px 16px!important;border-radius:18px!important;
  color:#fff!important;box-shadow:0 14px 32px rgba(0,0,0,.22)!important;
}
.sukun-app-v2 .sukun-alert2.ok{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(34,211,238,.09))!important;border:1px solid rgba(52,211,153,.35)!important}
.sukun-app-v2 .sukun-alert2.warn{background:linear-gradient(135deg,rgba(251,191,36,.17),rgba(251,113,133,.08))!important;border:1px solid rgba(251,191,36,.33)!important}

.sukun-app-v2 .sukun-card-grid{gap:12px!important;margin:14px 0!important}
.sukun-app-v2 .sukun-app-card,
.sukun-app-v2 .sukun-panel2{
  background:linear-gradient(145deg,rgba(20,31,51,.98),rgba(12,19,32,.98))!important;
  border:1px solid var(--skn-line)!important;color:var(--skn-text)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.24)!important;
}
.sukun-app-v2 .sukun-app-card{
  position:relative!important;overflow:hidden!important;min-height:116px!important;
  padding:17px!important;border-radius:22px!important;
}
.sukun-app-v2 .sukun-app-card:after{
  content:"";position:absolute;right:-28px;bottom:-38px;width:92px;height:92px;border-radius:50%;
  background:radial-gradient(circle,rgba(139,92,246,.20),transparent 68%);pointer-events:none;
}
.sukun-app-v2 .sukun-app-card span{color:#8fa3bd!important;font-size:11px!important;letter-spacing:.075em!important}
.sukun-app-v2 .sukun-app-card strong{color:#fff!important;font-size:clamp(22px,4vw,29px)!important;letter-spacing:-.025em!important}
.sukun-app-v2 .sukun-app-card small{color:#9fb0c8!important;font-size:12px!important}
.sukun-app-v2 .sukun-app-card.money strong{color:#6ee7b7!important}
.sukun-app-v2 .sukun-app-card.blue strong{color:#67e8f9!important}
.sukun-app-v2 .sukun-app-card.warn strong{color:#fcd34d!important}

.sukun-app-v2 .sukun-grid2-v2{gap:14px!important;margin:14px 0!important}
.sukun-app-v2 .sukun-panel2{padding:19px!important;border-radius:24px!important}
.sukun-app-v2 .sukun-panel2 h3{color:#fff!important;font-size:18px!important;margin:0 0 13px!important}
.sukun-app-v2 .sukun-small2{color:#a7b6c9!important}
.sukun-app-v2 .sukun-progress2{height:11px!important;background:#26344a!important;border:1px solid rgba(255,255,255,.05)!important}
.sukun-app-v2 .sukun-progress2 i{background:linear-gradient(90deg,var(--skn-purple),var(--skn-cyan))!important;box-shadow:0 0 18px rgba(34,211,238,.33)!important}
.sukun-app-v2 .sukun-level-row{color:#dce6f3!important}
.sukun-app-v2 .sukun-level-bar{background:#26344a!important}
.sukun-app-v2 .sukun-level-bar i{background:linear-gradient(90deg,var(--skn-purple),var(--skn-cyan))!important}

.sukun-app-v2 .sukun-ref2{background:#09111f!important;border:1px solid rgba(255,255,255,.12)!important;padding:8px!important}
.sukun-app-v2 .sukun-ref2 input{background:transparent!important;color:#e7eef8!important;border:0!important;box-shadow:none!important}
.sukun-app-v2 .sukun-copy2{background:linear-gradient(135deg,var(--skn-purple),#6366f1)!important;color:#fff!important}
.sukun-app-v2 .sukun-share-row a{background:#17243a!important;color:#bdefff!important;border:1px solid rgba(34,211,238,.16)!important}

.sukun-app-v2 .sukun-table-wrap2{border:1px solid var(--skn-line)!important;background:#0b1322!important}
.sukun-app-v2 .sukun-table2{background:#0b1322!important;color:#e7eef8!important}
.sukun-app-v2 .sukun-table2 th{background:#162238!important;color:#b9c7d8!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
.sukun-app-v2 .sukun-table2 td{color:#e3ebf5!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.sukun-app-v2 .sukun-table2 tr:last-child td{border-bottom:0!important}
.sukun-app-v2 .sukun-badge2.ok{background:rgba(52,211,153,.14)!important;color:#6ee7b7!important;border:1px solid rgba(52,211,153,.22)!important}
.sukun-app-v2 .sukun-badge2.wait{background:rgba(251,191,36,.13)!important;color:#fde68a!important;border:1px solid rgba(251,191,36,.2)!important}
.sukun-app-v2 .sukun-badge2.bad{background:rgba(251,113,133,.13)!important;color:#fda4af!important;border:1px solid rgba(251,113,133,.2)!important}

.sukun-app-v2 .sukun-quick-actions{
  bottom:10px!important;padding:8px!important;border-radius:20px!important;
  background:rgba(8,13,24,.90)!important;border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.44)!important;backdrop-filter:blur(16px)!important;
}
.sukun-app-v2 .sukun-quick-actions a{
  min-height:54px!important;border-radius:14px!important;color:#cbd8e8!important;
  background:transparent!important;text-decoration:none!important;
}
.sukun-app-v2 .sukun-quick-actions a:hover{background:#17243a!important;color:#fff!important}

@media(max-width:900px){
  .sukun-app-v2 .sukun-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .sukun-app-v2{width:min(100% - 16px,1180px)!important;margin-top:8px!important}
  .sukun-app-v2 .sukun-app-hero{padding:17px!important;border-radius:22px!important}
  .sukun-app-v2 .sukun-hero-top{align-items:flex-start!important}
  .sukun-app-v2 .sukun-avatar{width:58px!important;height:58px!important;border-radius:18px!important}
  .sukun-app-v2 .sukun-user-box{gap:11px!important}
  .sukun-app-v2 .sukun-user-box h2{font-size:20px!important}
  .sukun-app-v2 .sukun-rank-chip{font-size:11px!important;padding:7px 9px!important;white-space:nowrap!important}
  .sukun-app-v2 .sukun-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .sukun-app-v2 .sukun-btn2{width:100%!important;padding:10px 11px!important;font-size:13px!important}
  .sukun-app-v2 .sukun-status-line{grid-template-columns:1fr!important}
  .sukun-app-v2 .sukun-mini-status{min-height:auto!important}
  .sukun-app-v2 .sukun-grid2-v2{grid-template-columns:1fr!important}
  .sukun-app-v2 .sukun-app-card{min-height:108px!important;padding:15px!important}
  .sukun-app-v2 .sukun-level-row{grid-template-columns:64px 1fr 58px!important;gap:8px!important}
  .sukun-app-v2 .sukun-ref2{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}
  .sukun-app-v2 .sukun-share-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
  .sukun-app-v2 .sukun-share-row a{text-align:center!important;padding:9px 6px!important;font-size:12px!important}
  .sukun-app-v2 .sukun-quick-actions{grid-template-columns:repeat(5,1fr)!important;gap:3px!important;padding:6px!important}
  .sukun-app-v2 .sukun-quick-actions a{font-size:10px!important;min-width:0!important;padding:7px 3px!important}
}
@media(max-width:390px){
  .sukun-app-v2 .sukun-card-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .sukun-app-v2 .sukun-app-card strong{font-size:20px!important}
  .sukun-app-v2 .sukun-app-card span{font-size:10px!important}
}

/* v1.5.2 mobile dashboard repair — presentation only */
.sukun-app-v2 .sukun-table-wrap2{width:100%!important;max-width:100%!important;overflow:hidden!important;border-radius:18px!important}
.sukun-app-v2 .sukun-table2{width:100%!important;table-layout:auto!important}
.sukun-app-v2 .sukun-table2 th,.sukun-app-v2 .sukun-table2 td{word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important}
.sukun-app-v2 .sukun-badge2{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;line-height:1.2!important;writing-mode:horizontal-tb!important;word-break:keep-all!important}

@media(max-width:720px){
  .sukun-app-v2{overflow:visible!important}
  .sukun-app-v2 .sukun-panel2{padding:14px!important;border-radius:20px!important;min-width:0!important}
  .sukun-app-v2 .sukun-table-wrap2{border:0!important;background:transparent!important;overflow:visible!important}
  .sukun-app-v2 .sukun-table2,.sukun-app-v2 .sukun-table2 tbody,.sukun-app-v2 .sukun-table2 tr,.sukun-app-v2 .sukun-table2 td{display:block!important;width:100%!important}
  .sukun-app-v2 .sukun-table2 thead{display:none!important}
  .sukun-app-v2 .sukun-table2{background:transparent!important;border:0!important}
  .sukun-app-v2 .sukun-table2 tbody{display:grid!important;gap:10px!important}
  .sukun-app-v2 .sukun-table2 tr{
    padding:13px 14px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;
    background:linear-gradient(145deg,rgba(20,31,51,.98),rgba(10,17,30,.98))!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }
  .sukun-app-v2 .sukun-table2 td{
    display:grid!important;grid-template-columns:minmax(82px,34%) minmax(0,1fr)!important;gap:12px!important;
    align-items:center!important;padding:8px 0!important;border:0!important;text-align:right!important;
    font-size:13px!important;line-height:1.4!important;min-width:0!important;color:#eef4fb!important;
  }
  .sukun-app-v2 .sukun-table2 td+td{border-top:1px dashed rgba(255,255,255,.08)!important}
  .sukun-app-v2 .sukun-table2 td:before{
    content:attr(data-label);text-align:left!important;color:#8fa3bd!important;font-size:11px!important;
    font-weight:850!important;letter-spacing:.045em!important;text-transform:uppercase!important;
  }
  .sukun-app-v2 .sukun-table2 td>*{justify-self:end!important;max-width:100%!important}
  .sukun-app-v2 .sukun-badge2{padding:7px 10px!important;border-radius:999px!important;font-size:11px!important}
  .sukun-app-v2 .sukun-quick-actions{position:sticky!important;left:auto!important;right:auto!important;bottom:8px!important;width:100%!important;margin-top:15px!important}
}