:root {
  --role-primary: #f97316;
  --role-primary-strong: #ea580c;
  --role-deep: #7c2d12;
  --role-ink: #9a3412;
  --role-soft: #fff7ed;
  --role-soft-2: #ffedd5;
  --role-sheen: rgba(255, 255, 255, 0.72);
  --role-border: rgba(249, 115, 22, 0.24);
  --role-glow: rgba(249, 115, 22, 0.16);
}

body[data-r2s-theme="1"][data-r2s-surface="parent"],
body[data-r2s-theme="1"][data-r2s-role="parent"] {
  --role-primary: #0f766e;
  --role-primary-strong: #115e59;
  --role-deep: #134e4a;
  --role-ink: #134e4a;
  --role-soft: #f0fdfa;
  --role-soft-2: #ccfbf1;
  --role-border: rgba(15, 118, 110, 0.24);
  --role-glow: rgba(15, 118, 110, 0.16);
}

body[data-r2s-theme="1"][data-r2s-surface="student"],
body[data-r2s-theme="1"][data-r2s-role="student"] {
  --role-primary: #2563eb;
  --role-primary-strong: #1d4ed8;
  --role-deep: #1e3a8a;
  --role-ink: #1e3a8a;
  --role-soft: #eff6ff;
  --role-soft-2: #dbeafe;
  --role-border: rgba(37, 99, 235, 0.24);
  --role-glow: rgba(37, 99, 235, 0.16);
}

body[data-r2s-theme="1"][data-r2s-surface="teacher"],
body[data-r2s-theme="1"][data-r2s-role="teacher"] {
  --role-primary: #d97706;
  --role-primary-strong: #b45309;
  --role-deep: #78350f;
  --role-ink: #92400e;
  --role-soft: #fffbeb;
  --role-soft-2: #fef3c7;
  --role-border: rgba(217, 119, 6, 0.24);
  --role-glow: rgba(217, 119, 6, 0.16);
}

body[data-r2s-theme="1"][data-r2s-surface="school_admin"],
body[data-r2s-theme="1"][data-r2s-role="school_admin"] {
  --role-primary: #be123c;
  --role-primary-strong: #9f1239;
  --role-deep: #881337;
  --role-ink: #881337;
  --role-soft: #fff1f2;
  --role-soft-2: #ffe4e6;
  --role-border: rgba(190, 18, 60, 0.24);
  --role-glow: rgba(190, 18, 60, 0.16);
}

body[data-r2s-theme="1"][data-r2s-surface="contributor"],
body[data-r2s-theme="1"][data-r2s-role="contributor"] {
  --role-primary: #7c3aed;
  --role-primary-strong: #6d28d9;
  --role-deep: #4c1d95;
  --role-ink: #5b21b6;
  --role-soft: #f5f3ff;
  --role-soft-2: #ede9fe;
  --role-border: rgba(124, 58, 237, 0.24);
  --role-glow: rgba(124, 58, 237, 0.16);
}

body[data-r2s-theme="1"][data-r2s-surface="r2s_admin"],
body[data-r2s-theme="1"][data-r2s-role="r2s_admin"],
body[data-r2s-theme="1"][data-r2s-surface="safety_admin"],
body[data-r2s-theme="1"][data-r2s-role="safety_admin"] {
  --role-primary: #334155;
  --role-primary-strong: #1e293b;
  --role-deep: #0f172a;
  --role-ink: #0f172a;
  --role-soft: #f8fafc;
  --role-soft-2: #e2e8f0;
  --role-border: rgba(51, 65, 85, 0.22);
  --role-glow: rgba(51, 65, 85, 0.12);
}

body[data-r2s-theme="1"]:has(.page-content),
body[data-r2s-theme="1"]:has(.page) {
  background-color: #f4f7fb !important;
  background-image:
    radial-gradient(circle at top left, color-mix(in srgb, var(--role-primary) 10%, white) 0, transparent 24%),
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--role-primary-strong) 9%, white) 0, transparent 18%),
    radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--role-soft-2) 52%, white) 0, transparent 28%),
    linear-gradient(180deg, #f9fbff 0%, #eef4fb 100%);
  background-attachment: fixed;
}

body[data-r2s-theme="1"]:has(.page-content)::before,
body[data-r2s-theme="1"]:has(.page)::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.58), rgba(255,255,255,.58)),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 47px,
      rgba(148, 163, 184, 0.045) 47px,
      rgba(148, 163, 184, 0.045) 48px
    ),
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 47px,
      rgba(148, 163, 184, 0.04) 47px,
      rgba(148, 163, 184, 0.04) 48px
    );
  mask-image: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.12));
  z-index: 0;
}

body[data-r2s-theme="1"]:has(.page-content) > *,
body[data-r2s-theme="1"]:has(.page) > * {
  position: relative;
  z-index: 1;
}

body[data-r2s-theme="1"] #r2s-sidebar {
  background: linear-gradient(180deg, var(--role-soft), #ffffff 78%);
  border-right-color: var(--role-border);
  box-shadow: 8px 0 28px var(--role-glow);
}

body[data-r2s-theme="1"] .r2s-logo,
body[data-r2s-theme="1"] .r2s-auth-box,
body[data-r2s-theme="1"] .r2s-topbar {
  border-color: var(--role-border);
}

body[data-r2s-theme="1"] .r2s-tagline,
body[data-r2s-theme="1"] .r2s-about,
body[data-r2s-theme="1"] .r2s-install-link,
body[data-r2s-theme="1"] .r2s-user-name {
  color: var(--role-ink);
}

body[data-r2s-theme="1"] .r2s-card.active,
body[data-r2s-theme="1"] .r2s-card:hover {
  border-color: var(--role-primary);
  box-shadow: 0 10px 24px var(--role-glow);
}

body[data-r2s-theme="1"] .r2s-btn-signin:hover,
body[data-r2s-theme="1"] .r2s-install-link:hover,
body[data-r2s-theme="1"] .r2s-about:hover {
  border-color: var(--role-primary);
  color: var(--role-primary);
  background: var(--role-soft);
}

body[data-r2s-theme="1"] .r2s-notif-toggle {
  background: var(--role-soft);
  border-color: var(--role-border);
}

body[data-r2s-theme="1"] .r2s-notif-text {
  color: var(--role-ink);
}

body[data-r2s-theme="1"] .r2s-notif-switch.on {
  background: color-mix(in srgb, var(--role-primary) 18%, white);
  border-color: var(--role-border);
}

body[data-r2s-theme="1"] .r2s-avatar-fallback,
body[data-r2s-theme="1"] .child-avatar,
body[data-r2s-theme="1"] .school-ico,
body[data-r2s-theme="1"] .c-ico {
  background: var(--role-primary) !important;
  border-color: var(--role-primary-strong) !important;
}

body[data-r2s-theme="1"] .btn-primary,
body[data-r2s-theme="1"] .ebtn,
body[data-r2s-theme="1"] .btn-green,
body[data-r2s-theme="1"] .btn-blue,
body[data-r2s-theme="1"] .btn-link,
body[data-r2s-theme="1"] .go-btn,
body[data-r2s-theme="1"] .asf-btn,
body[data-r2s-theme="1"] #btn-google,
body[data-r2s-theme="1"] .student-login-form button,
body[data-r2s-theme="1"] .student-password-setup button,
body[data-r2s-theme="1"] .parent-wizard button:not(.ghost-btn) {
  background: var(--role-primary) !important;
  border-color: var(--role-primary) !important;
  color: #fff !important;
}

body[data-r2s-theme="1"] .btn-primary:hover,
body[data-r2s-theme="1"] .ebtn:hover,
body[data-r2s-theme="1"] .btn-green:hover,
body[data-r2s-theme="1"] .btn-blue:hover,
body[data-r2s-theme="1"] .btn-link:hover,
body[data-r2s-theme="1"] .go-btn:hover:not(:disabled),
body[data-r2s-theme="1"] .asf-btn:hover,
body[data-r2s-theme="1"] #btn-google:hover {
  background: var(--role-primary-strong) !important;
  border-color: var(--role-primary-strong) !important;
}

body[data-r2s-theme="1"] .pdf-btn:hover,
body[data-r2s-theme="1"] .btn-outline:hover,
body[data-r2s-theme="1"] .hdr-actions a:hover,
body[data-r2s-theme="1"] .hwb:hover:not(:disabled),
body[data-r2s-theme="1"] .pending-actions a:hover,
body[data-r2s-theme="1"] .notice-actions button:hover,
body[data-r2s-theme="1"] .child-actions button:hover,
body[data-r2s-theme="1"] .add-child-btn:hover,
body[data-r2s-theme="1"] .pratibha-chip:hover,
body[data-r2s-theme="1"] .pratibha-chip.active {
  border-color: var(--role-primary) !important;
  color: var(--role-primary) !important;
  background: var(--role-soft) !important;
}

body[data-r2s-theme="1"] .child-header,
body[data-r2s-theme="1"] .school-hdr,
body[data-r2s-theme="1"] .contrib-hdr,
body[data-r2s-theme="1"] .school-admin-overview,
body[data-r2s-theme="1"] .request-box,
body[data-r2s-theme="1"] .communication-channel-grid,
body[data-r2s-theme="1"] .auth-role-panel,
body[data-r2s-theme="1"] .card {
  border-color: var(--role-border) !important;
  box-shadow: 0 14px 34px var(--role-glow);
}

body[data-r2s-theme="1"] .child-header,
body[data-r2s-theme="1"] .school-hdr,
body[data-r2s-theme="1"] .contrib-hdr,
body[data-r2s-theme="1"] .school-admin-overview {
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.38) 0, transparent 28%),
    linear-gradient(135deg, #fff1e6 0%, #ffd9c7 38%, #f7b799 100%) !important;
  position: relative;
  overflow: hidden;
  color: #5d2f1f !important;
}

body[data-r2s-theme="1"] .child-header {
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.38) 0, transparent 30%),
    linear-gradient(135deg, #fff9c4 0%, #ffe082 48%, #f6c453 100%) !important;
  color: #5f3b00 !important;
}

body[data-r2s-theme="1"] .child-header::before,
body[data-r2s-theme="1"] .school-hdr::before,
body[data-r2s-theme="1"] .contrib-hdr::before,
body[data-r2s-theme="1"] .school-admin-overview::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: linear-gradient(180deg, var(--role-primary), var(--role-deep));
  opacity: .95;
}

body[data-r2s-theme="1"] .child-header::after,
body[data-r2s-theme="1"] .school-hdr::after,
body[data-r2s-theme="1"] .contrib-hdr::after,
body[data-r2s-theme="1"] .school-admin-overview::after {
  content: "";
  position: absolute;
  inset: 1px 1px auto 18px;
  height: 1px;
  background: linear-gradient(90deg, var(--role-sheen), transparent 72%);
  pointer-events: none;
}

body[data-r2s-theme="1"] .child-header > *,
body[data-r2s-theme="1"] .school-hdr > *,
body[data-r2s-theme="1"] .contrib-hdr > *,
body[data-r2s-theme="1"] .school-admin-overview > * {
  position: relative;
  z-index: 1;
}

body[data-r2s-theme="1"] .school-admin-overview {
  background: #f8fbff !important;
  color: #17212b !important;
  border: 1px solid color-mix(in srgb, var(--role-primary) 14%, #dbe4f0) !important;
  box-shadow:
    0 18px 40px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

body[data-r2s-theme="1"] .school-admin-overview::before {
  display: none;
}

body[data-r2s-theme="1"] .school-admin-overview::after {
  display: none;
}

body[data-r2s-theme="1"] .school-admin-overview h2,
body[data-r2s-theme="1"] .school-admin-overview h3,
body[data-r2s-theme="1"] .school-admin-overview strong {
  color: #17212b !important;
}

body[data-r2s-theme="1"] .school-admin-overview p,
body[data-r2s-theme="1"] .school-admin-overview span {
  color: #52606d !important;
}

body[data-r2s-theme="1"] .school-admin-overview .school-admin-overview-field,
body[data-r2s-theme="1"] .school-admin-overview .school-admin-overview-tile,
body[data-r2s-theme="1"] .school-admin-overview .school-admin-overview-list {
  background: #ffffff !important;
  border-color: rgba(203, 213, 225, 0.85) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
}

body[data-r2s-theme="1"] .school-admin-overview .school-admin-overview-group {
  border-left-color: rgba(203, 213, 225, 0.9) !important;
}

body[data-r2s-theme="1"] .school-admin-overview .school-admin-overview-group.usage .school-admin-overview-tile {
  background: #eff6ff !important;
}

body[data-r2s-theme="1"] .school-admin-overview .school-admin-overview-group.fees .school-admin-overview-tile {
  background: #fff7ed !important;
}

body[data-r2s-theme="1"] .school-admin-overview .school-admin-overview-group.students .school-admin-overview-tile {
  background: #ecfdf5 !important;
}

body[data-r2s-theme="1"] .child-header .child-school,
body[data-r2s-theme="1"] .school-hdr .school-name,
body[data-r2s-theme="1"] .contrib-hdr .c-name,
body[data-r2s-theme="1"] .school-admin-overview h2,
body[data-r2s-theme="1"] .school-admin-overview h3,
body[data-r2s-theme="1"] .school-admin-overview strong {
  color: #5f3b00 !important;
}

body[data-r2s-theme="1"] .child-header .child-grade,
body[data-r2s-theme="1"] .school-hdr .school-meta,
body[data-r2s-theme="1"] .contrib-hdr .c-meta,
body[data-r2s-theme="1"] .school-admin-overview p,
body[data-r2s-theme="1"] .school-admin-overview span {
  color: rgba(95, 59, 0, 0.84) !important;
}

body[data-r2s-theme="1"] .school-hdr .role-badge,
body[data-r2s-theme="1"] .contrib-hdr .c-badge,
body[data-r2s-theme="1"] .contrib-hdr .role-also,
body[data-r2s-theme="1"] .child-header .tab-badge {
  background: rgba(255, 251, 235, 0.92) !important;
  color: #6f4300 !important;
  border: 1px solid rgba(111, 67, 0, 0.16) !important;
}

body[data-r2s-theme="1"] .school-hdr .admin-school-switch,
body[data-r2s-theme="1"] .child-header .btn-primary,
body[data-r2s-theme="1"] .school-hdr .hdr-actions a,
body[data-r2s-theme="1"] .contrib-hdr .btn-outline {
  background: #ffffff !important;
  color: #6f4300 !important;
  border-color: rgba(111, 67, 0, 0.16) !important;
  box-shadow: 0 10px 20px rgba(111, 67, 0, 0.1);
}

body[data-r2s-theme="1"] .school-hdr .admin-school-switch:hover,
body[data-r2s-theme="1"] .school-hdr .hdr-actions a:hover,
body[data-r2s-theme="1"] .contrib-hdr .btn-outline:hover {
  background: #fff1ea !important;
  color: #c2410c !important;
  border-color: #ea580c !important;
}

body[data-r2s-theme="1"][data-r2s-surface="teacher"] .school-hdr,
body[data-r2s-theme="1"][data-r2s-surface="school_admin"] .school-hdr {
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.38) 0, transparent 30%),
    linear-gradient(135deg, #fff9c4 0%, #ffe082 48%, #f6c453 100%) !important;
  color: #5f3b00 !important;
}

body[data-r2s-theme="1"][data-r2s-surface="teacher"] .school-hdr .school-name,
body[data-r2s-theme="1"][data-r2s-surface="teacher"] .school-hdr .school-meta,
body[data-r2s-theme="1"][data-r2s-surface="teacher"] .school-hdr .staff-name,
body[data-r2s-theme="1"][data-r2s-surface="teacher"] .school-hdr .role-badge,
body[data-r2s-theme="1"][data-r2s-surface="school_admin"] .school-hdr .school-name,
body[data-r2s-theme="1"][data-r2s-surface="school_admin"] .school-hdr .school-meta,
body[data-r2s-theme="1"][data-r2s-surface="school_admin"] .school-hdr .staff-name,
body[data-r2s-theme="1"][data-r2s-surface="school_admin"] .school-hdr .role-badge {
  color: #5f3b00 !important;
}

body[data-r2s-theme="1"][data-r2s-surface="teacher"] .school-hdr .role-badge,
body[data-r2s-theme="1"][data-r2s-surface="school_admin"] .school-hdr .role-badge {
  background: rgba(255, 251, 235, 0.94) !important;
  border-color: rgba(95, 59, 0, 0.16) !important;
  box-shadow: 0 4px 12px rgba(95, 59, 0, 0.08);
}

body[data-r2s-theme="1"][data-r2s-surface="teacher"] .school-hdr .admin-school-switch,
body[data-r2s-theme="1"][data-r2s-surface="school_admin"] .school-hdr .admin-school-switch,
body[data-r2s-theme="1"][data-r2s-surface="teacher"] .school-hdr .hdr-actions a,
body[data-r2s-theme="1"][data-r2s-surface="school_admin"] .school-hdr .hdr-actions a {
  background: rgba(255, 252, 241, 0.96) !important;
  color: #6f4300 !important;
  border-color: rgba(111, 67, 0, 0.14) !important;
}

body[data-r2s-theme="1"][data-r2s-surface="teacher"] .school-hdr .admin-school-switch:hover,
body[data-r2s-theme="1"][data-r2s-surface="school_admin"] .school-hdr .admin-school-switch:hover,
body[data-r2s-theme="1"][data-r2s-surface="teacher"] .school-hdr .hdr-actions a:hover,
body[data-r2s-theme="1"][data-r2s-surface="school_admin"] .school-hdr .hdr-actions a:hover {
  background: #fff3c2 !important;
  color: #8a4b00 !important;
  border-color: #d89b18 !important;
}

body[data-r2s-theme="1"][data-r2s-surface="parent"] .child-header,
body[data-r2s-theme="1"][data-r2s-role="parent"] .child-header {
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.52) 0, transparent 30%),
    linear-gradient(135deg, #ecfdf5 0%, #bbf7d0 48%, #6ee7b7 100%) !important;
  color: #064e3b !important;
}

body[data-r2s-theme="1"][data-r2s-surface="parent"] .child-header .child-school,
body[data-r2s-theme="1"][data-r2s-role="parent"] .child-header .child-school,
body[data-r2s-theme="1"][data-r2s-surface="parent"] .child-header .child-grade,
body[data-r2s-theme="1"][data-r2s-role="parent"] .child-header .child-grade,
body[data-r2s-theme="1"][data-r2s-surface="parent"] .child-header .tab-badge,
body[data-r2s-theme="1"][data-r2s-role="parent"] .child-header .tab-badge {
  color: #064e3b !important;
}

body[data-r2s-theme="1"][data-r2s-surface="parent"] .child-header .tab-badge,
body[data-r2s-theme="1"][data-r2s-role="parent"] .child-header .tab-badge {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: rgba(6, 78, 59, 0.16) !important;
}

body[data-r2s-theme="1"][data-r2s-surface="student"] .child-header,
body[data-r2s-theme="1"][data-r2s-role="student"] .child-header {
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.34) 0, transparent 28%),
    linear-gradient(135deg, #dbeafe 0%, #93c5fd 42%, #3b82f6 100%) !important;
  color: #172554 !important;
}

body[data-r2s-theme="1"][data-r2s-surface="student"] .child-header .child-school,
body[data-r2s-theme="1"][data-r2s-role="student"] .child-header .child-school,
body[data-r2s-theme="1"][data-r2s-surface="student"] .child-header .child-grade,
body[data-r2s-theme="1"][data-r2s-role="student"] .child-header .child-grade,
body[data-r2s-theme="1"][data-r2s-surface="student"] .child-header .tab-badge,
body[data-r2s-theme="1"][data-r2s-role="student"] .child-header .tab-badge {
  color: #172554 !important;
}

body[data-r2s-theme="1"][data-r2s-surface="student"] .child-header .tab-badge,
body[data-r2s-theme="1"][data-r2s-role="student"] .child-header .tab-badge {
  background: rgba(239, 246, 255, 0.88) !important;
  border-color: rgba(23, 37, 84, 0.14) !important;
}

body[data-r2s-theme="1"][data-r2s-surface="r2s_admin"] .school-admin-overview,
body[data-r2s-theme="1"][data-r2s-surface="safety_admin"] .school-admin-overview {
  background: #f8fbff !important;
  color: #17212b !important;
}

body[data-r2s-theme="1"][data-r2s-surface="r2s_admin"] .school-admin-overview h2,
body[data-r2s-theme="1"][data-r2s-surface="r2s_admin"] .school-admin-overview h3,
body[data-r2s-theme="1"][data-r2s-surface="r2s_admin"] .school-admin-overview strong,
body[data-r2s-theme="1"][data-r2s-surface="r2s_admin"] .school-admin-overview p,
body[data-r2s-theme="1"][data-r2s-surface="r2s_admin"] .school-admin-overview span,
body[data-r2s-theme="1"][data-r2s-surface="safety_admin"] .school-admin-overview h2,
body[data-r2s-theme="1"][data-r2s-surface="safety_admin"] .school-admin-overview h3,
body[data-r2s-theme="1"][data-r2s-surface="safety_admin"] .school-admin-overview strong,
body[data-r2s-theme="1"][data-r2s-surface="safety_admin"] .school-admin-overview p,
body[data-r2s-theme="1"][data-r2s-surface="safety_admin"] .school-admin-overview span {
  color: #17212b !important;
}

body[data-r2s-theme="1"][data-r2s-surface="r2s_admin"] .school-admin-overview .role-badge,
body[data-r2s-theme="1"][data-r2s-surface="safety_admin"] .school-admin-overview .role-badge {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}


body[data-r2s-theme="1"] .section-tab.active,
body[data-r2s-theme="1"] .tab.active,
body[data-r2s-theme="1"] .dash-tab.active,
body[data-r2s-theme="1"] .chip.active,
body[data-r2s-theme="1"] .admin-tab.active,
body[data-r2s-theme="1"] .auth-role-btn.active {
  background: var(--role-primary) !important;
  border-color: var(--role-primary) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px var(--role-glow);
}

body[data-r2s-theme="1"] .dash-tab:hover,
body[data-r2s-theme="1"] .chip:hover,
body[data-r2s-theme="1"] .tab:hover,
body[data-r2s-theme="1"] .admin-tab:hover,
body[data-r2s-theme="1"] .auth-role-btn:hover,
body[data-r2s-theme="1"] .grade-picker-btn:hover,
body[data-r2s-theme="1"] .school-switch-result:hover,
body[data-r2s-theme="1"] .school-switch-result:focus-visible {
  border-color: var(--role-primary) !important;
  color: var(--role-primary) !important;
  background: var(--role-soft) !important;
}

body[data-r2s-theme="1"] .tab-badge,
body[data-r2s-theme="1"] .tbadge,
body[data-r2s-theme="1"] .approval-count,
body[data-r2s-theme="1"] .pending-status,
body[data-r2s-theme="1"] .c-badge,
body[data-r2s-theme="1"] .g-tag,
body[data-r2s-theme="1"] .panel-badge:not(.zero) {
  background: var(--role-soft-2) !important;
  color: var(--role-ink) !important;
  border-color: var(--role-border) !important;
}

body[data-r2s-theme="1"] .role-badge,
body[data-r2s-theme="1"] .role-also,
body[data-r2s-theme="1"] .status-pill.sp-pending,
body[data-r2s-theme="1"] .notice-status.approved,
body[data-r2s-theme="1"] .notice-status.published {
  background: color-mix(in srgb, var(--role-primary) 14%, white) !important;
  color: var(--role-ink) !important;
  border-color: var(--role-border) !important;
}

body[data-r2s-theme="1"] .child-tab.active,
body[data-r2s-theme="1"] .pending-card,
body[data-r2s-theme="1"] .notice-card,
body[data-r2s-theme="1"] .approval-box,
body[data-r2s-theme="1"] .stat,
body[data-r2s-theme="1"] .panel,
body[data-r2s-theme="1"] .hist-box,
body[data-r2s-theme="1"] .add-box,
body[data-r2s-theme="1"] .mcard {
  border-color: var(--role-border) !important;
}

body[data-r2s-theme="1"] .header {
  border-bottom-color: var(--role-border) !important;
  box-shadow: 0 8px 26px var(--role-glow);
}

body[data-r2s-theme="1"] .header-brand,
body[data-r2s-theme="1"] .section-title,
body[data-r2s-theme="1"] .school-admin-overview-tile strong,
body[data-r2s-theme="1"] .s-num,
body[data-r2s-theme="1"] .staff-name,
body[data-r2s-theme="1"] .google-role-note,
body[data-r2s-theme="1"] .auth-back-btn {
  color: var(--role-primary) !important;
}

body[data-r2s-theme="1"] .btn-home,
body[data-r2s-theme="1"] .btn-preview {
  border-color: var(--role-primary) !important;
  color: var(--role-primary) !important;
  background: var(--role-soft) !important;
}

body[data-r2s-theme="1"] .btn-home:hover,
body[data-r2s-theme="1"] .btn-preview:hover {
  background: var(--role-soft-2) !important;
}