/* ========================================
   DARK MODE STYLES
   ======================================== */

/* Basic dark mode styles */
body.dark {
  background: #252525;
  color: #d4d4d4;
}

body.dark .ql-toolbar.ql-snow {
  background: #1d1d1d;
  border: 0;
}

body.dark .ql-toolbar .ql-formats button {
  color: #d4d4d4;
}

body.dark .ql-toolbar .ql-formats button:hover {
  background: #353535 !important;
  color: #fff !important;
  transform: none;
}

/* Override Quill default blue hover for SVG icons in dark mode */
body.dark .ql-toolbar .ql-formats button:hover .ql-stroke {
  stroke: #fff !important;
}

body.dark .ql-toolbar .ql-formats button:hover .ql-fill {
  fill: #fff !important;
}

body.dark .ql-toolbar .ql-formats button:focus,
body.dark .ql-toolbar .ql-formats button:focus-visible {
  box-shadow: 0 0 0 2px rgba(80, 202, 89, 0.4);
}

body.dark .ql-toolbar .ql-formats button.ql-active {
  background: #2d4a2f !important;
  color: #50ca59 !important;
  box-shadow: inset 0 0 0 1px rgba(80, 202, 89, 0.55) !important;
}

/* Override Quill default blue active for SVG icons in dark mode */
body.dark .ql-toolbar .ql-formats button.ql-active .ql-stroke {
  stroke: #50ca59 !important;
}

body.dark .ql-toolbar .ql-formats button.ql-active .ql-fill {
  fill: #50ca59 !important;
}

/* Dark mode picker styles */
body.dark .ql-toolbar.ql-snow .ql-picker-label,
body.dark .ql-toolbar.ql-snow .ql-picker-item {
  color: #d4d4d4 !important;
}

body.dark .ql-toolbar.ql-snow .ql-picker-label:hover,
body.dark .ql-toolbar.ql-snow .ql-picker-item:hover {
  color: #fff !important;
}

body.dark .ql-toolbar.ql-snow .ql-picker-label .ql-stroke,
body.dark .ql-toolbar.ql-snow .ql-picker-label .ql-stroke-miter {
  stroke: currentColor !important;
}

body.dark .ql-toolbar.ql-snow .ql-picker-label .ql-fill {
  fill: currentColor !important;
}

body.dark .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke,
body.dark .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke-miter {
  stroke: #fff !important;
}

body.dark .ql-toolbar.ql-snow .ql-picker-label:hover .ql-fill {
  fill: #fff !important;
}

body.dark .ql-editor {
  color: #d4d4d4;
  background: #171717;
  border: 0;
}

/* Dark mode: Quill placeholder color */
body.dark .ql-editor.ql-blank::before {
  color: #8a8a8a; /* soft gray for placeholder */
  opacity: 0.6;
}

body.dark .editable.ql-container.ql-snow {
  border: 0;
}

/* Dark mode: dictation button active state (recording) */
body.dark .ql-toolbar .ql-formats button.ql-dictation.ql-active {
  background-color: #2a2a2a !important;
  opacity: 1 !important;
}

body.dark .ql-toolbar .ql-formats button.ql-dictation.ql-active i {
  color: #e74c3c !important; /* Keep red color for recording state */
}

body.dark .wrap .editable {
  background: #171717;
  color: #d4d4d4;
}

body.dark .note-title-container {
  background: #1d1d1d !important;
  border: none !important;
}

body.dark #note-title,
body.dark #shared-note-title {
  color: #d4d4d4 !important;
}

body.dark .wrap .footer {
  background: #1d1d1d;
  border: 0;
}

body.dark .wrap .footer .share-url {
  border: 1px solid #404040;
  background: #1d1d1d;
  color: #fff;
}

body.dark .wrap .sub-footer {
  color: #d4d4d4;
  background: #1d1d1d !important;
  border-top-color: #353535 !important;
}

body.dark .sub-footer {
  background: #1d1d1d !important;
  border-top-color: #353535 !important;
  color: #d4d4d4;
}

body.dark .wrap .sub-footer a {
  color: #d4d4d4;
}

body.dark .sub-footer a {
  color: #d4d4d4;
}

/* More Menu Dark Mode */
body.dark .more-menu {
  background: #333;
  border-color: #555;
  color: #fff;
}

body.dark .more-menu-content {
  background: #333;
}

body.dark .menu-section-title {
  color: #d4d4d4;
}

body.dark .more-menu a {
  color: #fff;
  background: transparent;
}

body.dark .more-menu a:hover {
  background-color: #444;
  color: #fff;
  text-decoration: none;
  outline: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

body.dark .menu-section {
  border-color: #555;
}

body.dark .mobile-label {
  color: #ccc;
}

/* Navigation Dark Mode */

body.dark .wrap .nav .fl-right .options a.primary-nav:hover,
body.dark .wrap .nav .fl-right .options a.more-menu-toggle:hover {
  color: #fff;
  background: transparent;
  text-decoration: none;
  outline: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* Mobile nav adjustments for dark mode */
@media screen and (max-width: 770px) {
  body.dark .nav {
    background: transparent;
    border-bottom: none;
    backdrop-filter: none;
  }
}

/* File Attachment Panel Dark Mode */
body.dark .attachment-panel {
  background: #1d1d1d;
  border: 1px solid #404040;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

body.dark .attachment-header {
  background: #252525;
  border-bottom: 1px solid #404040;
}

body.dark .attachment-header h4 {
  color: #d4d4d4;
}

body.dark .attachment-header .btn-close {
  color: #666;
}

body.dark .attachment-header .btn-close:hover {
  color: #8a8a8a;
}

body.dark .attachment-upload-area {
  border-bottom: 1px solid #404040;
}

body.dark .upload-zone {
  border: 2px dashed #404040;
  background: #252525;
  color: #8a8a8a;
}

body.dark .upload-zone:hover,
body.dark .upload-zone.drag-over {
  border-color: #2196F3;
  background: #1a2332;
}

body.dark .upload-zone i {
  color: #404040;
}

body.dark .upload-zone:hover i,
body.dark .upload-zone.drag-over i {
  color: #2196F3;
}

body.dark .upload-zone p {
  color: #d4d4d4;
}

body.dark .upload-zone small {
  color: #666;
}

body.dark .attachment-empty {
  color: #666;
}

body.dark .attachment-item {
  border-bottom: 1px solid #333;
}

body.dark .attachment-name span {
  color: #d4d4d4;
}

body.dark .attachment-meta {
  color: #666;
}

body.dark .btn-download:hover {
  background: #1a2332;
}

body.dark .btn-delete:hover {
  background: #331a1a;
}

body.dark .shared-attachments {
  background: #1d1d1d;
  border: 1px solid #404040;
}

body.dark .attachments-header {
  background: #252525;
  border-bottom: 1px solid #404040;
}

body.dark .attachments-header h4 {
  color: #d4d4d4;
}

body.dark .shared-attachment-item {
  border-bottom: 1px solid #333;
}

/* Export Panel Dark Mode */
body.dark .export-panel {
  background: #1d1d1d;
  border: 1px solid #404040;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

body.dark .export-header {
  background: #252525;
  border-bottom: 1px solid #404040;
}

body.dark .export-header h4 {
  color: #d4d4d4;
}

body.dark .export-header .btn-close {
  color: #666;
}

body.dark .export-header .btn-close:hover {
  color: #8a8a8a;
}

body.dark .export-formats {
  background: #1d1d1d;
}

body.dark .export-formats p {
  color: #d4d4d4;
}

body.dark .export-format-btn {
  background: #252525;
  border: 2px solid #404040;
  color: #d4d4d4;
}

body.dark .export-format-btn:hover {
  border-color: #2196F3;
  background: #1a2332;
}

body.dark .export-format-btn i {
  color: #2196F3;
}

body.dark .export-format-btn span {
  color: #d4d4d4;
}

body.dark .export-format-btn small {
  color: #666;
}

body.dark .disabled-export-btn {
  background: #1a1a1a;
  border-color: #333;
}

body.dark .disabled-export-btn i,
body.dark .disabled-export-btn span,
body.dark .disabled-export-btn small {
  color: #555;
}

body.dark .export-progress {
  background: #1d1d1d;
  border-bottom: 1px solid #404040;
}

body.dark .progress-bar {
  background: #333;
}

body.dark .progress-text {
  color: #d4d4d4;
}

body.dark .export-info {
  background: #1a2332;
  border-top: 1px solid #2196F3;
}

body.dark .export-info p {
  color: #2196F3;
}

body.dark .shared-export-section {
  background: #1d1d1d;
  border: 1px solid #404040;
}

body.dark .export-notice p {
  color: #2196F3;
}

body.dark .export-notice a {
  color: #2196F3;
}

/* Dark mode: Note Cards */
body.dark .note-card {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .note-card:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

body.dark .note-card-header {
  border-bottom-color: #404040;
}

body.dark .note-card-title {
  color: #f5f5f5;
}

body.dark .note-card-header .note-url {
  color: #50ca59;
}

body.dark .note-card-header .note-url:hover {
  color: #3da449;
}

body.dark .note-card-header .note-badge {
  color: #f39c12;
}

body.dark .note-card-meta {
  background: #252525;
  color: #8a8a8a;
}

body.dark .note-card-actions {
  border-top-color: #404040;
}

body.dark .note-card-actions a {
  color: #8a8a8a;
}

body.dark .note-card-actions a:hover {
  color: #50ca59;
  background: rgba(80, 202, 89, 0.15);
}

body.dark .note-card-actions a.delete-action {
  color: #dc3545;
}

body.dark .note-card-actions a.delete-action:hover {
  color: #ff4757;
  background: rgba(220, 53, 69, 0.15);
}

body.dark .notes-list .note-card-header {
  border-right-color: #404040;
}

body.dark .notes-list .note-card-meta {
  border-right-color: #404040;
}

/* Dark mode: Dashboard Sections */
body.dark .dashboard-header {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .dashboard-nav {
  border-bottom-color: #404040;
}

body.dark .dashboard-section {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .dashboard-section-header {
  background: #252525;
  border-bottom-color: #404040;
  color: #d4d4d4;
}

body.dark .dashboard-section-content {
  color: #d4d4d4;
}

/* Dark mode: Notes Sidebar */
body.dark .sidebar-toggle {
  color: #d4d4d4;
}

body.dark .sidebar-toggle:hover {
  color: #50ca59;
}

body.dark .notes-sidebar-backdrop {
  background: rgba(0, 0, 0, 0.7);
}

body.dark .notes-sidebar {
  background: #1d1d1d;
  border-right: 1px solid #404040;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.5);
}

body.dark .sidebar-header {
  background: #252525;
  border-bottom-color: #404040;
}

body.dark .sidebar-header h3 {
  color: #d4d4d4;
}

body.dark .sidebar-close {
  color: #b0b0b0;
}

body.dark .sidebar-close:hover {
  color: #d4d4d4;
}

body.dark .sidebar-search {
  border-bottom-color: #404040;
}

body.dark .sidebar-search input {
  background: #171717;
  border-color: #404040;
  color: #d4d4d4;
}

body.dark .sidebar-search input:focus {
  border-color: #50ca59;
}

body.dark .sidebar-search input::placeholder {
  color: #666;
}

body.dark .sidebar-search i {
  color: #666;
}

body.dark .sidebar-note-item {
  border-bottom-color: #2a2a2a;
  color: #d4d4d4;
}

body.dark .sidebar-note-item:hover {
  background-color: #252525;
}

body.dark .sidebar-note-title {
  color: #d4d4d4;
}

body.dark .sidebar-note-title i.ion-locked {
  color: #f39c12;
}

body.dark .sidebar-note-meta {
  color: #666;
}

body.dark .sidebar-loading,
body.dark .sidebar-empty,
body.dark .sidebar-error {
  color: #666;
}

body.dark .sidebar-empty a {
  color: #50ca59;
}

body.dark .sidebar-actions {
  background: #252525;
  border-top-color: #404040;
}

body.dark .sidebar-actions a {
  color: #d4d4d4;
}

body.dark .sidebar-actions a:hover {
  background-color: rgba(80, 202, 89, 0.15);
  color: #50ca59;
}

/* Dark Mode: Footer Section */
body.dark .footer-section {
  background: #1d1d1d;
  border-top-color: #404040;
  color: #666;
}

body.dark .footer-section a {
  color: #888;
}

body.dark .footer-section a:hover {
  color: #50ca59;
}

/* Dark Mode: Page Heading */
body.dark .page-heading h1 {
  color: #d4d4d4;
}

body.dark .page-heading p {
  color: #8a8a8a;
}

/* Dark Mode: Account Overview Dashboard */
body.dark .account-detail {
  background: #252525;
  border-color: #404040;
}

body.dark .account-detail:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

body.dark .detail-icon {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .detail-content h4 {
  color: #d4d4d4;
}

body.dark .detail-content p {
  color: #8a8a8a;
}

/* Dark Mode: Status Badge */
body.dark .status-active {
  color: #50ca59;
}

/* Dark Mode: Buttons */
body.dark .btn-secondary {
  background: #252525;
  color: #d4d4d4;
  border-color: #404040;
}

body.dark .btn-secondary:hover:not(:disabled) {
  background: #333;
  border-color: #555;
  color: #fff;
}

/* Dark Mode: Dashboard Container */
body.dark .dashboard-container {
  background: #171717;
}

body.dark .dashboard-header {
  background: #171717;
}

/* Dark Mode: Account Links */
body.dark .account-links a {
  color: #50ca59;
}

body.dark .account-links a:hover {
  color: #3da449;
}

/* Dark Mode: Navigation Header */
body.dark .dashboard-nav .logo {
  color: #d4d4d4;
}

body.dark .dashboard-nav .logo b {
  color: #d4d4d4;
}

body.dark .nav-links a {
  color: #d4d4d4;
}

body.dark .nav-links a:hover {
  color: #50ca59;
  background: rgba(80, 202, 89, 0.1);
}

body.dark .nav-links a.active {
  color: #50ca59;
}

/* Dark Mode: Mobile Nav Dropdown */
@media (max-width: 780px) {
  body.dark .nav-links {
    background: #1d1d1d;
    border-color: #404040;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
  }

  body.dark .nav-links a {
    color: #d4d4d4;
    border-bottom-color: #404040;
  }

  body.dark .nav-links a:hover {
    background: #252525;
    color: #50ca59;
  }

  body.dark .nav-toggle {
    color: #d4d4d4;
    background: transparent;
    border-color: #404040;
  }

  body.dark .nav-toggle.is-open {
    background: #252525;
    border-color: #555;
  }
}

/* Dark Mode: Nav Toggle Button */
body.dark .nav-toggle {
  color: #d4d4d4;
  border-color: #404040;
}

body.dark .nav-toggle:hover {
  background: #252525;
}

/* Dark Mode: Search Input */
body.dark input[type="text"],
body.dark input[type="email"],
body.dark input[type="password"],
body.dark input[type="search"],
body.dark textarea {
  background: #1d1d1d;
  border-color: #404040;
  color: #d4d4d4;
}

body.dark input[type="text"]:focus,
body.dark input[type="email"]:focus,
body.dark input[type="password"]:focus,
body.dark input[type="search"]:focus,
body.dark textarea:focus {
  border-color: #50ca59;
  background: #252525;
}

body.dark input::placeholder,
body.dark textarea::placeholder {
  color: #666;
}

/* Dark Mode: Folder Sidebar */
body.dark .folder-sidebar {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .folder-section {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .folder-section-header {
  background: #252525;
  color: #d4d4d4;
  border-bottom-color: #404040;
}

body.dark .folder-list-item {
  background: #252525;
  border-color: #404040;
  color: #d4d4d4;
}

body.dark .folder-list-item:hover {
  background: #2a2a2a;
}

body.dark .folder-list-item.active {
  background: rgba(80, 202, 89, 0.2);
  border-color: #50ca59;
  color: #50ca59;
}

body.dark .folder-count {
  color: #666;
}

body.dark .folder-empty {
  color: #666;
}

/* Dark Mode: Account Settings Tabs */
body.dark .settings-tabs {
  background: #1d1d1d;
  border-bottom-color: #404040;
}

body.dark .settings-tabs a {
  color: #8a8a8a;
  border-bottom: 2px solid transparent;
}

body.dark .settings-tabs a:hover {
  color: #d4d4d4;
}

body.dark .settings-tabs a.active {
  color: #50ca59;
  border-bottom-color: #50ca59;
}

/* Dark Mode: Profile Section */
body.dark .profile-section {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .profile-section-header {
  background: #252525;
  border-bottom-color: #404040;
  color: #d4d4d4;
}

body.dark .form-group label {
  color: #d4d4d4;
}

body.dark .form-help-text {
  color: #666;
}

/* Dark Mode: Pricing Cards */
body.dark .plan-card {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .plan-card:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

body.dark .plan-card-header {
  background: #252525;
  border-bottom-color: #404040;
}

body.dark .plan-card h3 {
  color: #d4d4d4;
}

body.dark .plan-card .plan-subtitle {
  color: #8a8a8a;
}

body.dark .plan-card .plan-price {
  color: #50ca59;
}

body.dark .plan-card .plan-period {
  color: #8a8a8a;
}

body.dark .plan-card ul li {
  color: #d4d4d4;
}

body.dark .plan-card .checkmark {
  color: #50ca59;
}

body.dark .plan-card .feature-disabled {
  color: #555;
}

body.dark .current-plan-badge {
  background: #2d4a2f;
  color: #50ca59;
  border-color: #50ca59;
}

body.dark .professional-badge {
  background: #2a2a2a;
  color: #8a8a8a;
  border-color: #404040;
}

/* Dark Mode: Benefit Cards */
body.dark .benefit-card {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .benefit-card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

body.dark .benefit-icon {
  background: rgba(80, 202, 89, 0.2);
}

body.dark .benefit-card h3 {
  color: #d4d4d4;
}

body.dark .benefit-card p {
  color: #8a8a8a;
}

/* Dark Mode: Trust Badge Cards */
body.dark .trust-badges-section {
  background: transparent;
}

body.dark .trust-badge-card {
  background: linear-gradient(135deg, #1d1d1d 0%, #1f2e1f 100%) !important;
  border: 1px solid #2d4a2f !important;
}

body.dark .trust-badge-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(80, 202, 89, 0.25) !important;
  border-color: #50ca59 !important;
}

body.dark .trust-badge-icon {
  background: linear-gradient(135deg, #50ca59 0%, #3da449 100%);
  box-shadow: 0 4px 16px rgba(80, 202, 89, 0.35);
}

body.dark .trust-badge-card h4 {
  color: #d4d4d4 !important;
}

body.dark .trust-badge-card p {
  color: #8a8a8a !important;
}

/* Dark Mode: Folder Items */
body.dark .folder-item {
  background: #252525;
  border-color: #404040;
  color: #d4d4d4;
}

body.dark .folder-item:hover {
  background: #2a2a2a;
}

body.dark .folder-item.active {
  background: rgba(80, 202, 89, 0.2);
  border-color: #50ca59;
}

body.dark .folder-name {
  color: #d4d4d4;
}

body.dark .folder-icon {
  background-color: #404040 !important;
}

body.dark .folders-sidebar {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .folders-list {
  background: #1d1d1d;
}

body.dark .btn-create-folder {
  color: #50ca59;
  border-color: #404040;
  background: transparent;
}

body.dark .btn-create-folder:hover {
  background: rgba(80, 202, 89, 0.15);
}

body.dark .btn-upgrade {
  color: #f39c12;
}

/* Dark Mode: Notes Page Container */
body.dark .notes-page-container {
  background: #171717;
}

body.dark .notes-main-content {
  background: #171717;
}

/* Dark Mode: Plans Grid Enhanced */
body.dark .plans-grid-enhanced {
  background: transparent;
}

body.dark .plan-card-enhanced {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .plan-card-enhanced:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  border-color: #555;
}

body.dark .plan-card-enhanced.plan-featured {
  border-color: #50ca59;
  box-shadow: 0 0 20px rgba(80, 202, 89, 0.2);
}

body.dark .plan-badge-corner {
  background: linear-gradient(135deg, #50ca59 0%, #3da449 100%);
  color: #fff;
}

body.dark .plan-ribbon {
  background: #50ca59;
  color: #fff;
}

body.dark .plan-card-header {
  background: #252525;
  border-bottom-color: #404040;
}

body.dark .plan-name {
  color: #d4d4d4;
}

body.dark .plan-identity {
  color: #8a8a8a !important;
}

body.dark .plan-card-enhanced.plan-featured .plan-identity {
  color: #f39c12 !important;
}

body.dark .plan-price-main .currency,
body.dark .plan-price-main .amount {
  color: #50ca59;
}

body.dark .plan-price-period {
  color: #666;
}

body.dark .plan-popular-badge {
  background: #50ca59;
  color: #fff;
}

body.dark .plan-features {
  background: #1d1d1d;
}

body.dark .plan-features li {
  color: #d4d4d4;
  border-bottom-color: #2a2a2a;
}

body.dark .plan-features .feature-icon {
  color: #50ca59;
}

body.dark .plan-features .feature-icon.disabled {
  color: #555;
}

body.dark .plan-cta {
  background: #252525;
  border-top-color: #404040;
}

/* Dark Mode: Account Wrap (Login/Register forms) */
body.dark .account-wrap {
  background: #1d1d1d;
  box-shadow: 0 0 27px rgba(0, 0, 0, 0.5);
}

body.dark .account-wrap h3 {
  color: #d4d4d4;
}

body.dark .account-wrap .logo {
  color: #d4d4d4;
}

body.dark .account-label {
  color: #d4d4d4;
}

body.dark .account-input {
  background: #252525;
  border-color: #404040;
  color: #d4d4d4;
}

body.dark .account-input:focus {
  border-color: #50ca59;
  background: #2a2a2a;
}

body.dark .account-btn {
  background: #404040;
  border-color: #404040;
  color: #d4d4d4;
}

body.dark .account-btn:hover {
  background: #555;
  border-color: #555;
}

body.dark .account-btn--google {
  background: #252525;
  border-color: #404040;
  color: #d4d4d4;
}

body.dark .account-btn--google:hover {
  background: #2a2a2a;
  border-color: #555;
}

/* Dark Mode: Section Headers with Icons */
body.dark .dashboard-section-header i {
  color: #50ca59;
}

/* Dark Mode: Select Multiple Button */
body.dark .btn-select-multiple {
  background: #1d1d1d;
  border-color: #404040;
  color: #d4d4d4;
}

body.dark .btn-select-multiple:hover {
  background: #252525;
  border-color: #50ca59;
  color: #50ca59;
}

/* Dark Mode: Settings Tabs Container */
body.dark .settings-tabs-container {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .settings-tabs-nav {
  background: #1d1d1d;
  border-bottom-color: #404040;
}

body.dark .settings-tab-btn {
  color: #8a8a8a;
  background: transparent;
  border-color: transparent;
}

body.dark .settings-tab-btn:hover {
  color: #d4d4d4;
  background: rgba(80, 202, 89, 0.1);
}

body.dark .settings-tab-btn.active {
  color: #50ca59;
  border-bottom-color: #50ca59;
  background: transparent;
}

body.dark .settings-tabs-content {
  background: #171717;
}

body.dark .settings-tab-pane {
  background: transparent;
}

/* Dark Mode: Subscription Cards */
body.dark .subscription-card {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .subscription-card:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  border-color: #555;
}

body.dark .active-subscription {
  border-color: #50ca59 !important;
  background: linear-gradient(135deg, #1d1d1d 0%, #1f2e1f 100%) !important;
  box-shadow: 0 4px 16px rgba(80, 202, 89, 0.3) !important;
}

body.dark .subscription-card.active-subscription {
  background: linear-gradient(135deg, #1d1d1d 0%, #1f2e1f 100%) !important;
  border-color: #50ca59 !important;
}

body.dark .subscription-info-card {
  background: #252525;
  border-color: #404040;
}

body.dark .price-amount {
  color: #d4d4d4;
}

body.dark .subscription-details p {
  color: #8a8a8a;
}

/* Dark Mode: Dashboard Buttons */
body.dark .dashboard-btn {
  background: #404040;
  border-color: #404040;
  color: #d4d4d4;
}

body.dark .dashboard-btn:hover {
  background: #555;
  border-color: #555;
}

body.dark .dashboard-btn-primary {
  background: #50ca59;
  border-color: #50ca59;
  color: #fff;
}

body.dark .dashboard-btn-primary:hover {
  background: #3da449;
  border-color: #3da449;
}

/* Dark Mode: Form Elements */
body.dark .form-group label {
  color: #d4d4d4;
}

body.dark .form-hint,
body.dark .form-help-text,
body.dark small {
  color: #666;
}

body.dark .account-alert {
  background: #3d1f1f;
  color: #f8d7da;
  border-color: #5c2e2e;
}

body.dark .account-success {
  background: #1f3d1f;
  color: #d4edda;
  border-color: #2e5c2e;
}

/* Dark Mode: Footer */
body.dark footer,
body.dark .page-footer,
body.dark .dashboard-footer {
  background: #1d1d1d;
  border-top-color: #404040;
  color: #666;
}

body.dark footer a,
body.dark .page-footer a,
body.dark .dashboard-footer a {
  color: #8a8a8a;
}

body.dark footer a:hover,
body.dark .page-footer a:hover,
body.dark .dashboard-footer a:hover {
  color: #50ca59;
}

/* Dark Mode: Subscription Badge */
body.dark .subscription-badge-free {
  background: #555;
  color: #d4d4d4;
}

body.dark .subscription-badge-pro {
  background: #404040;
  color: #d4d4d4;
}

/* Dark Mode: Dashboard Header Container */
body.dark .dashboard-header {
  background: #171717;
  box-shadow: none;
}

/* Dark Mode: Current Subscription Summary */
body.dark .current-subscription-summary {
  background: transparent;
}

/* Dark Mode: Dashboard-specific inline style overrides */
body.dark .dashboard-container [style*="background: white"],
body.dark .dashboard-container [style*="background:white"],
body.dark .dashboard-container [style*="background: #fff"],
body.dark .dashboard-container [style*="background:#fff"],
body.dark .dashboard-section [style*="background: white"],
body.dark .dashboard-section [style*="background:#fff"] {
  background: #1d1d1d !important;
}

/* Dark Mode: Dashboard text colors for inline styles */
body.dark .dashboard-container [style*="color: #333"],
body.dark .dashboard-container [style*="color:#333"],
body.dark .dashboard-section [style*="color: #333"] {
  color: #d4d4d4 !important;
}

body.dark .dashboard-container [style*="color: #666"],
body.dark .dashboard-container [style*="color:#666"],
body.dark .dashboard-section [style*="color: #666"] {
  color: #8a8a8a !important;
}

/* Dark Mode: Subscription Page Components */
body.dark .subscription-header {
  background: transparent !important;
  border-bottom-color: #404040 !important;
  color: #d4d4d4 !important;
}

body.dark .subscription-card .subscription-header {
  background: transparent !important;
}

body.dark .subscription-header h3 {
  color: #d4d4d4 !important;
}

body.dark .subscription-card h3 {
  color: #d4d4d4 !important;
}

body.dark .status-badge {
  background: #404040;
  color: #d4d4d4;
}

body.dark .status-badge.status-active {
  background: #2d4a2f;
  color: #50ca59;
}

body.dark .status-badge.status-cancelled {
  background: #4a2d2d;
  color: #e74c3c;
}

body.dark .subscription-details {
  background: #1d1d1d;
  color: #d4d4d4;
}

body.dark .subscription-info-row {
  border-bottom-color: #2a2a2a;
}

body.dark .subscription-info-row.warning {
  background: rgba(243, 156, 18, 0.1);
  border-left-color: #f39c12;
}

body.dark .info-label {
  color: #8a8a8a;
}

body.dark .info-value {
  color: #d4d4d4;
}

body.dark .subscription-features {
  background: #1d1d1d;
  border-top-color: #404040;
}

body.dark .subscription-features h4 {
  color: #d4d4d4;
}

body.dark .scheduled-change-notice {
  background: rgba(243, 156, 18, 0.15);
  border-color: rgba(243, 156, 18, 0.3);
}

body.dark .scheduled-change-notice i {
  color: #f39c12;
}

body.dark .scheduled-change-notice strong {
  color: #f39c12;
}

body.dark .scheduled-change-notice p {
  color: #d4d4d4;
}

body.dark .current-plan-actions {
  background: #1d1d1d;
  border-top-color: #404040;
}

body.dark .cancel-notice {
  color: #666;
}

body.dark .pricing-comparison-callout {
  background: linear-gradient(135deg, #1f2e1f 0%, #1a2b1a 100%);
  border-color: #50ca59;
}

/* Dark Mode: Dividers and Borders - Comprehensive */
body.dark hr,
body.dark .divider {
  border-color: #404040 !important;
  background: #404040 !important;
}

body.dark .dashboard-section + .dashboard-section {
  border-top-color: #404040 !important;
}

/* Override light border colors in dashboard only */
body.dark .dashboard-container [class*="border"],
body.dark .dashboard-section [class*="subscription"],
body.dark .dashboard-section [class*="dashboard"] {
  border-color: #404040;
}

body.dark .subscription-info-row,
body.dark .subscription-details > *,
body.dark .plan-feature,
body.dark .feature-row {
  border-color: #2a2a2a !important;
}

/* Specific border overrides for subscription page */
body.dark .subscription-card,
body.dark .subscription-header,
body.dark .subscription-details,
body.dark .subscription-features,
body.dark .current-plan-actions,
body.dark .subscription-actions {
  border-color: #404040 !important;
}

/* Dark Mode: Notes Page Specific */
body.dark .notes-main-content {
  background: #171717;
}

body.dark .notes-header {
  background: #1d1d1d;
  border-bottom-color: #404040;
}

body.dark .notes-search {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .notes-search input {
  background: #252525;
  border-color: #404040;
  color: #d4d4d4;
}

body.dark .notes-search input:focus {
  border-color: #50ca59;
  background: #2a2a2a;
}

body.dark .notes-filters {
  background: #1d1d1d;
  border-color: #404040;
}

body.dark .filter-btn {
  background: #252525;
  border-color: #404040;
  color: #d4d4d4;
}

body.dark .filter-btn:hover {
  background: #2a2a2a;
  border-color: #50ca59;
}

body.dark .filter-btn.active {
  background: rgba(80, 202, 89, 0.2);
  border-color: #50ca59;
  color: #50ca59;
}

/* Dark Mode: Action Buttons Area */
body.dark .subscription-actions,
body.dark .plan-actions {
  background: #1d1d1d;
  border-top-color: #404040;
}

body.dark .btn-cancel {
  background: #5c2e2e;
  border-color: #7d3c3c;
  color: #ff6b6b;
}

body.dark .btn-cancel:hover {
  background: #7d3c3c;
  border-color: #a04848;
}

body.dark .btn-view-plans {
  background: #404040;
  border-color: #404040;
  color: #d4d4d4;
}

body.dark .btn-view-plans:hover {
  background: #555;
  border-color: #555;
}

/* Force dark borders on dashboard elements only */
body.dark .dashboard-container div[style*="border"],
body.dark .dashboard-section [style*="border"] {
  border-color: #404040 !important;
}

/* Target subscription-specific rows and dividers */
body.dark .subscription-info-row {
  border-bottom: 1px solid #2a2a2a !important;
}

body.dark .subscription-header {
  border-bottom: 1px solid #404040 !important;
}

body.dark .subscription-features {
  border-top: 1px solid #404040 !important;
}

body.dark .current-plan-actions {
  border-top: 1px solid #404040 !important;
}

/* Dashboard section borders */
body.dark .dashboard-section {
  border: 1px solid #404040 !important;
}

body.dark .dashboard-section-header {
  border-bottom: 1px solid #404040 !important;
}

/* Dark Mode: Navbar (Logged-in Header) */
body.dark .navbar {
  background-color: #1d1d1d !important;
  border-bottom: 1px solid #404040 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

body.dark .navbar-brand {
  color: #d4d4d4 !important;
}

body.dark .navbar-brand b {
  color: #d4d4d4 !important;
}

body.dark .navbar-toggler-icon {
  background-color: #d4d4d4 !important;
}

body.dark .navbar-toggler-icon::before,
body.dark .navbar-toggler-icon::after {
  background-color: #d4d4d4 !important;
}

body.dark .nav-link {
  color: #d4d4d4 !important;
}

body.dark .nav-link:hover {
  color: #50ca59 !important;
  background: rgba(80, 202, 89, 0.1) !important;
}

/* Mobile navbar dark mode */
@media (max-width: 768px) {
  body.dark .navbar-collapse {
    background: #1d1d1d !important;
  }
}