:root { --topbar-h:var(--public-header-height,64px); }
body.app #adminPanel .app-header.header { padding-inline:24px!important; }
body.app #adminPanel .app-header .main-container { padding-inline:0!important; }
body.app .app-header.header { position:fixed; inset:0 0 auto; width:100%; height:var(--topbar-h); min-height:var(--topbar-h); padding:0 24px; margin:0; z-index:100!important; box-shadow:none; font-family:Inter,Segoe UI,sans-serif; }
body.app .app-header .main-container { width:100%; max-width:none; height:100%; }
body.app .app-header .main-container > .d-flex { height:100%; min-height:0; gap:20px; }
body.app .app-header .d-flex { min-height:0; }
body.app .app-header .logo-horizontal { display:flex!important; position:static; flex:0 0 auto; margin:0; padding:0; order:-2; }
body.app .app-header .cd-brand { width:168px; }
body.app.dark-mode .app-header .cd-brand-light,body.app.light-mode .app-header .cd-brand-dark { display:none; }
body.app.light-mode .app-header .cd-brand-light,body.app.dark-mode .app-header .cd-brand-dark { display:block; }
body.app .app-header .app-sidebar__toggle.d-lg-none { display:inline-flex!important; width:44px; height:44px; flex:0 0 44px; padding:0!important; margin:0; order:0; color:var(--text); }
body.app .app-header .header-right-icons { flex:0 0 auto; margin-left:auto!important; }
body.app .app-header .navbar-toggler { display:none!important; }
body.app .app-header .responsive-navbar,body.app .app-header .navbar-collapse { display:flex!important; position:static; margin:0!important; padding:0!important; box-shadow:none; border:0; background:transparent; }
body.app .app-header #navbarSupportedContent-4 > .d-flex { gap:12px; }
body.app #adminPanel .app-header .nav-link { margin:0!important; padding:0!important; width:44px!important; height:44px!important; align-items:center; justify-content:center; border-radius:10px; color:var(--text); }
body.app .app-header button.nav-link { appearance:none; border:0; background:transparent; font:inherit; cursor:pointer; user-select:none; }
body.app .app-header button.nav-link img { user-select:none; -webkit-user-drag:none; }
body.app .fullscreen-status { position:fixed; top:calc(var(--topbar-h) + 8px); right:16px; max-width:calc(100vw - 32px); padding:12px 16px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--text); font-size:14px; box-shadow:0 6px 24px #0002; }
body.app .app-header .public-language-trigger { height:44px; }
body.app.light-mode .app-header [data-public-language-picker] { --public-bg:#fff; --public-surface:#fff; --public-surface-raised:#eef1f5; --public-border:#d9dde4; --public-text:#172033; --public-text-muted:#526078; }
body.app .app-sidebar { top:var(--topbar-h)!important; height:calc(100dvh - var(--topbar-h)); }
body.app .app-sidebar .side-header { display:none!important; }
body.app #adminPanel .main-content.app-content { margin-top:var(--topbar-h)!important; min-height:calc(100dvh - var(--topbar-h))!important; }
body.app #adminTopbarBreadcrumb { flex:1; min-width:0; }
body.app #adminTopbarBreadcrumb .cd-breadcrumb { margin:0; padding:0; font-size:14px; }
body.app #adminTopbarBreadcrumb ol { display:flex; align-items:center; gap:8px; flex-wrap:nowrap; margin:0; padding:0; list-style:none; font-size:14px; }
body.app #adminTopbarBreadcrumb li { min-width:0; flex:0 0 auto; }
body.app #adminTopbarBreadcrumb .cd-bc-current { flex:1; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text); }
body.app #adminTopbarBreadcrumb :is(a,button) { color:var(--text); padding:4px 6px; border-radius:4px; text-decoration:none; }
body.app #adminTopbarBreadcrumb button { appearance:none; border:0; background:transparent; font:inherit; cursor:pointer; user-select:none; }
body.app #adminTopbarBreadcrumb :is(a,button):hover { background:var(--surface2); }
.topbar { box-sizing:border-box; height:var(--topbar-h); min-height:var(--topbar-h); padding:0 24px; gap:20px; flex-wrap:nowrap; }
.topbar .topbar-logo { width:auto; min-width:0; height:auto; padding:0; }
.topbar .topbar-logo .cd-brand[role="img"] { width:168px; height:auto; max-width:none; aspect-ratio:446/128; background:none; }
html .topbar .topbar-logo .cd-brand[role="img"] { background:none; }
html .topbar .topbar-logo .cd-brand[role="img"] img { display:block; }
html .topbar .topbar-logo .cd-brand[role="img"] .cd-brand-light { display:none; }
html[data-theme="light"] .topbar .topbar-logo .cd-brand[role="img"] .cd-brand-dark { display:none; }
html[data-theme="light"] .topbar .topbar-logo .cd-brand[role="img"] .cd-brand-light { display:block; }
.topbar .topbar-actions { gap:12px; }
.topbar .topbar-actions > div { display:flex; align-items:center; }
.topbar .btn-new,.topbar .btn-new-folder,.topbar .share-upload,.topbar #shareTheme { box-sizing:border-box; height:44px; border-radius:10px; font-size:14px; font-weight:650; }
.topbar .btn-new-folder { margin-left:0; }
.topbar .public-language-trigger { height:44px; }
.topbar .account-avatar,.topbar #shareTheme,.topbar #notifBell,.topbar .topbar-admin-btn { width:44px; min-width:44px; height:44px; align-items:center; justify-content:center; }
.topbar .breadcrumb,.topbar .share-root-name { font-size:14px; }
.topbar #shareResultCount { font-size:12px!important; }
.topbar .topbar-breadcrumb { min-width:0; }
.topbar .share-root-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media(min-width:721px) and (max-width:1100px) {
  .topbar { gap:12px; }
  .topbar .topbar-actions { gap:6px; }
  .topbar #fileCounter,.topbar #shareResultCount { display:none; }
  .topbar .btn-new-folder span { display:none; }
}
@media(max-width:720px) {
  body.app #adminPanel .app-header.header { padding-inline:14px!important; }
  body.app .app-header.header { padding:0 14px; }
  body.app .app-header .main-container > .d-flex { display:grid!important; grid-template-columns:auto minmax(0,1fr) 44px; grid-template-rows:56px 48px; gap:0 8px; }
  body.app .app-header .logo-horizontal { grid-column:1; grid-row:1; }
  body.app .app-header .cd-brand { width:168px; }
  body.app #adminTopbarBreadcrumb { grid-column:2; grid-row:1; }
  body.app .app-header .app-sidebar__toggle.d-lg-none { grid-column:3; grid-row:1; }
  body.app .app-header .header-right-icons { grid-column:1 / -1; grid-row:2; align-self:start; }
  body.app .app-header #navbarSupportedContent-4 > .d-flex { gap:4px; }
  body.app .app-header .public-language-trigger { min-width:118px; }
  body.app #adminPanel .app-header .header-right-icons #customizerTrigger { margin:0!important; }
  body.app #adminPanel .app-header .dropdown-menu { position:fixed!important; inset:112px 14px auto auto!important; margin:0!important; transform:none!important; width:min(320px,calc(100% - 28px)); min-width:0; max-height:calc(100dvh - 126px); overflow-y:auto; }
  .topbar { display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-rows:56px 48px; padding:0 14px; gap:0 12px; }
  .topbar .topbar-logo { grid-column:1; grid-row:1; justify-self:start; }
  .topbar .topbar-logo .cd-brand[role="img"] { width:168px; }
  .topbar .mobile-sidebar-toggle { grid-column:2; grid-row:1; justify-self:end; }
  .topbar .topbar-actions { grid-column:1 / -1; grid-row:2; align-self:start; width:100%; justify-content:flex-end; margin:0; gap:8px; }
  .topbar .topbar-breadcrumb { display:none!important; }
  .topbar.share-topbar .topbar-breadcrumb { display:flex!important; grid-column:2; grid-row:1; }
  .topbar #shareResultCount { display:none; }
  .topbar .share-upload { display:inline-flex; align-items:center; gap:8px; padding:0 12px; }
  .topbar .topbar-actions [data-public-language-picker] { width:auto; min-width:0; }
  .topbar .public-language-trigger { width:auto; min-width:118px; grid-template-columns:24px minmax(0,1fr) 28px; gap:8px; padding:0 7px 0 11px; }
  .topbar .public-language-label,.topbar .public-language-chevron { display:block; }
  .topbar .public-language-chevron { display:grid; }
}
@media(max-width:480px) {
  body.app .app-header .cd-brand,.topbar .topbar-logo .cd-brand[role="img"] { width:136px; }
}
@media(max-width:360px) {
  body.app .app-header .public-language-trigger { width:44px; min-width:44px; padding:0; display:grid; place-items:center; grid-template-columns:1fr; }
  body.app .app-header .public-language-label,body.app .app-header .public-language-chevron { display:none; }
}
@media(max-width:360px) {
  body.app .app-header #navbarSupportedContent-4 > .d-flex { gap:2px; }
  .topbar .public-language-trigger { width:44px; min-width:44px; padding:0; grid-template-columns:1fr; }
  .topbar .public-language-label,.topbar .public-language-chevron { display:none; }
}