/* =====================================================
   ColdWind Orbit 自定义样式
   基于 LightYear Admin v5，补充暗色主题与自定义组件
   ===================================================== */

/* ============== 暗色主题 ============== */
html[data-theme="dark"] {
    --bs-body-bg: #181a23;
    --bs-body-color: #e8ebf2;
    --bs-border-color: #2c303d;
    --bs-light: #21242e;
}

html[data-theme="dark"] .lyear-layout-sidebar-info,
html[data-theme="dark"] .sidebar-header,
html[data-theme="dark"] .lyear-layout-header {
    background-color: #21242e !important;
}

html[data-theme="dark"] .sidebar-header a span,
html[data-theme="dark"] .nav-drawer li a,
html[data-theme="dark"] .navbar-right .icon-item,
html[data-theme="dark"] .navbar-right > li > a {
    color: #e8ebf2 !important;
}

html[data-theme="dark"] .nav-drawer > .active > a {
    background-color: rgba(66, 153, 225, 0.1) !important;
    border-color: #4299e1 !important;
    color: #4299e1 !important;
}

html[data-theme="dark"] .nav-drawer .nav-subnav > li > a:hover {
    color: #4299e1 !important;
}

html[data-theme="dark"] .lyear-aside-toggler .lyear-toggler-bar {
    background-color: #949cb0;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .dropdown-menu {
    background-color: #21242e;
    border-color: #2c303d;
    color: #e8ebf2;
}

html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer {
    border-color: #2c303d;
}

html[data-theme="dark"] .table {
    --bs-table-color: #e8ebf2;
    --bs-table-bg: transparent;
    border-color: #2c303d;
}

html[data-theme="dark"] .table > :not(caption) > * > * {
    color: #e8ebf2;
    border-color: #2c303d;
}

html[data-theme="dark"] .table thead th {
    background-color: rgba(66, 153, 225, 0.05);
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(255, 255, 255, 0.02);
}

html[data-theme="dark"] .table-hover > tbody > tr:hover > * {
    background-color: rgba(66, 153, 225, 0.06);
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select {
    background-color: #181a23;
    border-color: #2c303d;
    color: #e8ebf2;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus {
    background-color: #181a23;
    border-color: #4299e1;
    color: #e8ebf2;
}

html[data-theme="dark"] .form-control::placeholder {
    color: #6b7280;
}

html[data-theme="dark"] .sidebar-footer {
    border-color: rgba(148, 156, 176, 0.1);
    color: #949cb0;
}

html[data-theme="dark"] .sidebar-footer a {
    color: #949cb0;
}

html[data-theme="dark"] .text-muted {
    color: #949cb0 !important;
}

html[data-theme="dark"] .dropdown-divider {
    border-color: #2c303d;
}

html[data-theme="dark"] .list-group-item {
    background-color: #21242e;
    border-color: #2c303d;
    color: #e8ebf2;
}

html[data-theme="dark"] .modal-content {
    background-color: #21242e;
    border-color: #2c303d;
    color: #e8ebf2;
}

html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
    border-color: #2c303d;
}

/* ============== 自定义统计卡片 ============== */
.stat-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

/* ============== 分页 ============== */
.pagination-custom {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 20px;
}
.pagination-custom a,
.pagination-custom span {
    padding: 6px 12px;
    border: 1px solid var(--bs-border-color);
    border-radius: 6px;
    color: var(--bs-secondary);
    font-size: 13px;
    background: var(--bs-light);
    text-decoration: none;
}
.pagination-custom a:hover {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
    text-decoration: none;
}
.pagination-custom .current {
    background: var(--bs-primary);
    color: #fff;
    border-color: var(--bs-primary);
}

/* ============== 空状态 ============== */
.empty-state {
    text-align: center;
    padding: 40px 0;
    color: var(--bs-secondary);
    font-size: 13px;
}

/* ============== 标签 ============== */
.tag {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 11.5px;
    line-height: 1.6;
}

/* ============== 按钮圆角化 ============== */
.btn {
    border-radius: 10px !important;
}
.btn-sm {
    border-radius: 8px !important;
}
.btn-lg {
    border-radius: 12px !important;
}

/* ============== 表单控件圆角化 ============== */
.form-control,
.form-select {
    border-radius: 10px !important;
}

/* ============== 卡片圆角化 ============== */
.card {
    border-radius: 14px !important;
}

/* ============== 弹窗圆角化 ============== */
.modal-content {
    border-radius: 14px !important;
}

/* ============== 徽章圆角化 ============== */
.badge {
    border-radius: 8px !important;
}

/* ============== 分页圆角化 ============== */
.pagination .page-link {
    border-radius: 8px !important;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 8px !important;
}

/* ============== 下拉菜单圆角化 ============== */
.dropdown-menu {
    border-radius: 12px !important;
}

/* ============== 侧边栏头像圆角化 ============== */
.avatar-md {
    border-radius: 10px !important;
}