/* 所有业务频道共用的顶栏标签，原生按钮与 uni-app 使用同一套几何尺寸。 */
.channel-tabbar {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  position: sticky;
  top: 0;
  z-index: 45;
  min-height: 60px;
  padding: 8px 112px 8px 16px;
  background: #17382e;
  border: 0;
}
.channel-tabs {
  display: flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items: center;
  gap: 20px;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.channel-tabs[hidden] { display: none; }
.channel-tabs .channel-tab {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 0 0 auto;
  height: 44px;
  min-height: 44px;
  min-width: 0;
  width:auto;
  margin: 0;
  padding: 4px 2px 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #ffffff8f;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
}
.channel-tabs .channel-tab::after {
  content: none;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 2px;
  left: 50%;
  box-sizing: border-box;
  width: 22px;
  height: 3px;
  margin: 0;
  border: 0;
  border-radius: 3px;
  transform: translateX(-50%);
  background: #fff;
}
.channel-tabs .channel-tab[aria-pressed="true"] {
  background: transparent;
  color: #fff;
  font-weight: 700;
}
.channel-tabs .channel-tab[aria-pressed="true"]::after { content: ""; }

.channel-tabbar .channel-tabs { flex:1; overflow-x:auto; scrollbar-width:none; }
.channel-tabbar .channel-tabs::-webkit-scrollbar { display:none; }
.channel-actions { position:absolute; right:var(--app-header-action-right,12px); top:var(--app-header-action-top,8px); display:flex; align-items:center; }
.channel-actions :is(button,uni-button):not([role="menuitem"]) { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:var(--app-header-action-size,44px); min-width:var(--app-header-action-size,44px); height:var(--app-header-action-size,44px); min-height:var(--app-header-action-size,44px); margin:0; padding:0; background:transparent; border:0; border-radius:0; color:white; }

/* 二、三级导航共享文字标签，点击区与选中线对齐。 */
html :is(.warehouse,.shell) .app-subtabs { display:flex; align-items:center; gap:var(--app-subnav-gap,24px); min-height:var(--app-subnav-height,44px); max-width:100%; overflow-x:auto; padding:0; margin:0 0 12px; border:0; border-bottom:1px solid var(--app-border-subtle,#edf2ee); border-radius:0; background:transparent; }
html :is(.warehouse,.shell) .app-subtabs button { position:relative; display:flex; align-items:center; justify-content:center; gap:6px; flex:none; height:var(--app-subnav-height,44px); min-height:var(--app-subnav-height,44px); padding:0 2px; border:0; border-radius:0; background:transparent; color:var(--app-muted,#6c7c74); font-size:14px; font-weight:400; line-height:22px; box-shadow:none; }
html :is(.warehouse,.shell) .app-subtabs button[aria-pressed="true"] { color:#17382e; font-weight:600; background:transparent; box-shadow:none; }
html :is(.warehouse,.shell) .app-subtabs button[aria-pressed="true"]::after { content:""; position:absolute; top:auto; right:auto; bottom:0; left:50%; width:20px; height:2px; border:0; border-radius:2px; transform:translateX(-50%); background:var(--app-primary,#285d45); }

/* Shared mobile add-action popover. */
.app-action-menu{position:fixed;z-index:1200;min-width:164px;max-width:calc(100vw - 24px);padding:6px;background:#fff;border:1px solid var(--app-border-subtle,#edf2ee);border-radius:14px;box-shadow:var(--app-shadow-md,0 8px 24px rgba(15,56,46,0.14))}
.app-action-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 14px;border:0;border-radius:9px;background:transparent;color:#17382e;font:500 15px/24px var(--app-font,system-ui);text-align:left;box-shadow:none}
.app-action-menu button .action-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;color:var(--app-primary,#285d45)}
.app-action-menu button .action-menu-icon .ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.app-action-menu button+button{border-top:1px solid var(--app-border-subtle,#edf2ee)}
.app-action-menu button:disabled{opacity:.4}
.app-action-menu button:focus-visible{outline:2px solid #23674e;outline-offset:-2px}

.channel-actions :is(button,uni-button):not([role="menuitem"]){box-shadow:none;transform:none}
.channel-actions .ui-icon{width:var(--app-header-icon-size,24px);height:var(--app-header-icon-size,24px)}