/* ============================================================
   aw-shell.css — Topbar Alfawin216
   PC : 1 seule ligne (logo + nav + actions)
   Mobile : 2 lignes (logo / puis actions + menu)
   ============================================================ */
:root{ --aw-gold:#EAB31D; --aw-gold-dark:#A67C10; --aw-bg:#0b0b0d; --aw-panel:#141416; --aw-border:#212b3a; --aw-topbar-h:61px; }
*{box-sizing:border-box}
body.aw-body{background:var(--aw-bg);margin:0;font-family:'Inter','Segoe UI',sans-serif;color:#e5e7eb}
.aw-body a{color:inherit}

/* Topbar : conteneur global */
.aw-topbar{background:#0d1420;border-bottom:1px solid var(--aw-border);position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;padding:12px 22px;gap:16px}

/* Ligne 1 (PC : juste le logo, à gauche) */
.aw-topbar-row1{display:flex;align-items:center;flex-shrink:0}
.aw-logo{display:flex;align-items:center;text-decoration:none}
.aw-logo-lg img{height:26px}

/* Ligne 2 (PC : nav + actions, sur la même ligne que le logo) */
.aw-topbar-row2{display:flex;align-items:center;justify-content:space-between;flex:1;gap:16px}

.aw-topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.aw-wallet{background:var(--aw-panel);border:1px solid var(--aw-border);color:#fff;padding:7px 16px;border-radius:20px;font-weight:600;font-size:14px;white-space:nowrap}
.aw-btn{padding:8px 18px;border-radius:20px;font-size:13px;font-weight:700;text-decoration:none;border:1px solid transparent;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;background:none;font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;}
.aw-btn-outline{border-color:var(--aw-border);color:#cbd5e1}
.aw-btn-outline:hover{border-color:var(--aw-gold);color:#fff}
.aw-profile-link{max-width:160px}
.aw-profile-link span, .aw-profile-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){ .aw-profile-link{max-width:110px} }
.aw-btn-solid{background:var(--aw-gold);color:#111827}
.aw-btn-solid:hover{background:var(--aw-gold-dark);color:#111827}

/* Navigation (PC : visible, en ligne) */
.aw-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.aw-nav-link{padding:8px 14px;border-radius:8px;color:#9ca3af;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}
.aw-nav-link:hover, .aw-nav-link.active{background:var(--aw-panel);color:#fff}
.aw-nav-soon{opacity:.45;cursor:default}
.aw-nav-soon small{margin-left:4px;font-weight:400}

/* Bouton menu (mobile uniquement) */
.aw-menu-btn{display:none;background:none;border:none;color:var(--aw-gold);font-size:20px;padding:6px 8px;flex-shrink:0}
.aw-menu-spacer{width:32px;flex-shrink:0;display:none}

/* Navigation mobile (menu déroulant, liens uniquement) */
.aw-mobile-nav{display:none;flex-direction:column;background:#0d1420;border-bottom:1px solid var(--aw-border);padding:8px}
.aw-mobile-nav .aw-nav-link{padding:12px 14px}
.aw-mobile-nav.open{display:flex}

/* ===== MOBILE : bascule en 2 lignes ===== */
@media(max-width:900px){
  :root{ --aw-topbar-h:100px; }
  .aw-topbar{flex-direction:column;align-items:stretch;gap:8px;padding:10px 16px}
  .aw-topbar-row1{justify-content:space-between;padding-bottom:2px}
  .aw-logo-lg img{height:30px}
  .aw-menu-spacer{display:block}
  .aw-topbar-row2{justify-content:flex-end}
  .aw-nav{display:none} /* remplacée par le menu déroulant */
  .aw-menu-btn{display:block}
  .aw-wallet{font-size:12px;padding:6px 12px}
  .aw-btn{padding:7px 14px}
}

/* Contenu principal */
.aw-main{max-width:1400px;margin:0 auto;padding:24px}
.aw-main-flush{width:100%}

/* Section titles */
.aw-section-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.aw-section-title i{color:var(--aw-gold)}

/* Panels & tables */
.aw-panel{background:var(--aw-panel);border:1px solid var(--aw-border);border-radius:14px;padding:6px;margin-bottom:30px}
.aw-table{width:100%;border-collapse:collapse;font-size:13px}
.aw-table th{text-align:left;color:#6b7280;font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.5px;padding:12px 16px;border-bottom:1px solid var(--aw-border)}
.aw-table td{padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.03);color:#d1d5db}
.aw-table tr:last-child td{border-bottom:none}
.aw-empty{text-align:center;color:#6b7280;padding:30px}