/* UI-001: loaded after legacy shell CSS; no business form/table/modal selectors. */
body .app-main .app-topbar{height:46px;min-height:46px;position:sticky;top:0;z-index:30;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;padding:0 12px;background:var(--surface,#fff);color:var(--text);border-bottom:1px solid var(--line)}
body .app-topbar .workspace-sidebar-toggle{display:flex;flex:0 0 32px;align-items:center}
body .app-topbar .workspace-tabs{position:static;top:auto;height:46px;min-width:0;flex:1 1 0;flex-basis:0;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:0;gap:4px;background:transparent;border:0;scrollbar-width:none}
body .app-topbar .workspace-tabs::-webkit-scrollbar{display:none}
body .app-topbar .workspace-tabs .page-tab{position:relative;flex:0 0 auto;min-width:90px;max-width:180px;height:34px;margin:auto 0;display:flex;align-items:center;border:0;border-radius:6px;color:#667085;background:#f5f7fb}
body .app-topbar .workspace-tabs .page-tab>a{min-width:0;flex:1;margin:0;padding:0 8px;line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;font-size:13px;text-decoration:none}
body .app-topbar .workspace-tabs .page-tab.active{color:var(--blue);background:#eff6ff}
body .app-topbar .workspace-tabs .page-tab.active::after{content:'';position:absolute;height:2px;left:8px;right:8px;bottom:0;background:var(--blue)}
body .app-topbar .workspace-tabs .page-tab button{flex:0 0 24px;width:24px;height:24px;margin-right:3px;border:0;border-radius:4px;background:transparent;color:#98a2b3;cursor:pointer}
body .app-topbar .workspace-tabs .page-tab button:hover{color:#dc2626;background:#fee2e2}
body .app-topbar .app-topbar-tools{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;white-space:nowrap}
body .app-topbar .app-topbar-tools .density-menu{display:block}
body .app-topbar .app-topbar-tools .topbar-announce{overflow:visible}
body .app-topbar .app-topbar-tools .ta-more{flex-shrink:0}
body .app-topbar .topbar-announce{min-width:0;max-width:360px;flex:0 1 360px;margin:0;gap:6px}
body .app-topbar .ta-track{min-width:0;max-width:180px}
body .app-topbar .ta-title{display:none}
body .app-topbar .topbar-spacer{display:none}
body .app-topbar .account-toggle{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .app-main .app-breadcrumbs{position:sticky;top:46px;z-index:20;height:36px;min-width:0;display:flex;align-items:center;gap:12px;padding:0 16px;background:#f8fafc;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}
body .app-breadcrumbs ol{min-width:0;flex:1;display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
body .app-breadcrumbs li{display:flex;align-items:center;flex:0 0 auto;gap:8px}
body .app-breadcrumbs li+li::before{content:'/';color:#cbd5e1}
body .app-breadcrumbs li>a,body .app-breadcrumbs li>span{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:var(--muted);text-decoration:none}
body .app-breadcrumbs li>a:hover{color:var(--blue)}
body .app-breadcrumbs [aria-current=page]{color:var(--text);font-weight:600}
body .app-breadcrumbs .workspace-history{position:relative;flex:0 0 auto}
body .app-breadcrumbs .workspace-history summary{cursor:pointer;font-size:12px}
body .app-breadcrumbs #workspaceHistory{position:absolute;right:0;top:24px;width:230px;max-width:80vw;padding:8px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 20px #0002}
body .app-breadcrumbs #workspaceHistory a{display:block;margin:0;padding:8px;color:var(--text);overflow:hidden;text-overflow:ellipsis;text-decoration:none}
@media(max-width:1200px){body .app-topbar .topbar-announce{max-width:190px}body .app-topbar .ta-track{display:none}}
@media(max-width:900px){body .app-topbar .topbar-announce{max-width:100px}body .app-topbar .ta-badge{max-width:56px;overflow:hidden;text-overflow:ellipsis}body .app-topbar .app-topbar-tools{gap:4px}body .app-topbar .account-toggle{max-width:100px}}
@media(max-width:720px){body .app-main .app-topbar{padding:0 6px;gap:4px}body .app-topbar .workspace-sidebar-toggle{display:none}body .app-topbar .mobile-nav-toggle{display:flex;width:28px;min-width:28px;padding:0;justify-content:center}body .app-topbar .mobile-nav-toggle span+span{display:none}body .app-topbar .workspace-tabs .page-tab{min-width:72px;max-width:130px}body .app-topbar .account-toggle{max-width:65px;font-size:12px;padding:4px}body .app-topbar .top-icon-link{font-size:11px;padding:4px 2px}body .app-topbar .topbar-announce{display:flex;max-width:30px}body .app-topbar .ta-badge{display:none}body .app-topbar .ta-more{padding:2px;font-size:11px}body .app-breadcrumbs{padding:0 8px}body .app-breadcrumbs li>a,body .app-breadcrumbs li>span{max-width:150px}}
@media print{body .app-main .app-topbar,body .app-main .app-breadcrumbs{display:none!important}}
@media(max-width:720px){body .app-topbar .app-topbar-tools .topbar-announce{flex:0 0 30px;min-width:30px;padding:0;border:0}body .app-topbar .density-dropdown{position:fixed;top:46px;left:8px;right:8px;width:auto;max-width:none}body .app-topbar .notice-dropdown,body .app-topbar .account-dropdown{top:46px}}