/*
 * 机构端顶栏微调（仅 composite 机构管理员登录场景）
 * - 隐藏一级模块导航，直接进入默认模块
 * - 系统标题完整显示，左侧栏宽度保持 230px 不变
 * - 姓名旁修改密码胶囊按钮
 * - 顶栏统一深藏青渐变配色
 */

/* 机构端顶栏：仅改配色，不改定位（保持 AdminLTE fixed 布局） */
.hide-top-module-nav .main-header {
    background: linear-gradient(105deg, #1a3a5c 0%, #214a73 42%, #2a5f8f 72%, #3470a3 100%) !important;
    /* 底部高光线用多层阴影，避免改 position 破坏布局 */
    box-shadow:
        0 2px 12px rgba(26, 58, 92, .22),
        inset 0 -2px 0 rgba(212, 175, 55, .35) !important;
    border-bottom: none !important;
}
.hide-top-module-nav .main-header .logo,
.hide-top-module-nav .main-header .logo:hover {
    background: transparent !important;
    border-right-color: transparent !important;
    color: #fff !important;
}
.hide-top-module-nav .main-header .logo .logo-lg {
    font-weight: 700;
    letter-spacing: .04em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}
.hide-top-module-nav .main-header .navbar {
    background: transparent !important;
    box-shadow: none !important;
}
.hide-top-module-nav .main-header .navbar .nav > li > a,
.hide-top-module-nav .main-header .navbar .nav > li > a:hover,
.hide-top-module-nav .main-header .navbar .nav > li > a:focus,
.hide-top-module-nav .main-header .navbar .nav .open > a,
.hide-top-module-nav .main-header .navbar .nav .open > a:hover,
.hide-top-module-nav .main-header .navbar .nav .open > a:focus {
    color: rgba(255, 255, 255, .92) !important;
    background: transparent !important;
}
.hide-top-module-nav .main-header .navbar .nav > li > a:hover,
.hide-top-module-nav .main-header .navbar .nav .open > a {
    background: rgba(255, 255, 255, .08) !important;
}
.hide-top-module-nav .main-header .navbar .user-menu > .dropdown-menu {
    border: 1px solid #e5e9f2;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .16);
}

@media (min-width: 768px) {
    /* 机构端：隐藏顶栏一级模块 Tab */
    .multiplenav.hide-top-module-nav #firstnav > .nav-addtabs {
        display: none !important;
    }

    /* 机构端：隐藏系统名称旁的侧栏折叠按钮 */
    .hide-top-module-nav #firstnav .sidebar-toggle,
    .hide-top-module-nav .navbar-nav > li > a[data-toggle="fullscreen"],
    .hide-top-module-nav .navbar-nav > li > a[data-toggle="control-sidebar"] {
        display: none !important;
    }

    /* 标题溢出显示，logo 容器宽度不变 */
    .hide-top-module-nav .main-header .logo {
        position: relative;
        overflow: visible !important;
    }

    .hide-top-module-nav .main-header .logo .logo-lg {
        position: absolute;
        left: 15px;
        top: 0;
        height: 50px;
        line-height: 50px;
        white-space: nowrap;
        z-index: 1040;
        overflow: visible;
        pointer-events: none;
    }
}

/* 登录入口类型标签（管理部门 / 机构端 / 监考人员） */
.main-header .logo .logo-lg .portal-label-tag {
    display: inline-block;
    margin-left: 10px;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.4;
    vertical-align: middle;
    color: #f8fafc;
    background: linear-gradient(135deg, rgba(212, 175, 55, .28), rgba(96, 165, 250, .22));
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}
.hide-top-module-nav .main-header .logo .logo-lg .portal-label-tag {
    color: #fff8e7;
    background: linear-gradient(135deg, rgba(212, 175, 55, .42), rgba(180, 140, 40, .28));
    border-color: rgba(251, 191, 36, .45);
}

/* 修改密码胶囊按钮：沿用 FastAdmin 顶栏配色 */
.main-header .navbar-nav > li > a.btn-change-password-capsule {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 9px;
    margin-left: 2px;
    padding: 4px 12px;
    height: auto;
    line-height: 1.4;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.12);
    font-size: 13px;
}

.main-header .navbar-nav > li > a.btn-change-password-capsule:hover,
.main-header .navbar-nav > li > a.btn-change-password-capsule:focus {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}

/* 机构端退出胶囊按钮 */
.main-header .navbar-nav > li > a.btn-logout-capsule {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 9px;
    margin-left: 6px;
    margin-right: 8px;
    padding: 4px 14px;
    height: auto;
    line-height: 1.4;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    background: rgba(239, 68, 68, 0.28);
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}
.main-header .navbar-nav > li > a.btn-logout-capsule:hover,
.main-header .navbar-nav > li > a.btn-logout-capsule:focus {
    background: rgba(239, 68, 68, 0.48);
    border-color: rgba(255, 255, 255, 0.7);
    color: #fff;
}

/*
 * 全局内容区：灰底 + 圆角白卡片（与 exam/statistic 方案统一）
 * 仅作用于 iframe 内页；弹窗页(.is-dialog)不套用，避免影响 Layer 表单
 */
body.inside-header:not(.is-dialog) {
    background: #f4f6fa !important;
}

body.inside-header:not(.is-dialog) #main,
body.inside-header:not(.is-dialog) .tab-content.tab-addtabs,
body.inside-header:not(.is-dialog) #content {
    background: #f4f6fa !important;
}

body.inside-header:not(.is-dialog) #content > .row,
body.inside-header:not(.is-dialog) #content > .row > [class*="col-"] {
    background: transparent !important;
}

body.inside-header:not(.is-dialog) .content {
    background: #f4f6fa;
    padding: 16px 18px 24px;
    min-height: calc(100vh - 90px);
    box-sizing: border-box;
}

/* 已单独美化的页面（自带灰底与圆角卡片）取消框架层 padding，避免套边距 */
body.inside-header:not(.is-dialog) .content:has(.exam-statistic-page),
body.inside-header:not(.is-dialog) .content:has(.exam-notice-page),
body.inside-header:not(.is-dialog) .content:has(.exam-instructions-page),
body.inside-header:not(.is-dialog) .content:has(.exam-echarts-page),
body.inside-header:not(.is-dialog) .content:has(.exam-redis-page) {
    padding: 0;
}

/* 常规列表/表单主容器：圆角白卡片 */
body.inside-header:not(.is-dialog) .content > .panel.panel-default,
body.inside-header:not(.is-dialog) .content > .panel.panel-intro,
body.inside-header:not(.is-dialog) .content > .panel.panel-default.panel-intro {
    background: #fff;
    border: 1px solid #e5e9f2 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    margin-bottom: 0;
}

body.inside-header:not(.is-dialog) .panel-intro > .panel-heading {
    background: #f8fafc !important;
    border-color: #eef1f5 !important;
    border-bottom: 1px solid #eef1f5;
}

body.inside-header:not(.is-dialog) .panel-intro > .panel-heading .nav-tabs > li > a {
    border-radius: 8px 8px 0 0;
    background-color: #eef1f5;
    border-color: #e5e9f2;
    color: #7a8699;
}

body.inside-header:not(.is-dialog) .panel-intro > .panel-heading .nav-tabs > li > a:hover,
body.inside-header:not(.is-dialog) .panel-intro > .panel-heading .nav-tabs > li > a:focus {
    background-color: #e5e9f2;
    border-color: #d9dee7;
    color: #5f6b7a;
}

body.inside-header:not(.is-dialog) .panel-intro > .panel-heading .nav-tabs > li.active > a,
body.inside-header:not(.is-dialog) .panel-intro > .panel-heading .nav-tabs > li.active > a:hover,
body.inside-header:not(.is-dialog) .panel-intro > .panel-heading .nav-tabs > li.active > a:focus {
    background-color: #fff !important;
    color: #2f3b52 !important;
    border-color: #e5e9f2;
    border-bottom-color: #fff;
}

body.inside-header:not(.is-dialog) .panel-intro > .panel-body {
    background: #fff;
}

/* 表格容器随卡片圆角，避免底部直角露白 */
body.inside-header:not(.is-dialog) .panel-intro .bootstrap-table .fixed-table-container {
    border-color: #e5e9f2;
    border-radius: 0 0 10px 10px;
}

body.inside-header:not(.is-dialog) .panel-intro .bootstrap-table .table > thead > tr > th {
    background: #f8fafc;
    color: #5f6b7a;
    font-weight: 600;
    border-bottom-color: #e5e9f2 !important;
}

/* 无 panel 包裹的内容（少数页面）也给一层圆角白底 */
body.inside-header:not(.is-dialog) .content > form[role="form"],
body.inside-header:not(.is-dialog) .content > .alert {
    background: #fff;
    border: 1px solid #e5e9f2;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

body.inside-header:not(.is-dialog) .content > form[role="form"] {
    padding: 16px 18px;
}