:root {
  --suite-navy: #061a36;
  --suite-navy-deep: #04122a;
  --suite-orange: #f45a06;
  --suite-header-text: #e8edf2;
  --suite-header-muted: #9babc0;
  --suite-header-line: rgba(232,237,242,.14);
  --suite-logo-height: 46px;
}
.suite-shell {
  min-height: 72px;
  padding: 11px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: rgba(4,18,42,.96);
  color: var(--suite-header-text);
  border-bottom: 1px solid var(--suite-header-line);
  box-shadow: 0 8px 28px rgba(0,0,0,.16);
  position: relative;
  z-index: 50;
}
.suite-shell .suite-logo,
.suite-shell .brand,
.suite-shell .khit-lockup { display:flex; align-items:center; min-width:0; }
.suite-shell .suite-logo img,
.suite-shell .brand img,
.suite-shell .khit-lockup img { height:var(--suite-logo-height) !important; width:auto !important; display:block; }
.suite-shell .suite-actions,
.suite-shell .header-actions,
.suite-shell .user-info { display:flex; align-items:center; justify-content:flex-end; gap:14px; min-width:0; }
.suite-shell .theme-control { position:static; display:flex; align-items:center; gap:6px; color:var(--suite-header-muted); font-size:12px; margin:0; }
.suite-shell .theme-control select {
  min-width:78px; color:var(--suite-header-text); background:#102b50;
  border:1px solid #49617f; border-radius:7px; padding:6px 8px; color-scheme:dark;
}
.suite-shell a { color:var(--suite-header-text); }
@media (max-width:720px) {
  :root { --suite-logo-height:40px; }
  .suite-shell { min-height:64px; padding:9px 14px; }
  .suite-shell .theme-control > span { display:none; }
  .suite-shell .suite-actions,.suite-shell .header-actions,.suite-shell .user-info { gap:8px; }
}