/* Fee receipt logo — portal sidebar jaisa */
.tuition-theme .fee-receipt-logo--portal-tuition {
  box-shadow: 0 2px 8px rgba(4, 120, 87, 0.2);
}

/* Tuition Portal theme — green/teal accent to distinguish from Computer Course (blue) portal */

.tuition-theme {
  --tuition-primary: #047857;
  --tuition-primary-dark: #065f46;
  --tuition-accent: #10b981;
}

.tuition-theme .academy-banner-login {
  background: linear-gradient(135deg, #065f46 0%, #047857 50%, #10b981 100%);
}

.tuition-theme .academy-banner-login .academy-banner-inner i,
.tuition-theme .academy-banner-login .academy-banner-inner h1,
.tuition-theme .academy-banner-login .academy-banner-inner p {
  color: #fff;
}

.tuition-theme .login-logo.tuition-logo {
  background: linear-gradient(135deg, #047857 0%, #10b981 100%);
}

.tuition-theme .auth-tab.active {
  background: #047857;
  color: #fff;
}

.btn-tuition {
  background: linear-gradient(135deg, #047857 0%, #10b981 100%);
  color: #fff;
  border: none;
  font-weight: 600;
}
.btn-tuition:hover,
.btn-tuition:focus {
  background: linear-gradient(135deg, #065f46 0%, #047857 100%);
  color: #fff;
}

/* Dashboard welcome + photo */
.tuition-dashboard-brand i {
  color: var(--tuition-accent);
}

.tuition-profile-photo {
  border-color: #d1fae5;
  box-shadow: 0 4px 16px rgba(4, 120, 87, 0.2);
}

/* Dashboard */
.tuition-theme .student-header {
  background: linear-gradient(135deg, #065f46 0%, #047857 50%, #10b981 100%);
}

.tuition-detail-card {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid #e2e8f0;
}

.tuition-detail-card h2 {
  font-size: 1.1rem;
  color: #065f46;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.tuition-detail-card h2 i {
  color: #10b981;
}

.tuition-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.tuition-detail-item label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #64748b;
  margin-bottom: 0.25rem;
}

.tuition-detail-item span {
  display: block;
  font-size: 1rem;
  color: #0f172a;
  font-weight: 500;
  word-break: break-word;
}

.tuition-subjects-chip {
  display: inline-block;
  background: #d1fae5;
  color: #065f46;
  padding: 4px 12px;
  border-radius: 999px;
  margin: 2px 4px 2px 0;
  font-size: 0.85rem;
  font-weight: 500;
}

.tuition-reg-banner {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border: 1px solid #10b981;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.tuition-reg-banner .reg-id {
  font-size: 1.5rem;
  font-weight: 700;
  color: #065f46;
  letter-spacing: 1px;
}

.tuition-status-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
}
.tuition-status-Active {
  background: #d1fae5;
  color: #065f46;
}
.tuition-status-Inactive {
  background: #fee2e2;
  color: #991b1b;
}
.tuition-status-Completed {
  background: #dbeafe;
  color: #1e40af;
}

.subjects-chips-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding-top: 0.25rem;
}

/* Tuition portal uses same green/teal so default portal-sidebar gradient already matches */