/* Yagnik Udhyog Admin Design System — Matched to DESIGN.md */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --ink: #171513;
  --ink-2: #26221F;
  --brass: #F2B35F;
  --brass-soft: #F6C47F;
  --brass-deep: #7A5238;
  --muted: #5F5A55;
  --muted-dark: #B9B3AC;
  --faint: #8C857E;
  --stone: #F5F3F0;
  --stone-2: #ECE4DA;
  --line: #E7E3DE;
  --white: #FFFFFF;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--ink);
  background-color: var(--stone);
  -webkit-font-smoothing: antialiased;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--line);
  border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--faint);
}

/* Card & Container styling */
.admin-card {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 12px;
}

/* Input styles */
.admin-input, .admin-select, .admin-textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0.625rem 0.875rem;
  font-size: 0.875rem;
  color: var(--ink);
  background-color: var(--white);
  transition: all 0.15s ease-in-out;
  outline: none;
}
.admin-input:focus, .admin-select:focus, .admin-textarea:focus {
  border-color: var(--brass);
  box-shadow: 0 0 0 3px rgba(242, 179, 95, 0.2);
}

/* Buttons */
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background-color: var(--brass);
  color: var(--ink);
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.55rem 1.15rem;
  border-radius: 8px;
  transition: all 0.15s ease;
  border: 1px solid transparent;
  cursor: pointer;
}
.btn-primary:hover {
  background-color: var(--brass-soft);
}

.btn-dark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background-color: var(--ink);
  color: var(--white);
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.55rem 1.15rem;
  border-radius: 8px;
  transition: all 0.15s ease;
  border: 1px solid transparent;
  cursor: pointer;
}
.btn-dark:hover {
  background-color: var(--ink-2);
}

.btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background-color: transparent;
  color: var(--ink);
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.55rem 1.15rem;
  border-radius: 8px;
  border: 1px solid var(--line);
  transition: all 0.15s ease;
  cursor: pointer;
}
.btn-outline:hover {
  background-color: var(--stone);
  border-color: var(--muted);
}

.btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  background-color: #FEF2F2;
  color: #991B1B;
  border: 1px solid #FEE2E2;
  font-weight: 500;
  font-size: 0.8125rem;
  padding: 0.4rem 0.75rem;
  border-radius: 8px;
  transition: all 0.15s ease;
  cursor: pointer;
}
.btn-danger:hover {
  background-color: #FEE2E2;
  border-color: #FCA5A5;
}

/* Badge pills */
.badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.65rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
}
.badge-brass {
  background-color: rgba(242, 179, 95, 0.2);
  color: var(--brass-deep);
}
.badge-new {
  background-color: #FEF3C7;
  color: #92400E;
  border: 1px solid #FDE68A;
}
.badge-contacted {
  background-color: #E0F2FE;
  color: #0369A1;
  border: 1px solid #BAE6FD;
}
.badge-closed {
  background-color: #DCFCE7;
  color: #15803D;
  border: 1px solid #BBF7D0;
}
.badge-stone {
  background-color: var(--stone-2);
  color: var(--ink);
}

/* Tables */
.admin-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.admin-table th {
  padding: 0.75rem 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted);
  border-bottom: 1px solid var(--line);
  background-color: #FAFAF9;
}
.admin-table td {
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  vertical-align: middle;
}
.admin-table tr:hover td {
  background-color: #FAF8F5;
}

/* Modal Backdrop */
.modal-backdrop {
  background-color: rgba(23, 21, 19, 0.4);
  backdrop-filter: blur(2px);
}