:root{
  color-scheme: light;
}

.admin-body{
  background: var(--admin-bg);
  color: var(--admin-text);
}

.admin-sidebar{
  background: var(--admin-sidebar-bg);
  color: var(--admin-sidebar-text);
  border-color: color-mix(in srgb, var(--admin-sidebar-text) 16%, transparent);
}

.admin-sidebar-logo{
  border-color: color-mix(in srgb, var(--admin-sidebar-text) 16%, transparent);
}

.admin-logo-mark,
.admin-avatar,
.admin-dot{
  background: var(--admin-primary);
  color: #fff;
}

.admin-nav-link{
  color: color-mix(in srgb, var(--admin-sidebar-text) 78%, transparent);
}
.admin-nav-link:hover{
  background: color-mix(in srgb, var(--admin-sidebar-text) 12%, transparent);
  color: var(--admin-sidebar-text);
}
.admin-nav-link svg{ color: color-mix(in srgb, var(--admin-sidebar-text) 48%, transparent); }
.admin-nav-link:hover svg{ color: var(--admin-secondary); }

.admin-topbar{
  background: color-mix(in srgb, var(--admin-surface) 88%, transparent);
  border-color: var(--admin-border);
}

.admin-card,
.admin-table-wrap{
  background: var(--admin-surface);
  border: 1px solid var(--admin-border);
  border-radius: .875rem;
  box-shadow: 0 12px 32px rgba(43,33,24,.06);
}

.admin-card-soft{
  background: color-mix(in srgb, var(--admin-surface-alt) 70%, #fff);
  border: 1px solid var(--admin-border);
  border-radius: .75rem;
}

.admin-title{ color: var(--admin-text); }
.admin-muted{ color: var(--admin-muted); }
.admin-link{ color: var(--admin-primary); }
.admin-link:hover{ color: var(--admin-primary-hover); }
.admin-sort-link{ color: var(--admin-muted); }
.admin-sort-link:hover{ color: var(--admin-text); }

.admin-icon-box{
  background: color-mix(in srgb, var(--admin-primary) 12%, #fff);
  color: var(--admin-primary);
}
.admin-icon-box svg{ color: currentColor; }

.admin-input,
.admin-select,
.admin-textarea{
  width: 100%;
  background: var(--admin-surface);
  border: 1px solid var(--admin-border);
  color: var(--admin-text);
  border-radius: .625rem;
  padding: .625rem 1rem;
  font-size: .875rem;
  outline: none;
}
.admin-input::placeholder,
.admin-textarea::placeholder{ color: color-mix(in srgb, var(--admin-muted) 70%, transparent); }
.admin-input:focus,
.admin-select:focus,
.admin-textarea:focus{
  border-color: var(--admin-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--admin-primary) 18%, transparent);
}

.admin-btn-primary{
  background: var(--admin-primary);
  color: #fff;
  border-radius: .625rem;
  padding: .625rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  transition: .2s ease;
}
.admin-btn-primary:hover{ background: var(--admin-primary-hover); }

.admin-btn-secondary{
  background: var(--admin-surface-alt);
  color: var(--admin-text);
  border: 1px solid var(--admin-border);
  border-radius: .625rem;
  padding: .625rem 1rem;
  font-size: .875rem;
  transition: .2s ease;
}
.admin-btn-secondary:hover{ background: color-mix(in srgb, var(--admin-surface-alt) 70%, var(--admin-secondary)); }

.admin-alert-success,
.admin-alert-error{
  border-radius: .75rem;
  padding: .75rem 1rem;
  font-size: .875rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.admin-alert-success{
  background: color-mix(in srgb, var(--admin-success) 10%, #fff);
  border: 1px solid color-mix(in srgb, var(--admin-success) 30%, transparent);
  color: var(--admin-success);
}
.admin-alert-error{
  background: color-mix(in srgb, var(--admin-danger) 10%, #fff);
  border: 1px solid color-mix(in srgb, var(--admin-danger) 30%, transparent);
  color: var(--admin-danger);
}

.admin-badge-success,
.admin-badge-warning,
.admin-badge-danger{
  border-radius: 999px;
  padding: .25rem .625rem;
  font-size: .75rem;
  font-weight: 600;
}
.admin-badge-success{ background: color-mix(in srgb, var(--admin-success) 12%, #fff); color: var(--admin-success); }
.admin-badge-warning{ background: color-mix(in srgb, var(--admin-warning) 12%, #fff); color: var(--admin-warning); }
.admin-badge-danger{ background: color-mix(in srgb, var(--admin-danger) 12%, #fff); color: var(--admin-danger); }

.admin-row-border{ border-color: var(--admin-border); }
.admin-quick-action{
  background: var(--admin-surface-alt);
  color: var(--admin-text);
  border: 1px solid transparent;
}
.admin-quick-action:hover{
  border-color: var(--admin-primary);
  background: color-mix(in srgb, var(--admin-primary) 8%, #fff);
}

.note-editable{ color: var(--admin-text) !important; background: var(--admin-surface) !important; }
.note-toolbar, .note-statusbar{ background: var(--admin-surface-alt) !important; border-color: var(--admin-border) !important; }

/* Compatibilidade com módulos antigos em Tailwind hardcoded */
.admin-body .bg-gray-950{ background-color: var(--admin-bg) !important; }
.admin-body .bg-gray-900,
.admin-body .bg-gray-900\/50{ background-color: var(--admin-surface) !important; }
.admin-body .bg-gray-800,
.admin-body .bg-gray-800\/50,
.admin-body .bg-gray-700,
.admin-body .bg-gray-600{ background-color: var(--admin-surface-alt) !important; }
.admin-body .hover\:bg-gray-800:hover,
.admin-body .hover\:bg-gray-800\/50:hover,
.admin-body .hover\:bg-gray-700:hover,
.admin-body .hover\:bg-gray-600:hover{ background-color: color-mix(in srgb, var(--admin-primary) 10%, var(--admin-surface-alt)) !important; }

.admin-body .border-gray-900,
.admin-body .border-gray-800,
.admin-body .border-gray-700,
.admin-body .border-gray-600{ border-color: var(--admin-border) !important; }
.admin-body .divide-gray-800 > :not([hidden]) ~ :not([hidden]),
.admin-body .divide-gray-700 > :not([hidden]) ~ :not([hidden]){ border-color: var(--admin-border) !important; }

.admin-body .text-white,
.admin-body .text-gray-100,
.admin-body .text-gray-200,
.admin-body .text-gray-300{ color: var(--admin-text) !important; }
.admin-body .text-gray-400,
.admin-body .text-gray-500,
.admin-body .text-gray-600{ color: var(--admin-muted) !important; }
.admin-body .placeholder-gray-500::placeholder{ color: color-mix(in srgb, var(--admin-muted) 72%, transparent) !important; }
.admin-body .hover\:text-white:hover,
.admin-body .hover\:text-gray-200:hover,
.admin-body .hover\:text-gray-300:hover{ color: var(--admin-text) !important; }

.admin-body .bg-indigo-600,
.admin-body .bg-indigo-500,
.admin-body .bg-indigo-400{ background-color: var(--admin-primary) !important; }
.admin-body .hover\:bg-indigo-500:hover,
.admin-body .hover\:bg-indigo-600:hover{ background-color: var(--admin-primary-hover) !important; }
.admin-body .text-indigo-300,
.admin-body .text-indigo-400,
.admin-body .text-indigo-500,
.admin-body .text-indigo-600{ color: var(--admin-primary) !important; }
.admin-body .hover\:text-indigo-300:hover,
.admin-body .hover\:text-indigo-400:hover,
.admin-body .hover\:text-indigo-500:hover{ color: var(--admin-primary-hover) !important; }
.admin-body .border-indigo-500,
.admin-body .border-indigo-500\/50,
.admin-body .hover\:border-gray-600:hover{ border-color: var(--admin-primary) !important; }
.admin-body .bg-indigo-500\/10,
.admin-body .bg-indigo-600\/10{ background-color: color-mix(in srgb, var(--admin-primary) 10%, transparent) !important; }
.admin-body .border-indigo-500\/30{ border-color: color-mix(in srgb, var(--admin-primary) 30%, transparent) !important; }
.admin-body .focus\:ring-indigo-500:focus,
.admin-body .focus\:ring-green-500:focus{ --tw-ring-color: color-mix(in srgb, var(--admin-primary) 35%, transparent) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--admin-primary) 18%, transparent) !important; }
.admin-body .focus\:border-transparent:focus{ border-color: var(--admin-primary) !important; }

.admin-body input,
.admin-body select,
.admin-body textarea{
  background-color: var(--admin-surface) !important;
  border-color: var(--admin-border) !important;
  color: var(--admin-text) !important;
}
.admin-body input:focus,
.admin-body select:focus,
.admin-body textarea:focus{
  border-color: var(--admin-primary) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--admin-primary) 18%, transparent) !important;
}
.admin-body input[type="file"]{
  color: var(--admin-muted) !important;
}
.admin-body input[type="file"]::file-selector-button{
  margin-right: .75rem;
  padding: .5rem 1rem;
  border: 0;
  border-radius: .625rem;
  background: var(--admin-surface-alt) !important;
  color: var(--admin-text) !important;
  font-size: .875rem;
  font-weight: 600;
  transition: .2s ease;
}
.admin-body input[type="file"]:hover::file-selector-button{
  background: color-mix(in srgb, var(--admin-primary) 10%, var(--admin-surface-alt)) !important;
  color: var(--admin-primary-hover) !important;
}
.admin-body input[type="file"]::-webkit-file-upload-button{
  margin-right: .75rem;
  padding: .5rem 1rem;
  border: 0;
  border-radius: .625rem;
  background: var(--admin-surface-alt) !important;
  color: var(--admin-text) !important;
  font-size: .875rem;
  font-weight: 600;
  transition: .2s ease;
}
.admin-body input[type="file"]:hover::-webkit-file-upload-button{
  background: color-mix(in srgb, var(--admin-primary) 10%, var(--admin-surface-alt)) !important;
  color: var(--admin-primary-hover) !important;
}

.admin-body table thead,
.admin-body .bg-gray-800\/50{ background-color: var(--admin-surface-alt) !important; }
.admin-body table tbody tr:hover{ background-color: color-mix(in srgb, var(--admin-primary) 6%, var(--admin-surface)) !important; }

.admin-body .bg-green-500\/10,
.admin-body .bg-emerald-500\/10{ background-color: color-mix(in srgb, var(--admin-success) 10%, transparent) !important; }
.admin-body .text-green-400,
.admin-body .text-emerald-400,
.admin-body .text-emerald-300{ color: var(--admin-success) !important; }
.admin-body .border-green-500\/30,
.admin-body .border-emerald-500\/30{ border-color: color-mix(in srgb, var(--admin-success) 30%, transparent) !important; }
.admin-body .hover\:text-emerald-400:hover{ color: var(--admin-success) !important; }
.admin-body .hover\:border-emerald-500\/50:hover{ border-color: var(--admin-success) !important; }
.admin-body .hover\:bg-emerald-500\/10:hover{ background-color: color-mix(in srgb, var(--admin-success) 10%, transparent) !important; }

.admin-body .bg-yellow-500\/10{ background-color: color-mix(in srgb, var(--admin-warning) 10%, transparent) !important; }
.admin-body .text-yellow-400{ color: var(--admin-warning) !important; }
.admin-body .border-yellow-500\/30{ border-color: color-mix(in srgb, var(--admin-warning) 30%, transparent) !important; }

.admin-body .bg-red-500\/10{ background-color: color-mix(in srgb, var(--admin-danger) 10%, transparent) !important; }
.admin-body .text-red-300,
.admin-body .text-red-400{ color: var(--admin-danger) !important; }
.admin-body .border-red-500\/30{ border-color: color-mix(in srgb, var(--admin-danger) 30%, transparent) !important; }
.admin-body .hover\:text-red-300:hover,
.admin-body .hover\:text-red-400:hover{ color: color-mix(in srgb, var(--admin-danger) 82%, #000) !important; }
.admin-body .hover\:bg-red-500\/10:hover{ background-color: color-mix(in srgb, var(--admin-danger) 10%, transparent) !important; }

.admin-body .rounded-xl,
.admin-body .rounded-lg{ border-color: var(--admin-border); }
.admin-body a{ transition: .2s ease; }