/* 同一套群鸟通导航用于 /cop 与报销填写页，类名前缀隔离管理后台样式。 */
.tong-shell { min-height:100vh; width:100%; color:#12304A; font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif; }
.tong-shell [hidden] { display:none!important; }
.tong-shell .icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.tong-topbar { position:fixed; inset:0 0 auto; height:76px; background:#fff; border-bottom:1px solid #12304A14; display:flex; align-items:center; justify-content:space-between; padding:0 28px; z-index:25; }
.tong-topbar-left,.tong-topbar-right { display:flex; align-items:center; gap:16px; min-width:0; }
.tong-brand { display:flex; align-items:center; gap:9px; flex-shrink:0; color:#12304A; text-decoration:none; }
.tong-brand .qn-brand-icon { width:35px; height:35px; }
.tong-brand .qn-wordmark { width:auto; height:28px; }
.tong-today { color:#688092; font-size:12px; white-space:nowrap; }
.tong-icon-button { display:inline-flex; width:35px; height:35px; justify-content:center; align-items:center; padding:8px; border:0; background:transparent; border-radius:9px; color:#688092; flex-shrink:0; cursor:pointer; }
.tong-icon-button svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.tong-icon-button:hover { background:#F1F6FA; color:#2863DB; }
.tong-menu { display:none; }
.tong-sidebar { position:fixed; inset:76px auto 0 0; width:184px; padding:24px 14px 18px; background:#fff; border-right:1px solid #12304A14; display:flex; flex-direction:column; overflow-y:auto; z-index:20; }
.tong-navigation { display:grid; gap:7px; }
.tong-nav-button { display:flex; align-items:center; gap:11px; width:100%; border:0; border-radius:9px; padding:12px 13px; text-align:left; background:transparent; color:#688092; font-size:13px; font-weight:500; line-height:1.65; font-family:inherit; text-decoration:none; cursor:pointer; }
.tong-nav-button:hover { color:#2863DB; background:#F1F6FA; }
.tong-nav-button.active { color:#2863DB; background:#2863DB0D; font-weight:650; }
.tong-nav-button .icon { width:18px; height:18px; }
.tong-nav-count { margin-left:auto; font-size:10px; opacity:.75; font-variant-numeric:tabular-nums; }
.tong-nav-divider { font-size:11px; color:#688092; margin:18px 14px 4px; }
.tong-backend-entry { display:flex; gap:8px; align-items:center; margin:20px 9px; padding:11px 0; border-top:1px solid #12304A14; color:#688092; font-size:12px; text-decoration:none; }
.tong-backend-entry .icon { width:16px; height:16px; }
.tong-backend-entry:hover { color:#2863DB; }
.tong-sidebar-bottom { margin-top:auto; padding-top:14px; }
.tong-user-switch { display:flex; align-items:center; gap:9px; width:100%; padding:8px 3px; border:0; background:transparent; text-align:left; border-radius:8px; font:inherit; font-size:12px; color:#12304A; cursor:pointer; }
.tong-user-switch:hover { background:#F1F6FA; }
.tong-user-switch>span:nth-child(2) { min-width:0; display:grid; flex:1; overflow-wrap:anywhere; }
.tong-user-switch strong { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; font-weight:550; }
.tong-user-switch small { font-size:10px; color:#688092; }
.tong-user-switch>.icon { width:15px; color:#688092; }
.tong-user-avatar { width:33px; height:33px; display:inline-flex; align-items:center; justify-content:center; background:#F1F6FA; color:#2863DB; border-radius:50%; font-size:11px; font-weight:650; flex-shrink:0; }
.tong-menu-backdrop { position:fixed; inset:76px 0 0; z-index:19; background:#12304A40; padding:0; border:0; }
.tong-workspace { margin-left:184px; padding-top:76px; width:calc(100% - 184px); min-width:0; }
.tong-workspace>.content { max-width:1536px; margin:auto; padding:30px 36px 48px; min-height:calc(100vh - 76px); }
.tong-shell button:focus-visible,.tong-shell a:focus-visible { outline:3px solid #2863DB66; outline-offset:3px; }
@media(max-width:1000px) { .tong-workspace>.content { padding:26px 24px 40px; } }
@media(max-width:760px) {
  .tong-topbar { height:64px; padding:0 18px; }
  .tong-brand .qn-brand-icon { width:31px; height:31px; }
  .tong-brand .qn-wordmark { height:25px; }
  .tong-today { display:none; }
  .tong-menu { display:inline-flex; }
  .tong-topbar-left { gap:9px; }
  .tong-sidebar { inset:64px auto 0 0; width:224px; transform:translateX(-100%); transition:transform .2s; }
  .tong-sidebar.open { transform:translateX(0); }
  .tong-menu-backdrop { top:64px; }
  .tong-workspace { margin-left:0; padding-top:64px; width:100%; }
  .tong-workspace>.content { padding:22px 18px 40px; min-height:calc(100vh - 64px); }
}