/* Botuifi custom styles */
:root {
  --botuifi-orange: #f97316;
  --botuifi-orange-dark: #c2410c;
  --botuifi-green: #16a34a;
  --botuifi-green-dark: #166534;
}

body {
  background: radial-gradient(circle at top right, rgba(249, 115, 22, 0.08), transparent 38%),
              radial-gradient(circle at bottom left, rgba(22, 163, 74, 0.08), transparent 42%),
              #f8fafc;
}

.btu-sidebar {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 60%);
  border-right: 1px solid #cbd5e1;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.9);
}

.btu-sidebar-link {
  transition: all 0.2s ease;
}

.btu-sidebar-link:hover {
  transform: translateX(2px);
}

.btu-sidebar-link-idle {
  color: #334155;
}

.btu-sidebar-link-idle:hover {
  background: #e2e8f0;
  color: #0f172a;
}

.btu-sidebar-link-active {
  color: #0b4a6f;
  background: linear-gradient(120deg, #dbeafe, #cffafe);
  border: 1px solid #bae6fd;
}

.btu-card {
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.05);
}

.btu-kanban-board {
  background:
    radial-gradient(circle at 10% 5%, rgba(14, 165, 233, 0.08), transparent 30%),
    radial-gradient(circle at 90% 0%, rgba(251, 146, 60, 0.08), transparent 28%),
    linear-gradient(180deg, #f8fafc, #f1f5f9);
}

.btu-kanban-column {
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.btu-kanban-column:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
}

.btu-kanban-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btu-kanban-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.12);
}

/* Improve form field contrast across all screens */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="file"],
input[type="tel"],
input[type="url"],
select,
textarea {
  background-color: #ffffff !important;
  border: 1px solid #94a3b8 !important;
  color: #0f172a !important;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="date"]::placeholder,
input[type="file"]::placeholder,
input[type="tel"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder {
  color: #64748b !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="file"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: #f97316 !important;
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.2);
}