/**
 * 华鹍云品牌主题 — 统一外壳（侧栏/顶栏/Tab）与 iframe 内容区配色
 * 基于 skin-green + theme-dark
 */

:root {
    --hk-primary: #10b981;
    --hk-primary-dark: #059669;
    --hk-primary-darker: #047857;
    --hk-primary-soft: rgba(16, 185, 129, 0.12);
    --hk-page-bg: #f3f3f4;
    --hk-card-bg: #ffffff;
    --hk-border: #e7eaec;
    --hk-text: #676a6c;
    --hk-text-heading: #2f4050;
}

/* —— 顶栏 / Logo —— */
.skin-green .navbar,
.skin-green .navbar-default {
    background-color: var(--hk-primary) !important;
}

.skin-green .logo {
    background-color: var(--hk-primary-dark) !important;
}

.skin-green .logo:hover {
    background-color: var(--hk-primary-darker) !important;
}

.skin-green .navbar .sidebar-toggle:hover,
.skin-green li.user-header {
    background-color: var(--hk-primary-dark) !important;
}

.skin-green .navbar-default .nav > li.selected > a,
.skin-green .navbar-default .nav > li.selected > a:focus {
    background-color: var(--hk-primary-dark) !important;
}

.skin-green .dropdown-menu > .active > a,
.skin-green .dropdown-menu > .active > a:hover,
.skin-green .dropdown-menu > .active > a:focus {
    background-color: var(--hk-primary) !important;
}

/* —— 侧栏（深色系 + 翠绿强调）—— */
.theme-dark.skin-green .navbar-static-side,
.skin-green.theme-dark .navbar-static-side,
.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side {
    background: linear-gradient(180deg, #1e3d34 0%, #152a26 100%) !important;
}

.theme-dark.skin-green .user-panel,
.skin-green.theme-dark .user-panel {
    background-color: rgba(0, 0, 0, 0.12) !important;
}

.skin-green .nav:not(.navbar-toolbar) > li.active {
    border-left-color: var(--hk-primary) !important;
}

.skin-green .nav > li.active > ul li.active {
    border-left: 3px solid var(--hk-primary) !important;
}

/* —— 选项卡 —— */
.page-tabs a.active,
.page-tabs a.active:hover,
.page-tabs a.active i:hover {
    background: #fff !important;
    color: var(--hk-primary-dark) !important;
    border-top: 2px solid var(--hk-primary) !important;
}

.content-tabs {
    background: #fafafa !important;
    border-bottom-color: var(--hk-border) !important;
}

/* —— 内容区背景（iframe 外层）—— */
.gray-bg,
#page-wrapper.gray-bg {
    background-color: var(--hk-page-bg) !important;
}

#content-main {
    background-color: var(--hk-page-bg);
}

/* —— iframe 内页通用（layout.php）—— */
body.gray-bg {
    background-color: var(--hk-page-bg) !important;
}

.gray-bg .container-div {
    background-color: var(--hk-page-bg);
    padding: 10px 15px;
}

/* 主按钮 / 链接色与品牌一致 */
.btn-primary,
.btn-primary:focus {
    background-color: var(--hk-primary);
    border-color: var(--hk-primary-dark);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--hk-primary-dark);
    border-color: var(--hk-primary-darker);
}

a {
    color: var(--hk-primary-dark);
}

a:hover,
a:focus {
    color: var(--hk-primary-darker);
}

/* ibox 卡片与首页 Bento 卡片视觉统一 */
.ibox {
    border-radius: 8px;
    border: 1px solid var(--hk-border);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.ibox-title {
    border-color: var(--hk-border);
}