/* LiveLine / profil drawer – DropX theme tokens, compact app-first layout. */
.mobile-profile-drawer .mobile-profile-scroll { display:flex; flex-direction:column; gap:13px; min-height:0; overflow-y:auto; padding:14px; }
.mobile-profile-identity { display:flex; align-items:center; gap:11px; padding:11px; border:1px solid var(--dx-border, rgba(210,170,62,.3)); border-radius:14px; color:inherit; text-decoration:none; background:var(--dx-surface, rgba(255,255,255,.035)); min-width:0; }
.mobile-profile-identity img { width:58px; height:58px; flex:0 0 58px; border-radius:50%; object-fit:cover; border:2px solid #c99b2f; }
.mobile-profile-identity-copy { display:flex; flex-direction:column; gap:9px; min-width:0; flex:1; }
.mobile-profile-identity-name { display:flex; align-items:center; gap:7px; min-width:0; overflow-wrap:anywhere; font-size:15px; line-height:1.25; }
.mobile-profile-identity-name svg { width:15px; height:15px; flex:0 0 15px; color:var(--dx-muted, #a8a8ae); }
.mobile-profile-identity-meta { display:flex; align-items:center; flex-wrap:wrap; gap:5px; color:var(--dx-muted, #a8a8ae); font-size:11px; line-height:1.3; }
.mobile-profile-identity-meta svg { width:13px; height:13px; color:#d9ad3b; flex:0 0 13px; }
.mobile-profile-identity-meta strong { color:var(--dx-text, #f1f1f2); font-size:11px; font-weight:700; }
.mobile-profile-meta-separator { opacity:.6; margin:0 1px; }
.mobile-profile-social-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.mobile-profile-social-stats a { display:flex; align-items:center; justify-content:center; gap:8px; min-width:0; min-height:54px; padding:9px 5px; border:1px solid var(--dx-border, rgba(255,255,255,.09)); border-radius:12px; background:var(--dx-card, rgba(255,255,255,.035)); color:inherit; text-decoration:none; }
.mobile-profile-social-stats svg { width:19px; height:19px; flex:0 0 19px; color:#d9ad3b; }
.mobile-profile-social-stats strong { font-size:14px; font-weight:700; font-variant-numeric:tabular-nums; }
.mobile-profile-links { display:flex; flex-direction:column; gap:8px; }
.mobile-profile-links .mobile-webstudio-column-title { margin:0 0 2px; }
.mobile-profile-trigger { appearance:none; -webkit-appearance:none; border:0; margin:0; font:inherit; background:transparent; cursor:pointer; }
.mobile-profile-overlay { z-index:10020; }
.mobile-profile-drawer { z-index:10021; }
.mobile-profile-trigger.is-drawer-open { color:#d9ad3b; }
.dx-discovery-submenu { gap:6px; overflow-x:auto; scrollbar-width:thin; }
.dx-discovery-submenu .dx-discovery-divider { flex:0 0 1px; align-self:stretch; margin:5px 7px; background:var(--dx-border, rgba(200,160,50,.35)); }
.dx-discovery-submenu a { white-space:nowrap; }
@media (max-width:700px) {
  .dx-discovery-submenu { display:none; }
  .mobile-profile-drawer .mobile-profile-scroll { padding-bottom:calc(18px + env(safe-area-inset-bottom)); }
  .mobile-profile-identity { gap:9px; padding:10px; }
  .mobile-profile-identity img { width:54px; height:54px; flex-basis:54px; }
  .mobile-profile-social-stats { gap:6px; }
  .mobile-profile-social-stats a { min-height:49px; gap:6px; }
  .mobile-profile-social-stats svg { width:17px; height:17px; flex-basis:17px; }
}
body.light-mode .mobile-profile-social-stats a { background:rgba(255,255,255,.72); border-color:rgba(92,75,35,.16); }
body.light-mode .mobile-profile-identity { background:rgba(255,255,255,.8); border-color:rgba(166,126,34,.32); }

/* Profilfejléc: profilkártya és külön, mindig látható beállításgomb. */
.mobile-profile-identity-row { display:flex; align-items:stretch; gap:8px; min-width:0; }
.mobile-profile-identity-row .mobile-profile-identity { flex:1 1 auto; min-width:0; }
.mobile-profile-settings-button { display:flex; align-items:center; justify-content:center; flex:0 0 46px; width:46px; min-height:46px; border:1px solid var(--dx-border, rgba(210,170,62,.35)); border-radius:13px; background:var(--dx-card, rgba(255,255,255,.045)); color:#d9ad3b; text-decoration:none; transition:background .18s ease, border-color .18s ease, transform .18s ease; }
.mobile-profile-settings-button svg { width:20px; height:20px; stroke-width:1.9; }
.mobile-profile-settings-button:hover, .mobile-profile-settings-button:focus-visible { background:rgba(217,173,59,.12); border-color:#d9ad3b; outline:none; }
.mobile-profile-settings-button:active { transform:scale(.96); }
.mobile-profile-more-links { min-height:18px; }
.mobile-profile-more-links .mobile-webstudio-column-title { margin-bottom:0; }
.mobile-profile-liveline-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; width:100%; }
.mobile-profile-liveline-stats .mobile-profile-live-stat { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:83px; padding:10px 5px; border:1px solid var(--dx-border, rgba(255,255,255,.09)); border-radius:12px; background:var(--dx-card, rgba(255,255,255,.035)); text-align:center; }
.mobile-profile-liveline-stats .mobile-profile-live-stat > svg { display:block; width:20px; height:20px; flex:0 0 20px; color:#d9ad3b; stroke-width:1.8; }
.mobile-profile-liveline-stats .mobile-profile-live-stat > span { display:block; max-width:100%; color:var(--dx-muted, #a8a8ae); font-size:10px; line-height:1.2; overflow-wrap:anywhere; }
.mobile-profile-liveline-stats .mobile-profile-live-stat > strong { display:block; color:var(--dx-text, #f1f1f2); font-size:15px; line-height:1.1; font-weight:700; font-variant-numeric:tabular-nums; }
.mobile-profile-liveline .mobile-webstudio-column-title > svg { width:15px; height:15px; color:#d9ad3b; }
.mobile-profile-liveline .mobile-webstudio-link-icon > svg { width:18px; height:18px; }
body.light-mode .mobile-profile-settings-button { background:rgba(255,255,255,.8); border-color:rgba(92,75,35,.2); }
body.light-mode .mobile-profile-liveline-stats .mobile-profile-live-stat { background:rgba(255,255,255,.72); border-color:rgba(92,75,35,.16); }
@media (max-width:700px) {
  .mobile-profile-settings-button { flex-basis:43px; width:43px; min-height:43px; }
  .mobile-profile-liveline-stats { gap:6px; }
  .mobile-profile-liveline-stats .mobile-profile-live-stat { min-height:78px; padding:8px 3px; gap:6px; }
  .mobile-profile-liveline-stats .mobile-profile-live-stat > svg { width:18px; height:18px; flex-basis:18px; }
  .mobile-profile-liveline-stats .mobile-profile-live-stat > span { font-size:9px; }
}