/* Shared identity from the login page, with a compact 64px command bar. */
:root, html[data-theme], body[data-theme] { --studio-header-h:64px; --studio-logo-size:40px; }
body[data-theme] .sys-studio-header.topbar,
body.login-shell[data-theme] .login-topbar {
  min-height:64px !important; padding:12px 32px !important;
  background:var(--adm-bg) !important; color:var(--adm-text) !important;
  border-bottom:1px solid color-mix(in srgb,var(--adm-text) 13%,transparent) !important;
  box-shadow:none !important; margin:0 !important; width:100% !important;
}
body[data-theme="light"] .sys-studio-header.topbar,
body.login-shell[data-theme="light"] .login-topbar { background:#f3f5f8 !important; }
body[data-theme] .sys-studio-header .sys-studio-brand { gap:12px; min-width:180px; }
body[data-theme] .sys-studio-header .sys-studio-logo,
body.login-shell .login-brand img {
  width:40px !important; height:38px !important; min-width:40px !important;
  min-height:38px !important; max-width:40px !important; max-height:38px !important;
  object-fit:contain !important;
}
body[data-theme] .sys-studio-header .sys-studio-title,
body.login-shell .login-brand strong {
  font-size:19px !important; font-weight:650 !important; letter-spacing:-.6px;
  color:var(--adm-text) !important; line-height:1.15 !important;
}
body[data-theme] .sys-studio-header .sys-studio-title b,
body.login-shell .login-brand b { font-weight:400; color:var(--adm-primary); }
body[data-theme] .sys-studio-header .sys-studio-subtitle,
body.login-shell .login-brand small {
  font-size:9px !important; letter-spacing:3px !important; font-weight:400 !important;
  color:var(--adm-text-soft) !important; margin-top:3px;
}
body[data-theme] .sys-studio-header .sys-studio-theme-wrap { display:flex; align-items:center; gap:9px; }
.sys-studio-appearance-label { display:flex; align-items:center; gap:9px; margin:0; color:var(--adm-text-soft); font-size:12px; white-space:nowrap; }
body[data-theme] .sys-studio-header .sys-studio-theme-select,
body.login-shell #officialThemeSelect {
  height:36px !important; min-height:36px !important; min-width:148px;
  padding:0 11px !important; font-size:12px !important;
  background:var(--adm-panel) !important; color:var(--adm-text) !important;
  border:1px solid var(--adm-border) !important; border-radius:6px !important;
}
.sys-studio-module-name { margin-left:10px; color:var(--adm-text-soft); font-size:12px; white-space:nowrap; }
@media(max-width:820px) {
  body[data-theme] .sys-studio-header.topbar,
  body.login-shell[data-theme] .login-topbar { padding:10px 16px !important; }
  .sys-studio-appearance-label, .sys-studio-module-name { display:none !important; }
  body[data-theme] .sys-studio-header .sys-studio-brand { min-width:0; flex:1 1 auto; }
  body[data-theme] .sys-studio-header .sys-studio-theme-select { min-width:116px; }
}

.login-intranet-link { color:var(--adm-text); font-size:13px; text-decoration:none; padding:8px 12px; border:1px solid var(--adm-border); border-radius:4px; white-space:nowrap; }
.login-intranet-link:hover { background:var(--adm-primary-soft); }
.sys-studio-module-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:7px; padding:8px 16px; flex-shrink:0; border-bottom:1px solid var(--adm-border); background:var(--adm-surface); color:var(--adm-text); }

body[data-theme] .sys-studio-header .sys-studio-theme-wrap { position:relative; gap:0; }
body[data-theme] .sys-studio-header .sys-studio-theme-wrap .sys-studio-appearance-label { display:none!important; position:absolute; left:8px; top:50%; transform:translateY(-50%); margin:0; z-index:1; pointer-events:none; color:var(--adm-text-soft); }
body[data-theme] .sys-studio-header .sys-studio-theme-select { padding-left:8px!important; color-scheme:dark; }
body[data-theme="light"] .sys-studio-header .sys-studio-theme-select { color-scheme:light; }
body[data-theme] .sys-studio-header .sys-studio-theme-select option { background:var(--adm-surface); color:var(--adm-text); }

/* Slightly smaller Studio identity, retaining the two-line brand signature. */
body[data-sysimple-shell="true"] { --studio-header-h:56px; --studio-logo-size:34px; }
body[data-theme] header.sys-studio-header.topbar {
  min-height:56px !important; padding:8px 16px !important; gap:10px !important;
  background:var(--adm-bg) !important; color:var(--adm-text) !important;
}
body[data-theme] .sys-studio-header .sys-studio-brand { min-width:62px; gap:8px; }
body[data-theme] .sys-studio-header .sys-studio-logo {
  width:34px !important; height:34px !important; min-width:34px !important;
  min-height:34px !important; max-width:34px !important; max-height:34px !important;
}
body[data-theme] .sys-studio-header .sys-studio-title { font-size:17px !important; }
body[data-theme] .sys-studio-header .sys-studio-subtitle { font-size:8px !important; letter-spacing:2.5px !important; margin-top:2px; }
@media(min-width:1101px) {
  .sys-studio-header .sys-studio-common-tools { flex-wrap:nowrap; flex-shrink:0; }
}
@media(max-width:820px) {
  body[data-theme] header.sys-studio-header.topbar { padding:8px 12px !important; }
  body[data-theme] .sys-studio-header .sys-studio-brand { min-width:0; }
}