/* 机械与交通学院 党务信息管理系统 —— 自定义样式 */
body {
  font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  background-color: #f5f6f8;
}

.navbar-brand { letter-spacing: 1px; }
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.85); }
.navbar-dark .navbar-nav .nav-link.active { color: #fff; font-weight: 600; }

.card { border-radius: .6rem; }
.card-header { border-bottom: 1px solid #eee; border-radius: .6rem .6rem 0 0 !important; }

.table > :not(caption) > * > * { padding: .55rem .75rem; }

/* 表单焦点红色主题 */
.form-control:focus, .form-select:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .15);
}

.btn-danger { background-color: #C0392B; border-color: #C0392B; }
.btn-danger:hover { background-color: #a93226; border-color: #a93226; }
.btn-outline-danger { color: #C0392B; border-color: #C0392B; }
.btn-outline-danger:hover { background-color: #C0392B; border-color: #C0392B; }
.text-danger, .bg-danger { background-color: #C0392B !important; }
.bg-danger { --bs-bg-opacity: 1; }
a.text-decoration-none:hover { text-decoration: underline !important; }

.table-light { --bs-table-bg: #f8f9fa; }

/* ============ 左侧边栏布局 ============ */
.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 240px;
  height: 100vh;
  z-index: 1030;
}
.main-content {
  margin-left: 240px;
  min-height: 100vh;
}
@media (max-width: 991.98px) {
  .sidebar { display: none !important; }
  .main-content { margin-left: 0; }
}

.sidebar .nav-sidebar .nav-link {
  color: rgba(255, 255, 255, .85);
  border-radius: .375rem;
  padding: .5rem .75rem;
  font-size: .925rem;
  white-space: nowrap;
}
.sidebar .nav-sidebar .nav-link:hover {
  background: rgba(255, 255, 255, .12);
  color: #fff;
}
.sidebar .nav-sidebar .nav-link.active {
  background: rgba(255, 255, 255, .18);
  color: #fff;
  font-weight: 600;
}
.sidebar .nav-sidebar .nav-link.dropdown-toggle::after {
  float: right;
  margin-top: .5em;
}
.sidebar .collapse .nav-link {
  padding: .4rem .75rem;
  font-size: .875rem;
  color: rgba(255, 255, 255, .72);
}
.sidebar .collapse .nav-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, .10);
}
.sidebar .dropdown-divider { opacity: .3; }

/* 移动端抽屉复用侧边栏样式 */
.offcanvas.bg-danger .nav-sidebar .nav-link {
  color: rgba(255, 255, 255, .85);
  border-radius: .375rem;
  padding: .5rem .75rem;
  font-size: .925rem;
}
.offcanvas.bg-danger .nav-sidebar .nav-link:hover { background: rgba(255,255,255,.12); color: #fff; }
.offcanvas.bg-danger .nav-sidebar .nav-link.active { background: rgba(255,255,255,.18); color: #fff; font-weight: 600; }
.offcanvas.bg-danger .nav-sidebar .nav-link.dropdown-toggle::after { float: right; margin-top: .5em; }
.offcanvas.bg-danger .collapse .nav-link { padding: .4rem .75rem; font-size: .875rem; color: rgba(255,255,255,.72); }
.offcanvas.bg-danger .collapse .nav-link:hover { color: #fff; background: rgba(255,255,255,.10); }
