/* Kairox ATS UI */
:root {
  --kx-primary: #5E35B1;     /* Brand purple (slightly deeper for better contrast) */
  --kx-accent:  #2EC4B6;     /* Teal accent */
  --kx-muted:   #F3F4F6;     /* Light gray surface */
  --kx-bg:      #F8FAFC;     /* Page background */
  --kx-text:    #0A0A0A;     /* Dark text */
  --kx-white:   #FFFFFF;
}

/* Card styling */
.kairox-card {
  background: var(--kx-muted);
  padding: 1.25rem;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}

/* Dashboard layout */
.dashboard-wrapper { display: flex; min-height: 85vh; background: var(--kx-bg); }

/* Sidebar */
.dashboard-sidebar {
  width: 260px;
  background: var(--kx-primary);
  color: var(--kx-white);
  padding: 1.5rem;
  position: sticky; top: 0; height: 100vh;
}
.dashboard-sidebar .db-brand { font-weight: 700; margin-bottom: 1rem; }
.dashboard-sidebar nav a {
  display: block; color: var(--kx-white); text-decoration: none;
  padding: .65rem .8rem; margin-bottom: .5rem;
  border-radius: 10px; font-weight: 600;
  background: rgba(255,255,255,0.10); /* visible by default on purple */
  transition: background .15s ease, color .15s ease, transform .05s ease;
}
.dashboard-sidebar nav a:hover { background: rgba(255,255,255,0.22); }
.dashboard-sidebar nav a.active,
.dashboard-sidebar nav a[aria-current="page"] {
  background: var(--kx-accent); color: var(--kx-text);
}

/* Content area */
.dashboard-content-area { flex: 1; padding: 2rem; background: var(--kx-bg); }

/* Lists */
.kairox-applications, .kairox-applicants { display: grid; gap: 1rem; }

/* Apply form */
.kairox-apply-form {
  background: var(--kx-white);
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
.kairox-apply-form .row { margin-bottom: 1rem; }
.kairox-apply-form label { display: block; font-weight: 600; margin-bottom: .35rem; }
.kairox-apply-form input[type=text],
.kairox-apply-form input[type=email],
.kairox-apply-form input[type=file],
.kairox-apply-form textarea {
  width: 100%; padding: .6rem; border: 1px solid #ddd; border-radius: 8px;
}
.kairox-apply-form button {
  border: none; padding: .7rem 1.1rem; border-radius: 12px; font-weight: 700; cursor: pointer;
}

/* Utilities for Breakdance integration */
.kx-wrap { max-width: 1100px; margin: 0 auto; padding: 2rem; }
.kx-muted { background: var(--kx-muted); border-radius: 12px; padding: 1.25rem; }
.kx-primary { color: var(--kx-primary); }
.kx-btn { display: inline-block; padding: .6rem 1rem; border-radius: 8px; text-decoration: none; font-weight: 700; }
.kx-btn-primary { background: var(--kx-primary); color: var(--kx-white); }
.kx-btn-primary:hover { background: #4B2AA0; }