.workspace-top-menu { display:flex; align-items:center; gap:16px; padding:0 22px; min-height:58px; background:#f7f7f7; border-bottom:1px solid #dcdcdc; color:#333; position:relative; z-index:1000; font:12px/1.4 "Segoe UI",Arial,sans-serif; }
.workspace-top-menu * { box-sizing:border-box; }
.workspace-top-menu .wt-brand { flex:0 0 auto; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:600; color:#292929; text-decoration:none; padding:18px 0; }
.workspace-top-menu .wt-categories { display:flex; align-items:center; flex-wrap:wrap; gap:1px; min-width:0; }
.workspace-top-menu :is(.wt-direct,.wt-group>summary) { display:block; border:0; padding:19px 9px; margin:0; border-radius:0; background:transparent; color:#444; font-size:12px; font-weight:500; text-decoration:none; white-space:nowrap; cursor:pointer; list-style:none; }
.workspace-top-menu .wt-group { position:relative; }
.workspace-top-menu .wt-group>summary::-webkit-details-marker { display:none; }
.workspace-top-menu .wt-group>summary::after { content:'\25BE'; font-size:9px; color:#777; margin-left:6px; }
.workspace-top-menu :is(.wt-direct:hover,.wt-group>summary:hover,.wt-group[open]>summary) { background:#e9e9e9; color:#222; }
.workspace-top-menu .is-current:not(.wt-group),.workspace-top-menu .wt-group.is-current>summary { box-shadow:inset 0 -3px #444; color:#222; font-weight:600; }
.workspace-top-menu .wt-dropdown { position:absolute; top:100%; left:0; width:285px; max-height:70vh; overflow:auto; padding:8px; border:1px solid #d8d8d8; border-radius:0 0 5px 5px; background:#fff; box-shadow:0 7px 18px rgba(0,0,0,.1); z-index:1001; }
.workspace-top-menu .wt-group:nth-last-child(-n+3) .wt-dropdown { left:auto; right:0; }
.workspace-top-menu .wt-section { padding:5px 0; }
.workspace-top-menu .wt-section+.wt-section { border-top:1px solid #eee; margin-top:5px; }
.workspace-top-menu .wt-section h2 { font-size:10px!important; font-weight:600; text-transform:uppercase; letter-spacing:.5px; color:#777!important; padding:6px 10px; margin:0; }
.workspace-top-menu .wt-section a { display:block; padding:9px 10px; border-radius:3px; color:#444; font-size:12px; text-decoration:none; }
.workspace-top-menu .wt-section a:hover { background:#f0f0f0; }
.workspace-top-menu .wt-section a[aria-current=page] { background:#eee; color:#222; font-weight:600; }
.workspace-top-menu .wt-toggle { display:none; }
.workspace-top-menu :is(a,button,summary,select):focus-visible { outline:2px solid #555; outline-offset:-2px; }
.workspace-top-menu .wt-branch { padding:8px 10px 12px; border-bottom:1px solid #eee; }
.workspace-top-menu .wt-branch label { display:block; color:#777; font-size:10px; margin-bottom:5px; }
.workspace-top-menu .wt-branch select { width:100%; padding:8px; font:12px "Segoe UI",Arial,sans-serif; color:#333; background:#fafafa; border:1px solid #d5d5d5; border-radius:4px; }
.workspace-page { margin-left:0; min-width:0; }
body:has(.workspace-top-menu) { padding-bottom:0!important; }
@media(max-width:1100px) {
 .workspace-top-menu { display:flex; justify-content:space-between; flex-wrap:wrap; gap:0; padding:0 16px; }
 .workspace-top-menu .wt-brand { max-width:calc(100% - 90px); }
 .workspace-top-menu .wt-toggle { display:block; padding:8px 12px; border:1px solid #d5d5d5; border-radius:4px; background:#fff; color:#333; font:600 12px "Segoe UI",Arial,sans-serif; cursor:pointer; }
 .workspace-top-menu .wt-categories { display:none; flex-basis:100%; padding:8px 0 12px; }
 .workspace-top-menu.is-open .wt-categories { display:block; }
 .workspace-top-menu :is(.wt-direct,.wt-group>summary) { padding:11px 12px; border-radius:4px; }
 .workspace-top-menu .wt-group>summary::after { float:right; }
 .workspace-top-menu .wt-dropdown { position:static; width:100%; max-height:55vh; box-shadow:none; border-radius:4px; margin-bottom:8px; }
}
@media print { .workspace-top-menu { display:none!important; } .workspace-page { margin:0; padding:0; } }

/* Logo, centered navigation, and account controls occupy separate columns. */
.workspace-top-menu { display:grid; grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr); gap:12px; }
.workspace-top-menu .wt-brand { justify-self:start; display:flex; align-items:center; gap:9px; max-width:180px; padding:12px 0; }
.workspace-top-menu .wt-brand img { height:32px; width:auto; max-width:90px; object-fit:contain; flex-shrink:0; }
.workspace-top-menu .wt-brand span { overflow:hidden; text-overflow:ellipsis; font-size:12px; }
.workspace-top-menu .wt-categories { justify-content:center; flex-wrap:nowrap; }
.workspace-top-menu :is(.wt-direct,.wt-group>summary) { padding-left:8px; padding-right:8px; }
.workspace-top-menu .wt-account { justify-self:end; display:flex; align-items:center; gap:12px; }
.workspace-top-menu .wt-account .wt-profile>summary { display:flex; align-items:center; justify-content:center; width:34px; height:34px; padding:6px; border:1px solid #d5d5d5; border-radius:50%; background:#fafafa; }
.workspace-top-menu .wt-account .wt-profile>summary::after { display:none; }
.workspace-top-menu .wt-profile .wt-dropdown { left:auto; right:0; width:250px; }
.workspace-top-menu .wt-profile-info { display:flex; flex-direction:column; gap:5px; padding:12px; overflow-wrap:anywhere; }
.workspace-top-menu .wt-profile-info strong { font-size:13px; }
.workspace-top-menu .wt-profile-info :is(span,small) { color:#777; font-size:11px; }
.workspace-top-menu .wt-logout { color:#444; font-size:12px; text-decoration:none; white-space:nowrap; padding:8px 0; }
.workspace-top-menu .wt-logout:hover { text-decoration:underline; }
.erp-shell:has(>.dashboard-shortcuts) { grid-template-columns:180px minmax(0,1fr); }
.erp-shell>.dashboard-shortcuts { padding:24px 12px; background:#eee; border-right:1px solid #ddd; }
.dashboard-shortcuts .ds-heading { padding:0 10px 16px; border-bottom:1px solid #d8d8d8; margin-bottom:12px; }
.dashboard-shortcuts .ds-heading strong { display:block; font-size:14px; font-weight:600; color:#333; }
.dashboard-shortcuts .ds-heading small { display:block; color:#777; font-size:10px; margin-top:5px; }
.dashboard-shortcuts nav { display:grid; gap:5px; }
.dashboard-shortcuts nav a { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:10px; border-radius:4px; color:#555; font-size:12px; text-decoration:none; }
.dashboard-shortcuts nav a:hover,.dashboard-shortcuts nav a[aria-current=page] { background:#fff; color:#222; }
.dashboard-shortcuts nav span { background:#e2e2e2; border-radius:3px; padding:2px 6px; font-size:10px; }
@media(max-width:1200px) {
 .workspace-top-menu { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
 .workspace-top-menu .wt-toggle { display:block; grid-column:2; grid-row:1; padding:8px 12px; border:1px solid #d5d5d5; border-radius:4px; background:#fff; color:#333; font:600 12px "Segoe UI",Arial,sans-serif; cursor:pointer; }
 .workspace-top-menu .wt-brand { grid-column:1; grid-row:1; max-width:100%; }
 .workspace-top-menu .wt-account { grid-column:3; grid-row:1; }
 .workspace-top-menu .wt-categories { display:none; grid-column:1/-1; grid-row:2; padding:8px 0 12px; }
 .workspace-top-menu.is-open .wt-categories { display:block; }
 .workspace-top-menu .wt-categories .wt-dropdown { position:static; width:100%; max-height:55vh; box-shadow:none; border-radius:4px; margin-bottom:8px; }
 .workspace-top-menu .wt-profile .wt-dropdown { position:absolute; width:240px; left:auto; right:0; margin:0; }
 .workspace-top-menu :is(.wt-direct,.wt-group>summary) { padding:11px 12px; }
}
@media(max-width:900px) { .erp-shell:has(>.dashboard-shortcuts) { grid-template-columns:minmax(0,1fr); } .erp-shell>.dashboard-shortcuts { display:none; } }