/* Permanent product identity; only navigation width changes. */
:root { --navigation-width:264px; --navigation-effective:var(--navigation-width); }
body[data-navigation-collapsed="true"] { --navigation-effective:48px; }
#workspace-brand { position:fixed; left:0; top:0; width:264px; height:72px; z-index:40; background:var(--sidebar); border-bottom:1px solid var(--border); padding:0 16px; }
#workspace-brand .brand { display:flex; height:72px; padding:10px 0; margin:0; gap:10px; font-size:16px; white-space:nowrap; }
#workspace-brand .brand small { display:block; font-size:8px; letter-spacing:1px; }
#workspace-brand .brand-text { min-width:0; letter-spacing:1px; }
.breadcrumb .page-name { font-size:16px; font-weight:650; }
#workspace-brand .brand-symbol { width:40px; height:40px; flex:0 0 40px; }
.sidebar { top:72px; width:var(--navigation-effective); padding:0 12px; }
.app-shell { margin-left:var(--navigation-effective); }
.topbar { position:relative; left:calc(264px - var(--navigation-effective)); width:calc(100vw - 264px); }
.sidebar-toolbar { display:flex; justify-content:flex-end; align-items:center; height:44px; flex-shrink:0; }
#sidebar-collapse { width:32px; height:32px; font-size:25px; line-height:1; }
#sidebar-resize { position:absolute; top:0; bottom:0; right:0; width:6px; cursor:col-resize; touch-action:none; z-index:2; }
#sidebar-resize:hover, #sidebar-resize:focus-visible { background:var(--accent); outline:2px solid var(--accent); outline-offset:-2px; }
.sidebar [hidden] { display:none !important; }
body[data-navigation-collapsed="true"] .sidebar { padding:0 8px; }
body.sidebar-resizing { user-select:none; cursor:col-resize; }
body.sidebar-resizing * { cursor:col-resize !important; }
@media (max-width:900px) and (min-width:651px) {
  .topbar { padding:12px; gap:8px; }
  .header-account { display:none; }
  .search-trigger > span:not(.icon), .search-trigger kbd { display:none; }
  .topbar-actions { gap:6px; }
}
@media (max-width:650px) {
  #workspace-brand { width:178px; height:68px; padding:0 8px; }
  #workspace-brand .brand { height:68px; gap:6px; font-size:12px; }
  #workspace-brand .brand small { font-size:6.7px; letter-spacing:.25px; }
  #workspace-brand .brand-symbol { width:30px; height:30px; flex-basis:30px; }
  .app-shell { margin-left:0; }
  .topbar { left:178px; width:calc(100vw - 178px); padding:10px 6px; gap:4px; justify-content:flex-end; }
  .topbar .breadcrumb { display:none; }
  .topbar-actions { gap:4px; }
  .topbar .icon-button, .topbar .search-trigger { width:32px; min-width:32px; height:36px; padding:5px; }
  .topbar .search-trigger > span:not(.icon), .topbar .search-trigger kbd { display:none; }
  .sidebar, body[data-navigation-collapsed="true"] .sidebar { top:68px; width:min(300px,90vw); padding:48px 16px 0; }
  .sidebar-toolbar, #sidebar-resize { display:none !important; }
  .navigation-open #nav-backdrop { top:68px; bottom:40px; }
}
@media (prefers-reduced-motion:reduce) { .sidebar, .app-shell, .topbar { transition:none !important; } }

.app-shell { grid-template-columns:minmax(0,1fr); }

/* Scoped RTL Layout Containment (GLOBAL-LANGUAGE-PACKAGE-006): Pin navigation frame, toolbar, resizer, and badges to LTR */
#workspace-brand,
.sidebar,
#uc-sidebar-frame,
.sidebar-toolbar,
#sidebar-resize,
#uc-sidebar-resizer,
#sidebar-collapse,
.topbar,
.footer,
.badge-numeric,
.telemetry-badge,
.digest-badge {
  direction: ltr !important;
}