:root {
  --green: #3dbb5e;
  --blue: #2ba9c9;
  --gradient: linear-gradient(135deg, var(--green), var(--blue));
  --line: #e6e8eb;
  --muted: #7a8290;
  --ink: #16181d;
  --bg: #f7f8fa;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--bg);
  color: var(--ink);
}

.card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.brand-wordmark {
  font-weight: 800;
  font-size: 22px;
  letter-spacing: 0.5px;
  color: var(--ink);
  margin: 0;
}

.brand-wordmark .aura {
  background: var(--gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.brand-tagline {
  font-size: 12px;
  color: var(--muted);
  margin: 2px 0 0;
}

label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--ink);
}

input, textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  background: #fff;
}

input:focus, textarea:focus {
  outline: none;
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(43, 169, 201, 0.15);
}

.btn {
  border: none;
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

.btn-primary {
  background: var(--gradient);
  color: #fff;
}

.btn-primary:hover { filter: brightness(1.05); }

.btn-secondary {
  background: #fff;
  border: 1px solid var(--line);
  color: var(--ink);
}

.btn-secondary:hover { background: #f2f3f5; }

.status-pill {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 999px;
}

.status-unassigned { background: #fdecea; color: #c1652f; }
.status-assigned { background: #e8f4fb; color: #2ba9c9; }
.status-resolved { background: #e9f9ee; color: #3dbb5e; }

.coming-soon {
  font-size: 12px;
  color: var(--muted);
  background: #f2f3f5;
  border-radius: 8px;
  padding: 10px 12px;
  margin-top: 10px;
}