.dayu-settings-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 6px;
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.dayu-settings-tab {
  border: none;
  background: transparent;
  color: #475569;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 10px 16px;
  border-radius: 8px;
  cursor: pointer;
}

.dayu-settings-tab:hover {
  background: #f1f5f9;
  color: #0f172a;
}

.dayu-settings-tab.is-on {
  background: #3a71a8;
  color: #fff;
}

.dayu-settings-tab.is-on:hover {
  background: #2f6296;
  color: #fff;
}

html[data-dayu-settings-tab] .dayu-settings-page {
  padding-top: 76px !important;
}

html[data-dayu-settings-tab="admin"] .dayu-settings-top,
html[data-dayu-settings-tab="staff"] .dayu-settings-top,
html[data-dayu-settings-tab="logs"] .dayu-settings-top {
  grid-template-columns: 1fr !important;
}

html[data-dayu-settings-tab="admin"] .ant-card[data-dayu-set="staff"],
html[data-dayu-settings-tab="admin"] .ant-card[data-dayu-set="logs"],
html[data-dayu-settings-tab="staff"] .ant-card[data-dayu-set="admin"],
html[data-dayu-settings-tab="staff"] .ant-card[data-dayu-set="logs"],
html[data-dayu-settings-tab="logs"] .ant-card[data-dayu-set="admin"],
html[data-dayu-settings-tab="logs"] .ant-card[data-dayu-set="staff"],
html[data-dayu-settings-tab="admin"] .dayu-settings-bottom,
html[data-dayu-settings-tab="staff"] .dayu-settings-bottom,
html[data-dayu-settings-tab="logs"] .dayu-settings-bottom,
html[data-dayu-settings-tab="apps"] .dayu-settings-top {
  display: none !important;
}

html[data-theme="dark"] .dayu-settings-tabs {
  background: #161b22;
  border-color: #30363d;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .dayu-settings-tab {
  color: #c9d1d9;
}

html[data-theme="dark"] .dayu-settings-tab:hover {
  background: #21262d;
  color: #e6edf3;
}

html[data-theme="dark"] .dayu-settings-tab.is-on {
  background: #1f6feb;
  color: #fff;
}