/*
 * TravTools · © MUNLabs
 * header.css — Header-System
 * Topbar-Titelblock, Seitenkoepfe (h1 + Untertitel), Icon-Zone und Aktionen.
 * Sidebar/Topbar-Geruest: _shared/sidebar.css. Tokens: _shared/shared.css.
 */

.tt-topbar .tt-page-title,
.tt-page-head .tt-page-title{color:var(--tt-gold);}
.tt-topbar .tt-page-subtitle,
.tt-page-head .tt-page-subtitle{color:var(--tt-text-soft);}

/* Phase 4 · globaler Header-Titelblock (Topbar) */
.tt-top-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;}
.tt-top-titlebox{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 auto;}
.tt-top-titlewrap{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;}
.tt-top-subtitle{
  color:var(--tt-muted);font-size:11.5px;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}
@media (max-width:900px){
  .tt-top-icon{width:40px;height:40px;min-width:40px;border-radius:12px;font-size:16px}
  .tt-top-title{font-size:18px}
  .tt-top-subtitle{font-size:11px}
}

/* =========================================================
   Seitenkoepfe innerhalb der Seite (h1 + Untertitel + Aktionen)
   ========================================================= */
.tt-header-standalone,.tt-header-row,.tt-log-head,.tt-stat-header,.tt-dash-header,.tt-news-head-simple,.tt-goals-head,.tt-troops-head,.tt-sitter-head,.tt-notes-header,.tt-online-header,.tt-menu-header,.tt-adm-header,.tt-imp-head,.tt-rm-head,.tt-dual-head,.tt-player-header,.tt-log-header,.tt-parser-head{
  position:relative;
  display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;
  margin-bottom:20px;padding-bottom:16px;
  border-bottom:1px solid var(--tt-line);
}
.tt-head{position:relative;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--tt-line);}
.tt-header-standalone::after,.tt-header-row::after,.tt-head::after,.tt-log-head::after,.tt-stat-header::after,.tt-dash-header::after,.tt-goals-head::after,.tt-troops-head::after,.tt-notes-header::after,.tt-online-header::after,.tt-menu-header::after,.tt-adm-header::after,.tt-rm-head::after,.tt-dual-head::after,.tt-player-header::after,.tt-log-header::after{
  content:"";position:absolute;left:0;bottom:-1px;width:120px;height:1px;
  background:linear-gradient(90deg, var(--tt-gold), transparent);box-shadow:0 0 12px rgba(242,193,74,.5);
}
/* Karten mit eigenem Kopf: kein doppelter Rand */
.tt-card > .tt-head,.tt-login-card .tt-head,.tt-auth-card .tt-head,.tt-reg-card .tt-head,.tt-change-card .tt-head,.tt-delete-card .tt-head,.tt-reset-card .tt-head{margin-bottom:18px;}

.tt-header-standalone h1,.tt-header-row h1,.tt-head h1,.tt-log-head h1,.tt-stat-header h1,.tt-dash-header h1,.tt-dash-title,.tt-news-head-simple h1,.tt-goals-head h1,.tt-troops-head h1,.tt-sitter-head h1,.tt-notes-header h1,.tt-online-header h1,.tt-menu-header h1,.tt-adm-header h1,.tt-imp-head h1,.tt-rm-head h1,.tt-dual-head h1,.tt-player-header h1,.tt-log-header h1,.page-title,.tt-page-title,.tt-title{
  display:flex;align-items:center;gap:12px;margin:0;
  font-weight:900;letter-spacing:-.01em;line-height:1.1;text-transform:none;
  background:var(--tt-grad-text);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 0 18px rgba(242,193,74,.22));
}
/* Icons in Ueberschriften: Gold-Chip statt Text-Gradient */
.tt-header-standalone h1 > i,.tt-header-row h1 > i,.tt-head h1 > i,.tt-log-head h1 > i,.tt-stat-header h1 > i,.tt-dash-header h1 > i,.tt-dash-title > i,.tt-goals-head h1 > i,.tt-troops-head h1 > i,.tt-sitter-head h1 > i,.tt-notes-header h1 > i,.tt-online-header h1 > i,.tt-menu-header h1 > i,.tt-adm-header h1 > i,.tt-imp-head h1 > i,.tt-rm-head h1 > i,.tt-dual-head h1 > i,.tt-player-header h1 > i,.tt-log-header h1 > i,.page-title > i,.tt-page-title > i,.tt-title > i{
  -webkit-text-fill-color:var(--tt-gold-3);color:var(--tt-gold-3);
  display:inline-grid;place-items:center;
  width:44px;height:44px;min-width:44px;border-radius:13px;font-size:18px;
  background:linear-gradient(180deg, rgba(242,193,74,.20), rgba(242,193,74,.05));
  border:1px solid rgba(242,193,74,.32);
  box-shadow:0 0 18px rgba(242,193,74,.18), inset 0 1px 0 rgba(255,255,255,.08);
  filter:none;
}
.tt-subtitle,.tt-page .tt-sub,.tt-log-sub,.tt-dash-subtitle,.tt-nh-sub,.tt-header-row .tt-subtitle,.tt-head .tt-sub{
  margin:6px 0 0;color:var(--tt-muted);font-size:13.5px;font-weight:500;line-height:1.45;
}
.tt-header-actions,.tt-head-actions,.header-actions,.tt-header-right,.header-right,.header-right-group,.tt-pn-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.tt-header-left,.header-left,.header-left-group,.tt-th-left,.tt-gh-left,.tt-nh-left,.tt-dh-left,.tt-mb-left{display:flex;flex-direction:column;gap:4px;min-width:0;}

/* Sektionstitel innerhalb von Karten */
.tt-sec-title,.tt-section-title,.tt-card-title,.tt-box-title,.tt-form-title,.tt-req-headline,.tt-worlds-label,.tt-role-label{
  display:flex;align-items:center;gap:10px;
  font-size:11.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--tt-gold-3);
  margin:0 0 12px;
}
.tt-sec-title::after,.tt-section-title::after,.tt-worlds-label::after,.tt-req-headline::after{content:"";flex:1;height:1px;background:linear-gradient(90deg, rgba(242,193,74,.35), transparent);}