/* TurnuvaGo — tek kaynak profil menüsü (Platform Yönetimi ve normal kullanıcı
   ekranlarında ortak kullanılır; bkz. app/bootstrap.php::user_profile_menu_markup()). */
.tg-profile-menu { position: relative; display: inline-block; }
/* PD-UX14 — tetikleyici SARMALAYICIDIR; görsel kare avatarın kendisidir.
   Radius ortak topbar ailesinden gelir. */
.tg-profile-trigger {
  display: flex; align-items: center; gap: 9px; cursor: pointer; list-style: none;
  min-height: var(--tg-touch-min); border: 1px solid transparent;
  border-radius: var(--tg-topbar-action-radius); padding: 4px 8px 4px 4px;
  color: inherit; -webkit-tap-highlight-color: transparent;
}
.tg-profile-trigger::-webkit-details-marker { display: none; }
.tg-profile-trigger:hover { background: rgba(17, 43, 74, .06); }
.tg-profile-menu[open] > .tg-profile-trigger { background: rgba(17, 43, 74, .08); border-color: rgba(17, 43, 74, .12); }
/* PD-UX14 — avatar karesi üst bardaki diğer iki aksiyonla AYNI ölçüde
   (tokens.css: --tg-topbar-action-*). Tetikleyici geniş ekranda ad/rol
   sütununu eklemeye devam eder; eşitlenen şey KARE yüzeydir. */
.tg-profile-avatar {
  display: grid; place-items: center;
  width: var(--tg-topbar-action-size); height: var(--tg-topbar-action-size);
  flex: 0 0 var(--tg-topbar-action-size); box-sizing: border-box;
  border-radius: var(--tg-topbar-action-radius);
  background: linear-gradient(145deg, var(--tg-brand-secondary), var(--tg-brand-primary));
  color: #fff; font-size: 12px; font-weight: 900;
}
.tg-profile-name { display: grid; line-height: 1.15; text-align: left; }
.tg-profile-name strong { max-width: 150px; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.tg-profile-name small { margin-top: 2px; color: var(--tg-text-muted); font-size: var(--tg-font-xs); font-weight: 700; }
.tg-profile-dropdown {
  position: absolute; z-index: 1200; top: calc(100% + 8px); right: 0; display: grid;
  min-width: 190px; border: 1px solid var(--tg-border); border-radius: 12px; padding: 6px;
  background: var(--tg-surface); box-shadow: 0 16px 35px rgba(12, 42, 72, .16);
}
.tg-profile-dropdown a, .tg-profile-dropdown button {
  display: block; width: 100%; min-height: var(--tg-touch-min); border: 0; border-radius: 8px; padding: 12px 10px;
  background: transparent; color: var(--tg-text); text-align: left; text-decoration: none;
  font-size: var(--tg-font-sm); font-weight: 700; cursor: pointer;
}
.tg-profile-dropdown a:hover, .tg-profile-dropdown button:hover { background: #f2f6fb; }
.tg-profile-dropdown form { margin: 0; }
.tg-profile-dropdown form button { color: var(--tg-action-danger); }
.tg-profile-dropdown hr { margin: 5px 2px; border: 0; border-top: 1px solid #edf1f5; }
/* Mobil kompakt üst bar: tetikleyici avatar karesinden büyük değil
   (dokunma alanı = 44px avatar kutusu; summary min-height 44px korunur). */
@media (max-width: 760px) {
  .tg-profile-trigger { padding: 0 8px 0 0; border-width: 0; }
}
@media (max-width: 480px) {
  .tg-profile-name { display: none; }
  .tg-profile-trigger { padding: 0; }
  .tg-profile-dropdown { right: -8px; }
}