/* xysmtMail Web — 简洁界面基线（与 Bootstrap 5 叠加） */
:root {
  --x-bg: #f0f2f5;
  --x-surface: #ffffff;
  --x-surface-2: #fbfcfe;
  --x-surface-3: #f6f8fc;
  --x-border: #e8eaed;
  --x-text: #1a1d21;
  --x-muted: #5f6368;
  --x-accent: #1a73e8;
  --x-radius: 10px;
  --x-shadow: 0 1px 2px rgba(60, 64, 67, 0.08);
  --x-shadow-hover: 0 2px 8px rgba(60, 64, 67, 0.12);
}

body.xysmt-app {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: var(--x-text);
  background: var(--x-bg) !important;
}

.x-navbar {
  box-shadow: var(--x-shadow);
  border-bottom: 1px solid var(--x-border) !important;
}

.x-navbar .navbar-brand {
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--x-text) !important;
}

.x-panel {
  background: var(--x-surface);
  border: 1px solid var(--x-border) !important;
  border-radius: var(--x-radius) !important;
  box-shadow: var(--x-shadow);
}

.x-panel:hover {
  box-shadow: var(--x-shadow-hover);
}

.x-list-group .list-group-item {
  border-color: var(--x-border);
  border-radius: 8px !important;
  margin-bottom: 4px;
  border: 1px solid transparent;
}

.x-list-group .list-group-item:hover {
  background: #f8f9fa;
}

.x-list-group .list-group-item.active {
  background: rgba(26, 115, 232, 0.08);
  border-color: rgba(26, 115, 232, 0.25);
  color: var(--x-accent);
  font-weight: 600;
}

.btn-primary {
  --bs-btn-bg: var(--x-accent);
  --bs-btn-border-color: var(--x-accent);
  --bs-btn-hover-bg: #1557b0;
  --bs-btn-hover-border-color: #1557b0;
}

.form-control:focus,
.form-select:focus {
  border-color: rgba(26, 115, 232, 0.45);
  box-shadow: 0 0 0 0.2rem rgba(26, 115, 232, 0.15);
}

.x-toast-mini {
  font-size: 0.875rem;
}

.x-area-toolbar { background: var(--x-surface-3); border: 1px solid var(--x-border); border-radius: 10px; padding: 10px 12px; }
.x-area-list { background: var(--x-surface); }
.x-area-detail { background: var(--x-surface-2); }
.x-subsection-title { font-size: 12px; color: var(--x-muted); font-weight: 600; letter-spacing: .02em; }
.x-divider-soft { border-top: 1px solid rgba(0,0,0,.06); }

.x-section-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  background: var(--x-surface-3);
  border: 1px solid var(--x-border);
  border-radius: 10px;
}

.mail-card.x-unread .msg-subject { font-weight: 800; }
.mail-card.x-unread .t-small { color: #1f3b6d; }
.mail-card.x-unread::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 14px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--x-accent);
  box-shadow: 0 0 0 3px rgba(26,115,232,.12);
}
.mail-card { position: relative; }

.mail-card.x-folder-hide,
.mail-card.x-search-hide {
  display: none !important;
}