/* Europe One Trade — small extras beyond Tailwind CDN */
html { scroll-behavior: smooth; }
body { font-feature-settings: "ss01" on, "cv11" on; }

.panel {
  border-radius: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
}
.dark .panel {
  border-color: rgba(51, 65, 85, 0.8);
  background: rgba(15, 23, 42, 0.55);
}

.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  background: #3b82f6;
  color: #fff;
  padding: 0.625rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  transition: background 0.15s ease;
}
.btn-primary:hover { background: #60a5fa; }

.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border: 1px solid #cbd5e1;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: background 0.15s ease;
}
.dark .btn-secondary { border-color: #475569; }
.btn-secondary:hover { background: rgba(148, 163, 184, 0.15); }

.btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background: #dc2626;
  color: #fff;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.btn-danger:hover { background: #ef4444; }

.label { display: block; font-size: 0.8rem; font-weight: 600; margin-bottom: 0.35rem; opacity: 0.9; }
.field {
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid #cbd5e1;
  background: #fff;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
}
.dark .field {
  border-color: #334155;
  background: rgba(15, 23, 42, 0.65);
  color: #f1f5f9;
}

.nav-link {
  display: inline-flex;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #475569;
}
.dark .nav-link { color: #cbd5e1; }
.nav-link:hover { color: #3b82f6; background: rgba(59, 130, 246, 0.08); }

input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"],
input[type="url"], input[type="date"], input[type="file"], select, textarea {
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid #cbd5e1;
  background: #fff;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
}
.dark input[type="text"], .dark input[type="email"], .dark input[type="password"], .dark input[type="number"],
.dark input[type="tel"], .dark input[type="url"], .dark input[type="date"], .dark input[type="file"],
.dark select, .dark textarea {
  border-color: #334155;
  background: rgba(15, 23, 42, 0.65);
  color: #f1f5f9;
}
label { display: block; font-size: 0.8rem; font-weight: 600; margin-bottom: 0.35rem; opacity: 0.9; }

.admin-link {
  display: block;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: #cbd5e1;
}
.admin-link:hover { background: rgba(59, 130, 246, 0.15); color: #fff; }