/* 全站共享导航 nav.css：首页、工单、会员、代理、管理后台、安装向导共用同一套导航样式。
   PC 横向菜单；≤1150px 折叠为汉堡菜单。依赖 ui-tokens.css 变量与 Bootstrap 3 的 navbar/dropdown 脚本。 */
@import url("ui-tokens.css?v=20261104-ui7");
/* 基础 */
.navbar-default{min-height:72px;margin:0;background:#fff;border:0;border-bottom:1px solid var(--c-border);box-shadow:none;}
.navbar-default .navbar-brand{display:flex;align-items:center;gap:11px;height:72px;padding:0 15px 0 0;color:var(--c-primary-dark);font-size:18px;font-weight:650;max-width:100%;}
.navbar>.container .navbar-brand{margin-left:0;}
.navbar-default .navbar-brand::before{content:"";width:9px;height:25px;flex:none;border-radius:5px;background:var(--c-primary);}
.navbar-default .navbar-nav>li>a{padding:23px 13px 21px;border-bottom:3px solid transparent;color:var(--c-text-muted);font-size:13px;line-height:24px;}
.navbar-nav>li>a .glyphicon{margin-right:3px;font-size:12px;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{background:#f6f9f6;color:var(--c-primary-dark);}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover{background:var(--c-primary-soft);color:var(--c-primary-dark);border-bottom-color:var(--c-primary);}
.navbar-default .navbar-right{margin-right:0;}
.navbar-default .navbar-toggle{margin:18px 0;border-color:var(--c-border);border-radius:8px;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background:var(--c-primary-soft);}
.navbar-default .navbar-toggle .icon-bar{background:var(--c-primary-dark);}
.navbar-default .navbar-collapse{border-color:var(--c-border);}
.dropdown-menu{min-width:176px;padding:7px;border:1px solid var(--c-border);border-radius:12px;box-shadow:0 10px 28px rgba(30,63,47,.1);}
.dropdown-menu>li>a{padding:10px 13px;border-radius:7px;color:var(--c-text);font-size:13px;}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a{background:var(--c-primary-soft);color:var(--c-primary-dark);}
/* 主菜单略收紧字距，方便后台多分组并排；子菜单保持可点高度 */
.navbar-default .navbar-nav>li>a{font-weight:500;letter-spacing:.01em;}
.navbar-default .navbar-nav>li.dropdown>a .caret{margin-left:2px;opacity:.75;}
/* 版心：与页面内容同宽同边距 */
.navbar>.container{width:100%;max-width:var(--ui-content);margin:0 auto;padding-left:var(--ui-gutter);padding-right:var(--ui-gutter);}
.navbar>.container>.navbar-header,.navbar>.container>.navbar-collapse{margin-left:0;margin-right:0;}
body .navbar a,body .navbar a:hover,body .navbar a:focus{text-decoration:none;}
.navbar-nav>li>a.ui-nav-disabled{color:var(--c-text-soft);cursor:default;}
/* 窄屏：汉堡折叠 */
@media(max-width:1150px){
 .navbar-header{float:none;}.navbar-toggle{display:block;}.navbar-collapse{border-top:1px solid var(--c-border);box-shadow:none;}.navbar-collapse.collapse{display:none!important;}.navbar-collapse.collapse.in{display:block!important;}.navbar-nav{float:none!important;margin:8px 0;}.navbar-nav>li{float:none;}.navbar-default .navbar-right{float:none!important;margin-right:0;}.navbar-default .navbar-nav>li>a{padding:10px 14px;border:0;border-radius:7px;}.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin:0;background:transparent;border:0;box-shadow:none;}.navbar-fixed-top .navbar-collapse{max-height:calc(100vh - 72px);overflow-y:auto;}
}
@media(max-width:767px){
 :root{--ui-gutter:16px;}
 .navbar-default{min-height:64px;}.navbar-default .navbar-brand{height:64px;font-size:16px;max-width:calc(100% - 56px);overflow-wrap:anywhere;}.navbar-default .navbar-toggle{margin:14px 0;}.navbar>.container .navbar-brand{padding-left:0;}.navbar-header{margin:0!important;}.navbar-fixed-top .navbar-collapse{max-height:calc(100vh - 64px);}
}
/* 汉堡菜单生效的整个宽度范围（≤1150px，含平板）：按钮与菜单项都保持 44px 触控高度。 */
@media(max-width:1150px){
 .navbar-default .navbar-toggle{width:44px;height:44px;margin:14px 0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;}
 .navbar-default .navbar-toggle .icon-bar{margin:0;}
 .navbar-nav .open .dropdown-menu>li>a{min-height:44px;display:flex;align-items:center;}
 .navbar-default .navbar-nav>li>a{min-height:44px;display:flex;align-items:center;}
}
@media(max-width:767px){.navbar-default .navbar-toggle{margin:10px 0;}}
/* 横屏手机：展开的导航在视口内滚动。 */
@media(max-height:480px) and (orientation:landscape){
 .navbar-fixed-top .navbar-collapse{max-height:calc(100vh - 72px);overflow-y:auto;-webkit-overflow-scrolling:touch;}   /* 导航栏 72px 高（宽度 >767px） */
}
@media(max-height:480px) and (orientation:landscape) and (max-width:767px){
 .navbar-fixed-top .navbar-collapse{max-height:calc(100vh - 64px);}   /* 窄横屏时导航栏为 64px 高 */
}
