/* DocCloud – Stili comuni */

.font-display {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

.glass-card {
  background: rgba(15, 23, 42, 0.96);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.glass-card-strong {
  background: rgba(15, 23, 42, 0.9);
  backdrop-filter: blur(16px);
}

.gradient-text {
  background-image: linear-gradient(to right, #0095da, #63c5e7);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.btn-gradient {
  background-image: linear-gradient(to right, #0095da, #63c5e7);
}

.btn-gradient:hover {
  filter: brightness(1.08);
}

.sidebar {
  background: radial-gradient(circle at top left, rgba(0, 149, 218, 0.18), transparent 55%),
    radial-gradient(circle at bottom right, rgba(99, 197, 231, 0.15), transparent 55%),
    #020617;
}

/* Top bar: stessa altezza del blocco logo (p-5 + h-9 = 1.25+2.25+1.25 = 4.75rem) */
.app-topbar {
  height: 4.75rem;
  min-height: 4.75rem;
}

/* Header bar per dark/light mode */
.app-topbar {
  background: rgba(15, 23, 42, 0.95);
  border-bottom: 1px solid rgba(148, 163, 184, 0.35);
}

html:not(.dark) .app-topbar {
  background: rgba(255, 255, 255, 0.95) !important;
  border-bottom-color: #e2e8f0 !important;
}

/* Pulsanti header compatibili con dark/light */
.app-topbar .btn-icon {
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: color 0.2s, background-color 0.2s;
}

html:not(.dark) .app-topbar .btn-icon:hover {
  color: #0f172a;
  background-color: rgba(226, 232, 240, 0.8);
}

html.dark .app-topbar .btn-icon:hover {
  color: #f9fafb;
  background-color: rgba(30, 41, 59, 0.8);
}

.app-topbar .btn-icon-bordered {
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: color 0.2s, background-color 0.2s;
}

html:not(.dark) .app-topbar .btn-icon-bordered {
  border: 1px solid #cbd5e1;
}

html:not(.dark) .app-topbar .btn-icon-bordered:hover {
  background-color: #f1f5f9;
}

html.dark .app-topbar .btn-icon-bordered {
  border: 1px solid rgba(71, 85, 105, 0.7);
}

html.dark .app-topbar .btn-icon-bordered:hover {
  background-color: rgba(30, 41, 59, 0.8);
}

/* Light mode (solo layout applicazione, non landing/auth con background personalizzato) */
html:not(.dark) body.bg-background { background: #f8fafc !important; color: #0f172a !important; }
html:not(.dark) .text-muted { color: #64748b !important; }
html:not(.dark) .glass-card { background: #ffffff !important; border-color: #cbd5e1 !important; box-shadow: 0 1px 4px 0 rgba(15,23,42,0.07), 0 0 0 1px rgba(203,213,225,0.5) !important; }
html:not(.dark) .glass-card-strong { background: #ffffff !important; border-color: #cbd5e1 !important; box-shadow: 0 1px 4px 0 rgba(15,23,42,0.07), 0 0 0 1px rgba(203,213,225,0.5) !important; }
html:not(.dark) .glass-card.card-colored { border-color: var(--card-border-color) !important; box-shadow: 0 1px 4px 0 rgba(15,23,42,0.07), 0 0 0 1px var(--card-border-color) !important; }
html.dark .glass-card.card-colored { border-color: var(--card-border-color) !important; box-shadow: 0 0 0 1px var(--card-border-color) !important; }
html:not(.dark) .sidebar { background: #ffffff; }
html:not(.dark) .bg-card { background: rgba(255,255,255,0.95) !important; }
html:not(.dark) .border-border { border-color: #e2e8f0 !important; }
html:not(.dark) .bg-slate-700 { background: #e2e8f0 !important; color: #1e293b !important; }
html:not(.dark) .bg-slate-800 { background: #f1f5f9 !important; color: #1e293b !important; }
html:not(.dark) .bg-slate-900 { background: #e2e8f0 !important; color: #1e293b !important; }
html:not(.dark) .benefits-section { background: rgba(241,245,249,0.9) !important; border-color: #e2e8f0 !important; }
html:not(.dark) input,
html:not(.dark) textarea,
html:not(.dark) select { background: #ffffff !important; border-color: #e2e8f0 !important; color: #0f172a !important; }

/* Dark mode contrast helpers per il layout admin */
html.dark body.bg-background { background: #020617 !important; color: #f1f5f9 !important; }
html.dark .text-muted { color: #cbd5e1 !important; }
html.dark .glass-card,
html.dark .glass-card-strong { color: #f1f5f9; }
html.dark input,
html.dark textarea,
html.dark select {
  background: rgba(15, 23, 42, 0.96) !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  color: #f1f5f9 !important;
  color-scheme: dark;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
  color: #cbd5e1 !important;
}

html.dark select option {
  background: #0f172a;
  color: #f1f5f9;
}

.toggle-pill { transition: background-color 0.2s ease; }
.toggle-thumb { transition: transform 0.2s ease; }

/* Auth pages: pannello sempre su sfondo scuro, quindi mantieni testo chiaro in ogni tema */
.auth-form-panel {
  color: #f1f5f9;
}

.auth-form-panel h1,
.auth-form-panel label,
.auth-form-panel p {
  color: inherit;
}

html:not(.dark) .auth-form-panel h1 {
  color: #f8fafc !important;
}

.auth-form-panel .text-muted {
  color: #cbd5e1 !important;
}

.auth-form-panel a.text-primary {
  color: #38bdf8 !important;
}

.auth-form-panel .auth-input {
  color: #0f172a !important;
}

.auth-form-panel .auth-input::placeholder {
  color: #94a3b8 !important;
}

.auth-theme-toggle {
  color: #cbd5e1 !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

.auth-theme-toggle:hover {
  background-color: rgba(30, 41, 59, 0.8) !important;
  color: #f8fafc !important;
}

.auth-form-panel .auth-input + button,
.auth-form-panel .auth-input + button i {
  color: #64748b !important;
}

/* Pulsanti secondari (border) in light mode */
html:not(.dark) button.border-border:hover,
html:not(.dark) .btn-icon-bordered:hover {
  background-color: #f1f5f9 !important;
}

/* ===== HOVER LIGHT MODE ===== */

/* Sidebar nav items (button e a) - light mode hover */
html:not(.dark) .sidebar button:hover,
html:not(.dark) .sidebar a:hover {
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
}

html:not(.dark) .sidebar button.text-red-400:hover {
  background-color: rgba(254, 226, 226, 0.8) !important;
  color: #b91c1c !important;
}

/* Sidebar nav active (primary) - no hover override */
html:not(.dark) .sidebar button.bg-primary:hover,
html:not(.dark) .sidebar a.bg-primary:hover {
  background-color: #0095da !important;
  color: #ffffff !important;
}

/* Sidebar text-muted in light mode */
html:not(.dark) .sidebar .text-muted {
  color: #64748b !important;
}

/* Calendar prev/next - light mode hover */
html:not(.dark) #calendar-prev:hover,
html:not(.dark) #calendar-next:hover {
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
}

/* Glass cards (clickable) - light mode hover */
html:not(.dark) .glass-card.cursor-pointer:hover,
html:not(.dark) .glass-card[class*="hover:shadow"]:hover {
  background-color: rgba(248, 250, 252, 0.98) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.05) !important;
}

/* Buttons with border-slate-700 - light mode hover */
html:not(.dark) button.border-slate-700\/80:hover,
html:not(.dark) .border-slate-700\/80:hover,
html:not(.dark) [class*="border-slate-700"]:hover {
  background-color: #f1f5f9 !important;
}

/* Pulsanti hover:bg-slate-800 - light mode */
html:not(.dark) [class*="hover:bg-slate-800"]:hover {
  background-color: #e2e8f0 !important;
}

/* Pulsanti hover:bg-slate-900 - light mode */
html:not(.dark) [class*="hover:bg-slate-900"]:hover {
  background-color: #e2e8f0 !important;
}

/* Logout/red buttons hover - light mode */
html:not(.dark) button.text-red-400:hover,
html:not(.dark) .sidebar .text-red-400:hover {
  background-color: rgba(254, 226, 226, 0.6) !important;
}

/* Calendar day cells - light mode hover */
html:not(.dark) [class*="hover:bg-slate-800/50"]:hover {
  background-color: rgba(226, 232, 240, 0.8) !important;
}

/* Index/auth buttons - light mode */
html:not(.dark) [class*="border-slate-700"]:hover {
  background-color: #f1f5f9 !important;
}

/* ===== HOVER DARK MODE ===== */

/* Glass cards (clickable) - dark mode hover */
html.dark .glass-card.cursor-pointer:hover,
html.dark .glass-card[class*="hover:shadow"]:hover {
  background-color: rgba(15, 23, 42, 0.98) !important;
  border-color: rgba(148, 163, 184, 0.5) !important;
  box-shadow: 0 8px 25px -5px rgba(0, 0, 0, 0.3), 0 4px 10px -6px rgba(0, 0, 0, 0.2) !important;
}

/* Sidebar items (button e a) - dark mode hover (fallback) */
html.dark .sidebar button:hover,
html.dark .sidebar a:hover {
  background-color: rgba(30, 41, 59, 0.9) !important;
}

/* Sidebar active (primary) - dark mode, mantieni primary */
html.dark .sidebar button.bg-primary:hover,
html.dark .sidebar a.bg-primary:hover {
  background-color: #0095da !important;
  color: #ffffff !important;
}

/* ===== DOCUMENT-DETAIL: Card e blocchi compatibili light/dark ===== */

.doc-card {
  background: rgba(15, 23, 42, 0.96);
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 1rem;
}

html:not(.dark) .doc-card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.doc-note-bg {
  background: rgba(30, 41, 59, 0.6);
}

html:not(.dark) .doc-note-bg {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0;
}

.doc-tag {
  background: rgba(30, 41, 59, 0.7);
  color: inherit;
}

html:not(.dark) .doc-tag {
  background: #e2e8f0 !important;
  color: #475569;
}

.btn-secondary-hover {
  transition: background-color 0.2s, color 0.2s;
}

html:not(.dark) .btn-secondary-hover:hover {
  background-color: #f1f5f9 !important;
}

html.dark .btn-secondary-hover:hover {
  background-color: rgba(30, 41, 59, 0.8) !important;
}

/* Popover calendario scadenze - hover items light/dark */
html:not(.dark) #calendar-popover a:hover {
  background-color: #e2e8f0 !important;
}

html.dark #calendar-popover a:hover {
  background-color: rgba(30, 41, 59, 0.8) !important;
}

/* Panel expirations - hover link items */
html:not(.dark) #panel-content a:hover {
  border-color: rgba(0, 149, 218, 0.4) !important;
  background-color: #f8fafc !important;
}

html.dark #panel-content a:hover {
  border-color: rgba(0, 149, 218, 0.4) !important;
  background-color: rgba(30, 41, 59, 0.5) !important;
}

/* Dropdown notifiche - hover items light/dark */
html:not(.dark) #notifications-panel a:hover {
  background-color: #f1f5f9 !important;
}

html.dark #notifications-panel a:hover {
  background-color: rgba(30, 41, 59, 0.6) !important;
}

/* ===== AREA-DOCUMENTS: Tree view light/dark ===== */

.tree-context {
  background: rgba(0, 149, 218, 0.06);
  border: 1px solid rgba(0, 149, 218, 0.15);
}

html:not(.dark) .tree-context {
  background: rgba(0, 149, 218, 0.05) !important;
  border-color: rgba(0, 149, 218, 0.2) !important;
}

.tree-empty-icon {
  background: rgba(30, 41, 59, 0.5);
}

html:not(.dark) .tree-empty-icon {
  background: #e2e8f0 !important;
}

.tree-row {
  transition: background-color 0.15s ease;
}

.tree-row-area:hover,
.tree-row-doc:hover {
  background-color: rgba(30, 41, 59, 0.4);
}

html:not(.dark) .tree-row-area:hover,
html:not(.dark) .tree-row-doc:hover {
  background-color: #f1f5f9 !important;
}

.tree-row-selected {
  background-color: rgba(0, 149, 218, 0.08);
  box-shadow: inset 3px 0 0 0 #0095da;
}

html:not(.dark) .tree-row-selected {
  background-color: rgba(0, 149, 218, 0.06) !important;
}

.tree-list .tree-row:last-child {
  border-bottom: none !important;
}

/* Icone cartelle vs documenti - più distinte */
.tree-icon-folder {
  background: rgba(245, 158, 11, 0.15);
  color: #d97706;
  border: 1px solid rgba(245, 158, 11, 0.25);
}

.tree-icon-folder-open {
  background: rgba(245, 158, 11, 0.2);
  color: #b45309;
  border-color: rgba(245, 158, 11, 0.35);
}

html:not(.dark) .tree-icon-folder {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #b45309 !important;
  border-color: rgba(245, 158, 11, 0.25) !important;
}

html:not(.dark) .tree-icon-folder-open {
  background: rgba(245, 158, 11, 0.18) !important;
  color: #92400e !important;
}

.tree-icon-doc {
  background: rgba(0, 149, 218, 0.1);
  color: #0095da;
  border: 1px solid rgba(0, 149, 218, 0.2);
}

html:not(.dark) .tree-icon-doc {
  background: rgba(0, 149, 218, 0.08) !important;
  color: #0284c7 !important;
  border-color: rgba(0, 149, 218, 0.2) !important;
}

/* File input styling per modal */
.file-input-custom {
  cursor: pointer;
  display: block;
  padding: 0.5rem 0.75rem;
}

.file-input-custom::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin-right: 0.75rem;
  border-radius: 0.5rem;
  border: none;
  background-color: rgba(0, 149, 218, 0.1);
  color: #0095da;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
  vertical-align: middle;
}

.file-input-custom::-webkit-file-upload-button:hover {
  background-color: rgba(0, 149, 218, 0.2);
}

.file-input-custom::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin-right: 0.75rem;
  border-radius: 0.5rem;
  border: none;
  background-color: rgba(0, 149, 218, 0.1);
  color: #0095da;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

.file-input-custom::file-selector-button:hover {
  background-color: rgba(0, 149, 218, 0.2);
}

html:not(.dark) .file-input-custom::-webkit-file-upload-button {
  background-color: rgba(0, 149, 218, 0.1);
  color: #0284c7;
}

html:not(.dark) .file-input-custom::-webkit-file-upload-button:hover {
  background-color: rgba(0, 149, 218, 0.2);
}

html:not(.dark) .file-input-custom::file-selector-button {
  background-color: rgba(0, 149, 218, 0.1);
  color: #0284c7;
}

html:not(.dark) .file-input-custom::file-selector-button:hover {
  background-color: rgba(0, 149, 218, 0.2);
}

/* ===== PROFILE.HTML: Stili specifici per light/dark ===== */

/* Input fields profile */
html:not(.dark) input.border-slate-700\/80 {
  border-color: #cbd5e1 !important;
  background: #ffffff !important;
  color: #0f172a !important;
}

html:not(.dark) input.border-slate-700\/80:disabled {
  background: #f8fafc !important;
  color: #64748b !important;
  opacity: 0.7 !important;
}

html:not(.dark) input.border-slate-700\/80:focus {
  border-color: #0095da !important;
  ring-color: rgba(0, 149, 218, 0.2) !important;
}

/* Pulsante Modifica profile */
html:not(.dark) button.border-slate-700\/80 {
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
  background: #ffffff !important;
}

html:not(.dark) button.border-slate-700\/80:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
}

/* Stats cards profile */
html:not(.dark) .bg-slate-900\/80 {
  background: rgba(241, 245, 249, 0.8) !important;
}

html:not(.dark) .bg-slate-900\/80 p {
  color: #0f172a !important;
}

html:not(.dark) .bg-slate-900\/80 .text-muted {
  color: #64748b !important;
}

/* Pulsante camera profile */
html:not(.dark) button.hover\:bg-slate-800:hover {
  background: #f1f5f9 !important;
}

html:not(.dark) button.hover\:bg-slate-800 {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

html:not(.dark) button.hover\:bg-slate-800 .text-muted {
  color: #64748b !important;
}

html:not(.dark) button.hover\:bg-slate-800:hover .text-muted {
  color: #0f172a !important;
}

/* Badge ruolo profile */
html:not(.dark) .bg-primary\/10 {
  background: rgba(0, 149, 218, 0.1) !important;
}

html:not(.dark) .text-primary {
  color: #0095da !important;
}

/* Avatar gradient profile */
html:not(.dark) .bg-gradient-to-br.from-primary.to-accent {
  background: linear-gradient(to bottom right, #0095da, #63c5e7) !important;
}

/* Titoli e testo profile */
html:not(.dark) h1,
html:not(.dark) h2 {
  color: #0f172a !important;
}

html:not(.dark) .text-muted {
  color: #64748b !important;
}

/* Pulsante edit profile specifico */
html:not(.dark) .profile-edit-btn {
  color: #0f172a !important;
  background: #ffffff !important;
}

html:not(.dark) .profile-edit-btn:hover {
  background: #f1f5f9 !important;
}

/* Pulsante camera profile specifico */
html:not(.dark) .profile-camera-btn {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

html:not(.dark) .profile-camera-btn:hover {
  background: #f1f5f9 !important;
}

html:not(.dark) .profile-camera-btn .text-muted {
  color: #64748b !important;
}

html:not(.dark) .profile-camera-btn:hover .text-muted {
  color: #0f172a !important;
}

/* Stat cards profile specifiche */
html:not(.dark) .profile-stat-card {
  background: rgba(248, 250, 252, 0.9) !important;
  border: 1px solid #e2e8f0;
}

html:not(.dark) .profile-stat-number {
  color: #0f172a !important;
}

html:not(.dark) .profile-stat-card .text-muted {
  color: #64748b !important;
}

/* ===== INDEX.HTML: Stili specifici per landing page light/dark ===== */

/* Background index page */
.index-page-bg {
  background: radial-gradient(circle at top, #020617, #020817);
}

html:not(.dark) .index-page-bg {
  background: radial-gradient(circle at top, #f8fafc, #e2e8f0) !important;
}

/* Header index */
html:not(.dark) .index-page-bg header {
  background: rgba(255, 255, 255, 0.95) !important;
  border-bottom-color: #e2e8f0 !important;
}

html:not(.dark) .index-page-bg header button {
  color: #64748b !important;
}

html:not(.dark) .index-page-bg header button:hover {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}

html:not(.dark) .index-page-bg header button.border-slate-700\/70 {
  border-color: #cbd5e1 !important;
}

/* Testo principale index */
html:not(.dark) .index-page-bg h1,
html:not(.dark) .index-page-bg h2,
html:not(.dark) .index-page-bg h3 {
  color: #0f172a !important;
}

html:not(.dark) .index-page-bg .text-muted {
  color: #64748b !important;
}

/* Glass cards index */
html:not(.dark) .index-page-bg .glass-card {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.03) !important;
}

html:not(.dark) .index-page-bg .glass-card-strong {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(226, 232, 240, 0.9) !important;
}

html:not(.dark) .index-page-bg .glass-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
}

/* Benefits section index */
html:not(.dark) .index-page-bg .benefits-section {
  background: rgba(241, 245, 249, 0.95) !important;
  border-color: #e2e8f0 !important;
}

html:not(.dark) .index-page-bg .bg-slate-900\/70 {
  background: rgba(241, 245, 249, 0.95) !important;
}

html:not(.dark) .index-page-bg .border-slate-800\/80 {
  border-color: #e2e8f0 !important;
}

/* Pulsanti secondari index */
html:not(.dark) .index-page-bg button.border-slate-700\/80 {
  border-color: #cbd5e1 !important;
  background: rgba(255, 255, 255, 0.8) !important;
  color: #0f172a !important;
}

html:not(.dark) .index-page-bg button.border-slate-700\/80:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
}

html:not(.dark) .index-page-bg button.hover\:bg-slate-800\/80:hover {
  background: #f1f5f9 !important;
}

/* Footer index */
html:not(.dark) .index-page-bg footer {
  border-color: #e2e8f0 !important;
}

html:not(.dark) .index-page-bg footer .text-muted {
  color: #64748b !important;
}

/* Badge e elementi decorativi index */
html:not(.dark) .index-page-bg .bg-primary\/10 {
  background: rgba(0, 149, 218, 0.1) !important;
}

html:not(.dark) .index-page-bg .border-primary\/20 {
  border-color: rgba(0, 149, 218, 0.2) !important;
}

html:not(.dark) .index-page-bg .text-primary {
  color: #0095da !important;
}

/* Background decorations index */
html:not(.dark) .index-page-bg .bg-gradient-to-br.from-primary\/25 {
  background: linear-gradient(to bottom right, rgba(0, 149, 218, 0.15), rgba(99, 197, 231, 0.1)) !important;
}

html:not(.dark) .index-page-bg .bg-gradient-to-tr.from-accent\/25 {
  background: linear-gradient(to top right, rgba(99, 197, 231, 0.15), rgba(0, 149, 218, 0.1)) !important;
}

/* CTA section index */
html:not(.dark) .index-page-bg .bg-gradient-to-r.from-primary.to-accent {
  background: linear-gradient(to right, #0095da, #63c5e7) !important;
}

/* Shadow glass index */
html:not(.dark) .index-page-bg .shadow-glass {
  box-shadow: 0 8px 16px -4px rgba(0, 149, 218, 0.2), 0 4px 8px -2px rgba(0, 149, 218, 0.1) !important;
}

/* Pulsanti index specifici */
html:not(.dark) .index-page-bg .index-secondary-btn {
  color: #0f172a !important;
}

html:not(.dark) .index-page-bg .index-nav-btn {
  color: #0f172a !important;
}

html:not(.dark) .index-page-bg .index-theme-btn {
  color: #64748b !important;
}

html:not(.dark) .index-page-bg .index-theme-btn:hover {
  color: #0f172a !important;
}

/* Success badges index */
html:not(.dark) .index-page-bg .bg-success\/15 {
  background: rgba(34, 197, 94, 0.12) !important;
}

html:not(.dark) .index-page-bg .border-success\/40 {
  border-color: rgba(34, 197, 94, 0.35) !important;
}

html:not(.dark) .index-page-bg .text-success {
  color: #16a34a !important;
}

/* Benefits section - testo delle voci */
html:not(.dark) .index-page-bg .benefits-section .benefits-text {
  color: #0f172a !important;
  font-weight: 500;
}

/* Benefits section - icone check migliorate */
html:not(.dark) .index-page-bg .benefits-section .benefits-check-icon {
  background: rgba(34, 197, 94, 0.15) !important;
  border-color: rgba(34, 197, 94, 0.45) !important;
}

html:not(.dark) .index-page-bg .benefits-section .benefits-check {
  color: #15803d !important;
}

/* Benefits section - titolo e descrizione */
html:not(.dark) .index-page-bg .benefits-section h2 {
  color: #0f172a !important;
}

html:not(.dark) .index-page-bg .benefits-section p.text-muted {
  color: #475569 !important;
}

/* Benefits section - pulsante Prova DocCloud */
html:not(.dark) .index-page-bg .benefits-section .btn-gradient {
  background-image: linear-gradient(to right, #0095da, #63c5e7) !important;
  color: #ffffff !important;
}

html:not(.dark) .index-page-bg .benefits-section .btn-gradient:hover {
  filter: brightness(1.1);
}