/* Executive backend navigation · deep navy, champagne gold, restrained typography. */
:root{
  --sidebar-w:282px;
  --sidebar-ink:#f3f6f8;
  --sidebar-muted:#91a2b4;
  --sidebar-faint:#647a8f;
  --sidebar-gold:#d8b872;
  --sidebar-gold-soft:rgba(216,184,114,.14);
  --sidebar-line:rgba(216,184,114,.16);
}

.app-shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}
.sidebar{
  width:var(--sidebar-w);
  padding:24px 16px 18px;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(360px 210px at 12% -4%,rgba(216,184,114,.16),transparent 68%),
    radial-gradient(260px 320px at 105% 52%,rgba(57,101,141,.18),transparent 72%),
    linear-gradient(176deg,#0d2035 0%,#091a2c 48%,#061321 100%);
  border-right:1px solid rgba(216,184,114,.14);
  box-shadow:18px 0 48px rgba(4,14,25,.16),inset -1px 0 rgba(255,255,255,.025);
  color:var(--sidebar-ink);
  font-family:"Avenir Next","SF Pro Display","PingFang SC","Hiragino Sans GB",system-ui,sans-serif;
}
.sidebar::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.32) 58%,transparent);
}
.sidebar::after{
  content:"";position:absolute;top:0;right:0;width:1px;height:100%;
  background:linear-gradient(180deg,transparent,rgba(216,184,114,.36) 14%,rgba(216,184,114,.12) 78%,transparent);
  pointer-events:none;
}
.sidebar .sidebar-brand{
  position:relative;
  display:flex;align-items:center;gap:12px;
  margin:0 3px 18px;padding:3px 6px 22px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.sidebar .sidebar-brand::after{
  content:"";position:absolute;left:6px;bottom:-1px;width:52px;height:1px;
  background:linear-gradient(90deg,var(--sidebar-gold),transparent);
}
.sidebar-brand .brand-mark{
  width:42px;height:42px;flex:none;
  border:1px solid rgba(255,255,255,.28);
  border-radius:13px;
  background:linear-gradient(145deg,#f0d496 0%,#dcb970 45%,#b88936 100%);
  color:#0b1c2f;
  font:800 19px/1 Georgia,"Songti SC",serif;
  box-shadow:inset 0 1px rgba(255,255,255,.58),0 10px 24px rgba(0,0,0,.28);
}
.sidebar-brand-copy{display:grid;gap:4px;min-width:0}
.sidebar-brand-copy b{
  display:block;min-width:0;
  color:#f5f7f8;font-size:14.5px;font-weight:680;line-height:1.35;
  letter-spacing:.25px;white-space:normal;
}
.sidebar-brand-copy small{
  color:#7f95a9;font-size:8.5px;font-weight:700;line-height:1.2;
  letter-spacing:2.05px;white-space:nowrap;
}
.sidebar nav{
  display:flex;flex-direction:column;gap:4px;
  min-height:0;flex:1;
  overflow-y:auto;overscroll-behavior:contain;
  padding:0 2px 18px 0;
  scrollbar-width:thin;scrollbar-color:#31475c transparent;
}
.sidebar nav::-webkit-scrollbar{width:5px}
.sidebar nav::-webkit-scrollbar-track{background:transparent}
.sidebar nav::-webkit-scrollbar-thumb{background:#30465b;border:0;border-radius:99px}
.sidebar nav::-webkit-scrollbar-thumb:hover{background:#4e667d}

.nav-section-label{
  margin:17px 12px 7px;
  color:#698196;
  font-size:8.5px;font-weight:800;
  letter-spacing:2.35px;line-height:1.4;
  text-transform:uppercase;
}
.nav-section-work{margin-top:2px}
.nav-section-operations{margin-top:15px}

.sidebar .nav-item{
  position:relative;
  min-height:42px;
  padding:9px 11px;
  border:1px solid transparent;
  border-radius:10px;
  color:#a8b7c5;
  background:transparent;
  font-family:inherit;
  font-size:13px;
  font-weight:590;
  line-height:1.45;
  letter-spacing:.12px;
  gap:11px;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.sidebar .nav-item[data-view]:not(.nav-subitem)>span,
#logoutBtn>span{
  width:28px;height:28px;flex:0 0 28px;
  display:grid;place-items:center;
  border:1px solid rgba(127,151,174,.19);
  border-radius:8px;
  background:rgba(255,255,255,.027);
  color:#839cb1;
  font-family:"Avenir Next","SF Pro Display",sans-serif;
  font-size:12px;font-weight:750;line-height:1;
  text-align:center;
  transition:inherit;
}
.sidebar .nav-item:hover{
  color:#f3f6f8;
  background:linear-gradient(90deg,rgba(255,255,255,.062),rgba(255,255,255,.025));
  border-color:rgba(255,255,255,.055);
  transform:translateX(1px);
}
.sidebar .nav-item:hover>span{
  color:#d9e5ed;
  border-color:rgba(216,184,114,.22);
  background:rgba(216,184,114,.07);
}
.sidebar .nav-item.active{
  color:#fff;
  border-color:rgba(216,184,114,.21);
  background:
    linear-gradient(90deg,rgba(216,184,114,.17),rgba(216,184,114,.055) 62%,rgba(255,255,255,.018));
  box-shadow:inset 2px 0 var(--sidebar-gold),0 8px 20px rgba(1,8,16,.16);
}
.sidebar .nav-item.active::after{
  content:"";position:absolute;right:12px;top:50%;width:4px;height:4px;
  border-radius:50%;background:var(--sidebar-gold);
  box-shadow:0 0 0 4px rgba(216,184,114,.08);
  transform:translateY(-50%);
}
.sidebar .nav-item.active>span{
  color:#f1d79d;
  border-color:rgba(216,184,114,.34);
  background:rgba(216,184,114,.12);
}

.nav-group{display:grid;gap:3px;min-width:0}
.sidebar .nav-parent{
  width:100%;
  justify-content:flex-start;
  color:#bbc8d4;
  font-weight:650;
}
.sidebar .submodule-item>span:first-child{
  width:28px;height:24px;min-width:28px;flex:0 0 28px;
  display:grid;place-items:center;padding:0;
  border:1px solid rgba(216,184,114,.26);
  border-radius:6px;
  background:rgba(216,184,114,.065);
  color:#d4b878;
  font-size:8.5px;font-weight:800;letter-spacing:.25px;
  font-variant-numeric:tabular-nums;
}
.nav-parent .nav-chevron{
  width:18px;height:18px;margin-left:auto;
  display:grid;place-items:center;
  color:#728b9f;font-size:9px;font-style:normal;
  transition:transform .2s ease,color .2s ease;
}
.nav-parent:hover .nav-chevron{color:#d7c08a}
.nav-group.collapsed .nav-chevron{transform:rotate(-90deg)}
.sidebar .nav-submenu{
  display:grid;gap:2px;
  margin:3px 0 5px 13px;padding:3px 0 3px 11px;
  border-left:1px solid var(--sidebar-line);
}
.nav-group.collapsed .nav-submenu{display:none}
.sidebar .nav-subitem{
  min-height:34px;
  padding:7px 9px;
  border-radius:8px;
  color:#8fa3b6;
  font-size:11.8px;
  font-weight:520;
  letter-spacing:.08px;
}
.sidebar .nav-subitem>span:first-child{
  width:auto;min-width:0;height:auto;flex:0 0 auto;padding:0;
  border:0;border-radius:0;background:none;
  color:#71889c;
  font-size:9px;font-weight:700;letter-spacing:.15px;
}
.sidebar .nav-subitem:hover{
  color:#eef3f7;
  border-color:transparent;
  background:rgba(255,255,255,.045);
  transform:translateX(1px);
}
.sidebar .nav-subitem.active{
  color:#f3dfb0;
  border-color:rgba(216,184,114,.13);
  background:linear-gradient(90deg,rgba(216,184,114,.14),rgba(216,184,114,.035));
  box-shadow:inset 2px 0 var(--sidebar-gold);
}
.sidebar .nav-subitem.active::after{display:none}
.sidebar .nav-subitem.active>span:first-child{color:#e1c589}
.nav-submenu .nav-group{min-width:0}
.nav-submenu .nav-submenu{margin-left:9px;padding-left:8px;border-left-color:rgba(216,184,114,.11)}
.sidebar .nav-submenu .email-child>span,
.sidebar #bankMailNavGroup>.nav-parent>span{
  width:auto;min-width:0;height:auto;padding:0;
  border:0;background:none;
  color:inherit;font-size:inherit;letter-spacing:.08px;
}
.sidebar #emailMasterNavGroup>.nav-parent>span:first-child{color:#d4b878}
.sidebar #bankMailNavGroup>.nav-parent>span:first-child{color:#a9bac9;font-size:11.5px;font-weight:620}
.sidebar .nav-subitem>.nav-index{
  width:12px;min-width:12px;text-align:right;
  color:#6e879b;font-size:9px;font-weight:700;font-variant-numeric:tabular-nums;
}
.sidebar .nav-subitem>.nav-text{width:auto;min-width:0;color:inherit}

.nav-badge{
  min-width:18px;height:18px;padding:0 5px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:linear-gradient(145deg,#d55364,#ad2f43);
  color:#fff;
  font-size:9px;font-weight:800;line-height:1;
  box-shadow:0 3px 9px rgba(118,23,43,.24);
}
.nav-total{color:#71889c;font-size:9.5px;font-weight:600}
.sidebar .nav-item:hover .nav-total,.sidebar .nav-item.active .nav-total{color:#b8c6d1}

.sidebar-foot{
  flex:none;
  margin:0 2px;
  padding:14px 2px 0;
  border-top:1px solid rgba(255,255,255,.075);
  background:none;
}
.system-state{
  margin:0 5px 9px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:9px;
  background:rgba(255,255,255,.025);
  color:#8499ac;
  font-size:10.5px;font-weight:580;letter-spacing:.12px;
}
.system-state i{
  width:6px;height:6px;
  background:#67c89f;
  box-shadow:0 0 0 4px rgba(103,200,159,.09);
}
.sidebar-user{
  margin:0 6px 7px;
  color:#61798e;
  font-size:9.5px;font-weight:520;line-height:1.5;
  letter-spacing:.08px;
}
#logoutBtn{
  min-height:36px;
  margin:0;
  padding:7px 10px;
  color:#8399ad;
  font-size:11.5px;
}
#logoutBtn>span{width:25px;height:25px;flex-basis:25px;font-size:11px}

@media(max-height:900px){
  .sidebar{padding-top:18px}
  .sidebar-brand{padding-bottom:16px;margin-bottom:12px}
  .nav-section-label{margin-top:13px}
  .sidebar .nav-item{min-height:38px;padding-top:7px;padding-bottom:7px}
  .sidebar .nav-subitem{min-height:31px;padding-top:5px;padding-bottom:5px}
}
@media(max-width:760px){
  .sidebar{
    width:min(304px,84vw);
    padding:20px 15px 16px;
    box-shadow:24px 0 70px rgba(3,12,22,.38);
  }
  .app-shell{display:block}
  .sidebar-brand .brand-mark{width:39px;height:39px}
  .sidebar .nav-item{min-height:42px}
}

/* ==========================================================================
   邮件分类：固定三段式信息架构（2026-10-21）
   目标：把六项公司注册邮件集中成主分组，银行与月度申报保持清晰层级；
   不随任何客户或邮件时间动态改变顺序。
   ========================================================================== */
#emailClassifyNavGroup>.nav-submenu{
  gap:7px;
  margin-left:8px;
  padding-left:9px;
  border-left-color:rgba(117,151,180,.17);
}
#emailClassifyNavGroup .mail-category-group{
  gap:0;
  border:1px solid rgba(132,162,188,.16);
  border-radius:11px;
  padding:3px;
  overflow:hidden;
  box-shadow:0 7px 18px rgba(2,10,20,.12);
}
#emailClassifyNavGroup .company-registration-mail{
  border-color:rgba(208,173,105,.23);
  background:linear-gradient(145deg,rgba(28,60,91,.66),rgba(10,30,50,.72));
}
#emailClassifyNavGroup .bank-mail{
  border-color:rgba(92,154,163,.22);
  background:linear-gradient(145deg,rgba(18,59,69,.55),rgba(9,31,44,.72));
}
#emailClassifyNavGroup .mail-category-group-head{
  width:100%;
  min-height:39px;
  padding:8px 9px;
  border:0;
  border-radius:8px;
  color:#dbe6ef;
  font-size:12.2px;
  font-weight:800;
  letter-spacing:.15px;
}
#emailClassifyNavGroup .mail-category-group-head:hover{
  color:#fff;
  background:rgba(255,255,255,.055);
}
#emailClassifyNavGroup .mail-category-group-head>.nav-index,
#emailClassifyNavGroup>.nav-submenu>.mail-category-primary>.nav-index{
  width:28px;
  min-width:28px;
  height:22px;
  margin-right:3px;
  display:inline-grid;
  place-items:center;
  border-radius:6px;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.2px;
}
#companyRegistrationMailNavGroup .mail-category-group-head>.nav-index{
  color:#e2c17f;
  border:1px solid rgba(215,180,111,.31);
  background:rgba(201,154,69,.12);
}
#bankMailNavGroup .mail-category-group-head>.nav-index{
  color:#9fd3d5;
  border:1px solid rgba(103,177,181,.29);
  background:rgba(74,148,153,.12);
}
#emailClassifyNavGroup .mail-category-group-head>.nav-text{
  min-width:0;
  overflow:hidden;
  color:inherit;
  font-size:12.2px;
  font-weight:800;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#emailClassifyNavGroup .mail-category-group>.nav-submenu{
  gap:2px;
  margin:2px 2px 3px 10px;
  padding:3px 0 3px 8px;
}
#companyRegistrationMailNavGroup>.nav-submenu{border-left-color:rgba(208,173,105,.26)}
#bankMailNavGroup>.nav-submenu{border-left-color:rgba(103,177,181,.24)}
#emailClassifyNavGroup .mail-category-group .nav-subitem{
  min-height:31px;
  padding:6px 7px;
  gap:7px;
  border-radius:7px;
  color:#9db0c2;
  font-size:11.4px;
}
#emailClassifyNavGroup .mail-category-group .nav-subitem:hover{
  color:#f0f5fa;
  background:rgba(255,255,255,.06);
}
#emailClassifyNavGroup .mail-category-group .nav-subitem.active{
  color:#f3d99e;
  background:linear-gradient(90deg,rgba(216,184,114,.14),rgba(216,184,114,.025));
}
#emailClassifyNavGroup .mail-category-group .nav-subitem>.nav-index{
  width:18px;
  min-width:18px;
  height:18px;
  display:inline-grid;
  place-items:center;
  border-radius:5px;
  background:rgba(255,255,255,.055);
  color:#8fa6ba;
  font-size:9px;
  font-weight:800;
}
#emailClassifyNavGroup .mail-category-group .nav-subitem.active>.nav-index{
  color:#edcf8b;
  background:rgba(216,184,114,.11);
}
#emailClassifyNavGroup .mail-category-group .nav-text{
  min-width:0;
  overflow:hidden;
  color:inherit;
  font-size:11.4px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#emailClassifyNavGroup>.nav-submenu>.mail-category-primary{
  min-height:40px;
  margin:2px 0 0;
  padding:8px 9px;
  border:1px solid rgba(92,140,177,.21);
  border-radius:10px;
  color:#dce9f4;
  background:linear-gradient(135deg,rgba(29,73,108,.62),rgba(12,38,62,.72));
  font-size:12px;
  font-weight:800;
}
#emailClassifyNavGroup>.nav-submenu>.mail-category-primary:hover{
  color:#fff;
  background:linear-gradient(135deg,rgba(35,84,122,.74),rgba(13,43,69,.78));
}
#emailClassifyNavGroup>.nav-submenu>.mail-category-primary>.nav-index{
  color:#a8cbe5;
  border:1px solid rgba(125,176,211,.27);
  background:rgba(74,135,178,.11);
}
/* ==========================================================================
   2026-10-21 · Sidebar refinement
   One restrained executive-navigation system for every module:
   navy foundation, champagne selection, slate hierarchy, quiet dividers.
   ========================================================================== */
:root{
  --sidebar-w:288px;
  --sidebar-ink:#f4f6f7;
  --sidebar-muted:#96a7b7;
  --sidebar-faint:#6f8396;
  --sidebar-gold:#d8ba78;
  --sidebar-gold-soft:rgba(216,186,120,.13);
  --sidebar-line:rgba(144,167,188,.14);
}
.app-shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}
.sidebar{
  width:var(--sidebar-w);
  padding:26px 16px 16px;
  background:
    radial-gradient(340px 220px at 0% -4%,rgba(216,186,120,.13),transparent 68%),
    radial-gradient(300px 360px at 110% 52%,rgba(62,98,127,.12),transparent 74%),
    linear-gradient(177deg,#0b1d30 0%,#08182a 52%,#061321 100%);
  border-right:1px solid rgba(216,186,120,.12);
  box-shadow:14px 0 42px rgba(3,12,22,.18),inset -1px 0 rgba(255,255,255,.025);
  font-family:"Avenir Next","SF Pro Text","PingFang SC","Hiragino Sans GB",system-ui,sans-serif;
}
.sidebar::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.34;
  background:
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.009) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.24) 54%,transparent);
}
.sidebar::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:1px;
  height:100%;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(216,186,120,.28) 16%,rgba(216,186,120,.07) 78%,transparent);
}
.sidebar-icon-sprite{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
}
.nav-svg{
  width:16px;
  height:16px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.menu-btn .nav-svg{
  width:18px;
  height:18px;
  margin:auto;
  color:#173d61;
}
.sidebar .sidebar-brand{
  margin:0 4px 18px;
  padding:2px 7px 19px;
  gap:13px;
  border-bottom-color:rgba(255,255,255,.065);
}
.sidebar .sidebar-brand::after{
  left:7px;
  bottom:-1px;
  width:64px;
  background:linear-gradient(90deg,rgba(216,186,120,.74),transparent);
}
.sidebar-brand .brand-mark{
  width:43px;
  height:43px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:12px;
  background:linear-gradient(145deg,#edd59f 0%,#d4b16d 52%,#ad8237 100%);
  color:#0a1b2e;
  font:700 19px/1 Georgia,"Songti SC",serif;
  box-shadow:
    inset 0 1px rgba(255,255,255,.52),
    0 10px 22px rgba(0,0,0,.22);
}
.sidebar-brand-copy{gap:3px}
.sidebar-brand-copy b{
  color:#f1f4f6;
  font-size:15px;
  font-weight:680;
  line-height:1.32;
  letter-spacing:.2px;
}
.sidebar-brand-copy small{
  color:#71879b;
  font-size:8.5px;
  font-weight:720;
  line-height:1.2;
  letter-spacing:2.15px;
}
.sidebar nav{
  gap:3px;
  padding:0 3px 20px 0;
  scrollbar-color:#344b61 transparent;
}
.sidebar nav::-webkit-scrollbar{width:4px}
.sidebar nav::-webkit-scrollbar-thumb{
  background:#344b61;
  border:0;
  border-radius:999px;
}
.nav-section-label{
  display:flex;
  align-items:center;
  gap:10px;
  margin:18px 9px 6px;
  padding:0;
  color:#6c8296;
  font-size:9px;
  font-weight:760;
  line-height:1.4;
  letter-spacing:1.65px;
  white-space:nowrap;
}
.nav-section-label::after{
  content:"";
  flex:1;
  height:1px;
  margin-right:2px;
  background:linear-gradient(90deg,rgba(126,151,173,.18),transparent);
}
.nav-section-work{margin-top:2px}
.nav-section-operations{margin-top:17px}

/* Primary destinations */
.sidebar .nav-item{
  min-height:41px;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:9px;
  color:#a7b7c6;
  font-size:13px;
  font-weight:570;
  line-height:1.45;
  letter-spacing:.08px;
  gap:10px;
  transform:none;
  transition:color .16s ease,background .16s ease,border-color .16s ease;
}
.sidebar .nav-item[data-view]:not(.nav-subitem)>span,
#logoutBtn>span{
  width:27px;
  height:27px;
  flex:0 0 27px;
  border:1px solid rgba(139,163,184,.13);
  border-radius:7px;
  background:rgba(255,255,255,.022);
  color:#7890a5;
  font-size:11px;
  font-weight:720;
  box-shadow:none;
}
.sidebar .nav-item:hover{
  color:#edf2f6;
  border-color:rgba(255,255,255,.045);
  background:rgba(255,255,255,.043);
  transform:none;
}
.sidebar .nav-item:hover>span{
  color:#c5d2dd;
  border-color:rgba(216,186,120,.16);
  background:rgba(216,186,120,.055);
}
.sidebar .nav-item.active{
  color:#fff;
  border-color:rgba(216,186,120,.16);
  background:
    linear-gradient(90deg,rgba(216,186,120,.14),rgba(216,186,120,.035) 62%,rgba(255,255,255,.012));
  box-shadow:inset 2px 0 var(--sidebar-gold);
}
.sidebar .nav-item.active::after{display:none}
.sidebar .nav-item.active>span{
  color:#ebcf91;
  border-color:rgba(216,186,120,.25);
  background:rgba(216,186,120,.10);
}
.sidebar .nav-item[data-view]:not(.nav-subitem)>.nav-text,
#logoutBtn>.nav-text{
  width:auto;
  min-width:0;
  height:auto;
  flex:1 1 auto;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
}

/* Consistent top-level module groups */
.sidebar nav>.nav-group{
  margin:1px 0;
  padding:2px;
  border:1px solid rgba(141,165,186,.09);
  border-radius:10px;
  background:rgba(255,255,255,.012);
}
.sidebar nav>.nav-group>.nav-parent{
  min-height:39px;
  padding:7px 9px;
  border-radius:8px;
  color:#b4c2cf;
  font-size:13px;
  font-weight:620;
}
.sidebar nav>.nav-group>.nav-parent:hover{
  background:rgba(255,255,255,.035);
}
.sidebar nav>.nav-group>.nav-parent .nav-chevron{
  color:#62798d;
}
.sidebar .nav-parent .nav-chevron{
  width:18px;
  height:18px;
  font-size:0;
}
.sidebar .nav-parent .nav-chevron::before{
  content:"";
  width:5.5px;
  height:5.5px;
  display:block;
  border-right:1.35px solid currentColor;
  border-bottom:1.35px solid currentColor;
  transform:translateY(-1.5px) rotate(45deg);
}
.sidebar nav>.nav-group>.nav-submenu{
  margin:1px 4px 4px 17px;
  padding:3px 0 4px 9px;
  border-left-color:rgba(139,163,184,.12);
}
.sidebar .submodule-item>span:first-child{
  width:25px;
  height:21px;
  min-width:25px;
  flex-basis:25px;
  border-color:rgba(216,186,120,.18);
  border-radius:5px;
  background:rgba(216,186,120,.045);
  color:#bea66f;
  font-size:8px;
  font-weight:780;
  letter-spacing:.2px;
}
.sidebar .submodule-item>.nav-icon{
  width:27px;
  height:27px;
  min-width:27px;
  flex-basis:27px;
  border-color:rgba(139,163,184,.13);
  border-radius:7px;
  background:rgba(255,255,255,.022);
  color:#7890a5;
}
.sidebar .nav-submenu{
  gap:1px;
  margin:2px 0 4px 12px;
  padding:3px 0 3px 9px;
}
.sidebar .nav-subitem{
  min-height:32px;
  padding:6px 8px;
  border-radius:7px;
  color:#8ea2b4;
  font-size:11.8px;
  font-weight:520;
  letter-spacing:.06px;
}
.sidebar .nav-subitem>span:first-child{
  color:#657d92;
  font-size:8.8px;
  font-weight:700;
}
.sidebar .nav-subitem:hover{
  color:#e8eff5;
  background:rgba(255,255,255,.038);
  transform:none;
}
.sidebar .nav-subitem.active{
  color:#f1dcae;
  border-color:rgba(216,186,120,.09);
  background:linear-gradient(90deg,rgba(216,186,120,.105),rgba(216,186,120,.02));
  box-shadow:inset 2px 0 rgba(216,186,120,.78);
}
.sidebar .nav-subitem.active>span:first-child{color:#d8b872}

/* Email classification remains a three-part information architecture,
   but uses the same quiet executive surface system. */
#emailMasterNavGroup .nav-submenu>.email-child{
  min-height:38px;
  padding:7px 9px;
  color:#aebdcb;
  font-size:12.6px;
  font-weight:620;
}
#emailClassifyNavGroup>.nav-submenu{
  gap:6px;
  margin-left:7px;
  padding-left:8px;
  border-left-color:rgba(135,160,182,.14);
}
#emailClassifyNavGroup .mail-category-group{
  padding:2px;
  border-radius:9px;
  box-shadow:none;
}
#emailClassifyNavGroup .company-registration-mail{
  border-color:rgba(216,186,120,.14);
  background:linear-gradient(145deg,rgba(61,75,88,.16),rgba(11,28,45,.24));
}
#emailClassifyNavGroup .bank-mail{
  border-color:rgba(113,151,165,.14);
  background:linear-gradient(145deg,rgba(43,73,83,.14),rgba(10,28,42,.24));
}
#emailClassifyNavGroup .mail-category-group-head{
  min-height:37px;
  padding:7px 8px;
  border-radius:7px;
  color:#d8e1e8;
  font-size:12px;
  font-weight:680;
}
#emailClassifyNavGroup .mail-category-group-head:hover{
  background:rgba(255,255,255,.04);
}
#emailClassifyNavGroup .mail-category-group-head>.nav-index,
#emailClassifyNavGroup>.nav-submenu>.mail-category-primary>.nav-index{
  width:25px;
  min-width:25px;
  height:20px;
  border-radius:5px;
  font-size:9px;
  font-weight:790;
}
#companyRegistrationMailNavGroup .mail-category-group-head>.nav-index{
  color:#dfc184;
  border-color:rgba(216,186,120,.25);
  background:rgba(216,186,120,.07);
}
#bankMailNavGroup .mail-category-group-head>.nav-index{
  color:#9fc2ca;
  border-color:rgba(126,164,172,.22);
  background:rgba(99,142,151,.07);
}
#emailClassifyNavGroup .mail-category-group-head>.nav-text{
  font-size:12px;
  font-weight:680;
}
#emailClassifyNavGroup .mail-category-group>.nav-submenu{
  margin:1px 1px 2px 9px;
  padding:2px 0 2px 7px;
  border-left-color:rgba(137,160,180,.13);
}
#emailClassifyNavGroup .mail-category-group .nav-subitem{
  min-height:29px;
  padding:5px 7px;
  border-radius:6px;
  color:#91a5b6;
  font-size:11.2px;
}
#emailClassifyNavGroup .mail-category-group .nav-subitem>.nav-index{
  width:17px;
  min-width:17px;
  height:17px;
  border-radius:4px;
  background:rgba(255,255,255,.04);
  color:#7f95a8;
  font-size:8.5px;
}
#emailClassifyNavGroup .mail-category-group .nav-text{
  font-size:11.2px;
}
#emailClassifyNavGroup>.nav-submenu>.mail-category-primary{
  min-height:38px;
  margin-top:1px;
  padding:7px 8px;
  border-color:rgba(114,151,181,.15);
  border-radius:8px;
  background:linear-gradient(135deg,rgba(35,70,98,.30),rgba(10,29,48,.28));
  color:#d2dfe9;
  font-size:11.8px;
  font-weight:680;
}
#emailClassifyNavGroup>.nav-submenu>.mail-category-primary:hover{
  background:linear-gradient(135deg,rgba(41,82,114,.38),rgba(11,33,53,.34));
}
#emailClassifyNavGroup>.nav-submenu>.mail-category-primary>.nav-index{
  color:#a9c5db;
  border-color:rgba(127,169,200,.20);
  background:rgba(82,132,168,.07);
}
#emailClassifyNavGroup>.nav-submenu>.mail-category-primary.tax-config-mail{
  border-color:rgba(93,139,161,.17);
  background:linear-gradient(135deg,rgba(31,68,89,.29),rgba(10,29,46,.27));
}
#emailClassifyNavGroup>.nav-submenu>.mail-category-primary.tax-config-mail>.nav-index{
  color:#a6c2cf;
  border-color:rgba(125,168,184,.20);
  background:rgba(78,128,148,.07);
}
#emailClassifyNavGroup>.nav-submenu>.mail-category-primary.inbox-unclassified{
  border-color:rgba(137,151,169,.14);
  background:linear-gradient(135deg,rgba(49,67,85,.24),rgba(12,29,45,.25));
}
#emailClassifyNavGroup>.nav-submenu>.mail-category-primary.inbox-unclassified>.nav-index{
  color:#a2afbf;
  border-color:rgba(137,155,174,.18);
  background:rgba(112,133,154,.065);
}

/* Badges + footer */
.nav-badge{
  min-width:18px;
  height:18px;
  padding:0 5px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,#c94f5f,#a72c40);
  font-size:9px;
  font-weight:760;
  box-shadow:none;
}
.nav-total{
  margin-left:auto;
  color:#698195;
  font-size:9px;
  font-weight:560;
  letter-spacing:0;
}
.sidebar .nav-item:hover .nav-total,
.sidebar .nav-item.active .nav-total{color:#aebdcb}
.sidebar-foot{
  margin:0 2px;
  padding:13px 2px 0;
  border-top-color:rgba(255,255,255,.06);
}
.system-state{
  margin:0 5px 8px;
  padding:7px 8px;
  border-color:rgba(255,255,255,.045);
  background:rgba(255,255,255,.018);
  color:#7b91a4;
  font-size:10px;
  font-weight:540;
}
.system-state i{
  width:6px;
  height:6px;
  background:#62b994;
  box-shadow:0 0 0 3px rgba(98,185,148,.08);
}
.sidebar-user{
  margin:0 7px 7px;
  color:#60788d;
  font-size:9.4px;
  font-weight:500;
}
#logoutBtn{
  min-height:34px;
  padding:6px 9px;
  color:#8197aa;
  font-size:11px;
}
#logoutBtn>span{
  width:24px;
  height:24px;
  flex-basis:24px;
  font-size:10px;
}

@media(max-height:900px){
  .sidebar{padding-top:18px}
  .sidebar .sidebar-brand{
    margin-bottom:10px;
    padding-bottom:14px;
  }
  .nav-section-label{margin-top:12px}
  .sidebar .nav-item{min-height:37px;padding-top:6px;padding-bottom:6px}
  .sidebar .nav-subitem{min-height:29px;padding-top:5px;padding-bottom:5px}
}
@media(max-width:760px){
  .sidebar{
    width:min(306px,86vw);
    padding:20px 14px 14px;
    box-shadow:24px 0 70px rgba(3,12,22,.36);
  }
  .sidebar .nav-item{min-height:41px}
}

/* “发送邮件 / 邮件分类”是文字章节标题，不是数字图标。
   必须横向单行显示，并由文字占满剩余宽度，徽标和折叠箭头各自保留独立位置。 */
#emailMasterNavGroup .nav-submenu>.email-child{
  flex-wrap:nowrap;
  justify-content:flex-start;
  min-height:40px;
  padding:7px 9px;
  overflow:hidden;
}
.sidebar #emailMasterNavGroup .nav-submenu>.email-child>.email-child-label{
  width:auto !important;
  min-width:0 !important;
  max-width:none;
  height:auto !important;
  flex:1 1 auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  color:inherit !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  white-space:nowrap !important;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left !important;
  font-size:12.6px !important;
  font-weight:660 !important;
  line-height:1.45 !important;
  letter-spacing:.08px !important;
}
.sidebar #emailMasterNavGroup .nav-submenu>.email-child>.nav-badge{
  flex:0 0 auto;
  margin-left:auto;
}
.sidebar #emailMasterNavGroup .nav-submenu>.email-child>.nav-chevron{
  flex:0 0 18px;
  margin-left:4px;
}

/* All navigation numbers use one type scale. */
.sidebar .module-index,
.sidebar .item-index,
.sidebar .nav-index{
  font-family:"Avenir Next","SF Pro Text",system-ui,sans-serif !important;
  font-size:9.5px !important;
  font-weight:760 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
}
.sidebar .item-index{
  min-width:27px;
  text-align:right !important;
}
.sidebar .module-index{
  text-align:center !important;
}