/* ============================================================
   嘉宾接待管理系统 全局样式（响应式：手机 / PAD / 电脑）
   ============================================================ */
:root {
  --brand: #1f4e79;
  --brand-light: #2e6da4;
}

body {
  font-family: "Microsoft YaHei", "PingFang SC", -apple-system, sans-serif;
  background: #f4f6f9;
}

.navbar-brand { font-weight: 600; letter-spacing: 1px; }

/* 侧边栏（电脑端） */
.sidebar {
  position: fixed; top: 56px; bottom: 0; left: 0;
  width: 220px; background: #222d3d; color: #cfd8e3;
  padding-top: 10px; overflow-y: auto;
}
.sidebar a {
  display: block; color: #cfd8e3; padding: 10px 20px;
  text-decoration: none; font-size: 14px; border-left: 3px solid transparent;
}
.sidebar a:hover { background: #1a2332; color: #fff; }
.sidebar a.active {
  background: #1a2332; color: #fff; border-left-color: #ffc107;
}
.sidebar .group-title {
  padding: 12px 20px 4px; font-size: 12px; color: #7a8aa0;
  text-transform: uppercase;
}

.main {
  margin-left: 220px; padding: 20px; margin-top: 56px;
}

/* 手机端 / PAD 端：侧边栏收起为顶部下拉 */
@media (max-width: 991.98px) {
  .sidebar { position: static; width: 100%; display: none; }
  .sidebar.show { display: block; }
  .main { margin-left: 0; }
}

.card { border: none; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.stat-card { border-radius: 8px; }
.stat-card .num { font-size: 28px; font-weight: 600; }

/* 通知级别色块 */
.notif-item {
  border-left: 5px solid #999; padding: 12px 15px;
  background: #fff; margin-bottom: 10px; border-radius: 4px;
}
.notif-item.level-red   { border-left-color: #dc3545; background: #fff5f5; }
.notif-item.level-green { border-left-color: #198754; background: #f2fbf6; }
.notif-item.level-black { border-left-color: #333; }
.notif-item.unread { background: #fffbe6; }
.notif-item.unread.level-red   { background: #fff0f0; }
.notif-item.unread.level-green { background: #eefaf2; }

/* 表格小屏滚动 */
.table-responsive { -webkit-overflow-scrolling: touch; }

/* 搜索栏 */
.search-bar { background: #fff; padding: 15px; border-radius: 6px; margin-bottom: 15px; }

/* 项目卡片 */
.project-card { transition: transform .15s; }
.project-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.1); }

/* 手机端按钮/表格字号 */
@media (max-width: 576px) {
  .main { padding: 10px; }
  .stat-card .num { font-size: 22px; }
  table { font-size: 13px; }
}