.layout-dashboard {
  max-width: 100%;
  margin: 0 auto;
  padding: 1.5rem 3.5rem;
  width: 100%;
}
.login-page {
  --tw-bg-opacity: 1;
  /* background-color: rgb(46 114 140 / var(--tw-bg-opacity, 1)); */
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}
.logo-container {
  --tw-bg-opacity: 1;
}
.bg-neutral-50 {
  background-color: transparent !important;
}
#ivy-logosmall {
  align-items: flex-start;
}
[data-theme="dark"] #ivy-logosmall {
  filter: brightness(0) invert(1);
}
[data-theme="dark"] .tab-btn {
  color: rgb(149 160 174);
  /* border-bottom-color: rgb(95 106 123); */
}
[data-theme="dark"] .tab-btn.active {
  color: rgb(203 213 225);
  border-bottom-color: rgb(203 213 225);
}
[data-theme="dark"] .tab-btn:hover {
  color: rgb(203 213 225);
  border-bottom-color: rgb(203 213 225);
}
[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="month"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="week"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}

/* Theme Toggle Button - Light/Dark Mode Text Colors */
[data-theme="dark"] .bg-neutral-100 {
  background-color: #334155 !important;
}

[data-theme="dark"] .text-neutral-800 {
  color: rgb(219 234 254) !important;
}

/* Theme Toggle Button Styling */
.theme-toggle {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.theme-toggle:hover {
  transform: scale(1.05);
}

/* Light Mode (default) */
.theme-toggle {
  background-color: #f5f5f4 !important;
  color: #292524 !important;
}

/* Dark Mode */
[data-theme="dark"] .theme-toggle {
  background-color: #334155 !important;
  color: rgb(219 234 254) !important;
}
@media (max-width: 768px) {
  .login-page {
    transform: scale(0.9);
  }
}

@media (max-width: 480px) {
  .login-page {
    transform: scale(0.8);
  }
}

/* .nav-slide-menu {
    
} */

/* 🔥 Django Debug Toolbar Dark Mode */
#djDebug[data-theme="dark"] {
  background-color: #121212 !important;
  color: #ffffff !important;
}
#djDebug[data-theme="dark"] input[type="checkbox"],
#djDebug[data-theme="dark"] input[type="radio"] {
  accent-color: #94a3b8 !important;
  border: 1px solid #94a3b8;
  border-radius: 2px;
  background-color: #94a3b8;
}

/* Text */
#djDebug[data-theme="dark"] li > a,
#djDebug[data-theme="dark"] li > div.djdt-contentless {
  color: #2e728c !important;
}

/* Links */
#djDebug[data-theme="dark"] a {
  color: #fff !important;
}

/* Panel background */
#djDebug[data-theme="dark"] .djdt-panelContent {
  background-color: #1e1e1e !important;
}

/* Scrollbar (optional modern look) */
#djDebug[data-theme="dark"] ::-webkit-scrollbar {
  width: 6px;
}
[data-theme="dark"] #djDebug #djDebugToolbar {
  background-color: #293548 !important;
}
#djDebug #djDebugToolbar {
  background-color: #f1f5f9 !important;
  opacity: 1 !important;
}
#djDebug #djDebugToolbar li > a {
  color: #3a87a5 !important;
}
#djDebug #djDebugToolbar li a:hover {
  background-color: #fff !important;
  color: #2e728c !important;
}
#matter-sort {
  padding: 0.5rem 1.5rem;
}
.search-icon {
  padding: 0.5rem 2rem;
}
#djDebug #djDebugToolbar li {
  border-bottom: 1px solid #2e728c !important;
}
#djDebug #djDebugToolbar li > div.djdt-contentless {
  color: #94a3b8 !important;
}

#djDebug[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background-color: rgb(239 246 255);
  border-radius: 10px;
}
[data-theme="dark"] #djDebug #djDebugToolbar li > a {
  color: #94a3b8 !important;
}

[data-theme="dark"] #djDebug #djDebugToolbar li a:hover {
  background-color: #334155 !important;
  color: #f1f5f9 !important;
}
[data-theme="dark"] #djDebug #djDebugToolbar li a:hover svg {
  color: #f1f5f9 !important;
}
[data-theme="dark"] #djDebug #djDebugToolbar li {
  border-bottom: 1px solid #334155 !important;
}
/* [data-theme="dark"] #djDebug #djDebugToolbar li small {
    color: #fff !important;
} */
[data-theme="dark"] #djDebug #djDebugToolbar li > div.djdt-contentless {
  color: #94a3b8 !important;
}

[data-theme="dark"].login-page {
  background-color: rgb(46 114 140 / var(--tw-bg-opacity, 1)) !important;
}

/* [data-theme="dark"] p {
  color: #fff !important;
} */

[data-theme="dark"] p.dark_mode {
  color: rgb(46 114 140 / var(--tw-text-opacity, 1)) !important;
}
[data-theme="dark"] .privacy_dark {
  color: #fff !important;
}
[data-theme="dark"] .logo-container {
  background-color: rgb(119, 255, 165);
}
[data-theme="dark"] .logo-container svg {
  color: rgb(46 114 140 / var(--tw-text-opacity, 1)) !important;
}
[data-theme="dark"] .ivy-logo {
  filter: brightness(0) invert(1);
}

/* ============================================================
   NAV SLIDE MENU — DARK MODE
   ============================================================ */

[data-theme="dark"] .nav-slide-menu {
  background-color: rgb(46 114 140) !important;
  border-right-color: rgb(46 114 140) !important;
}

/* Header */
[data-theme="dark"] .nav-slide-header {
  border-bottom-color: rgb(46 114 140) !important;
}

[data-theme="dark"] .nav-slide-title {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .nav-slide-subtitle {
  color: #fff !important;
}

/* [data-theme="dark"] .nav-slide-logo {
    background-color: rgba(46, 114, 140, 0.25);
} */

/* Close button */
[data-theme="dark"] .nav-slide-close {
  color: #fff !important  ;
}

[data-theme="dark"] .nav-slide-close:hover {
  background-color: #eff6ff !important;
  color: #3a87a5 !important;
}

/* Section titles */
[data-theme="dark"] .nav-section-title {
  color: #fff !important;
}

/* Nav links */
[data-theme="dark"] .nav-link {
  color: #fff !important;
}

[data-theme="dark"] .nav-link:hover {
  background-color: rgb(239 246 255);
  color: #3a87a5 !important;
}

[data-theme="dark"] .nav-link-active,
[data-theme="dark"] .nav-link.active {
  background-color: rgb(239 246 255);
  color: #3a87a5 !important;
  border-color: rgb(239 246 255) !important;
  border-left: 0 !important;
}

[data-theme="dark"] .nav-link-active:hover,
[data-theme="dark"] .nav-link.active:hover {
  background-color: rgb(239 246 255);
}

[data-theme="dark"] .nav-link-active::before,
[data-theme="dark"] .nav-link.active::before {
  background-color: rgb(239 246 255);
  height: 0 !important;
}

[data-theme="dark"] .nav-link-disabled,
[data-theme="dark"] .nav-link:disabled {
  color: #475569;
}

/* Scrollbar (optional modern look) */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 6px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background-color: rgb(239 246 255);
  border-radius: 10px;
}

[data-theme="light"] ::-webkit-scrollbar {
  width: 6px;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
  background-color: rgb(46 114 140);
  border-radius: 10px;
}
[data-theme="auto"] ::-webkit-scrollbar {
  width: 6px;
}

[data-theme="auto"] ::-webkit-scrollbar-thumb {
  background-color: rgb(46 114 140);
  border-radius: 10px;
}
[data-theme="dark"] .hover\:bg-neutral-100:hover {
  background-color: rgb(41 53 72);
}

/* Footer */
[data-theme="dark"] .nav-slide-footer {
  border-top-color: #3a87a5 !important;
  color: #fff !important;
  background-color: rgb(46 114 140 / var(--tw-bg-opacity, 1)) !important;
}

[data-theme="dark"] .nav-user-card {
  background-color: rgb(239 246 255);
}

[data-theme="dark"] .nav-user-name {
  color: #3a87a5 !important;
}

[data-theme="dark"] .nav-user-role {
  color: #3a87a5 !important;
}

/* ============================================================
   DARK MODE — CSS VARIABLE OVERRIDES (body carries data-theme)
   These activate all var() references in caseconnect.css
   ============================================================ */

body[data-theme="dark"] {
  --bg-page: #0f172a;
  --bg-surface: #1e293b;
  --bg-surface-2: #293548;
  --bg-surface-3: #334155;
  --bg-input: #293548;
  --bg-header: #1e293b;
  --bg-nav: #1e293b;
  --bg-dropdown: #1e293b;
  --bg-card: #1e293b;
  --bg-modal: #1e293b;
  --bg-table-head: #293548;
  --bg-table-row-alt: #1a2437;
  --bg-hover: #334155;

  --text-primary: #f1f5f9;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --text-placeholder: #64748b;
  --text-inverse: #1c1917;
  --text-link: #60a5fa;

  --border-default: #334155;
  --border-strong: #475569;
  --border-input: #475569;
  --border-focus: #60a5fa;

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.4);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.5);
}

/* ============================================================
   MATTERS LIST — DARK MODE
   ============================================================ */

/* --- Page shell & layout --- */
[data-theme="dark"] body,
[data-theme="dark"],
body[data-theme="dark"] {
  background-color: #0f172a;
  color: #f1f5f9;
}

[data-theme="dark"] .app-main-content,
[data-theme="dark"] main {
  background-color: #0f172a !important;
}
.matters-create-page {
  padding: 2rem 2rem;
  max-width: var(--content-max-width);
  margin: 0 auto;
  width: 100%;
}
[data-theme="dark"] .contact-type-card {
  background: #293548;
}
[data-theme="dark"] .contact-type-card :hover {
  border-color: #2e728c;
}
[data-theme="dark"] .contact-type-card.active {
  background: #2e728c;
}

/* --- Inline-style overrides from app_shell.html --- */
[data-theme="dark"] .page-header {
  background: #1e293b !important;
  border-color: #334155 !important;
}
[data-theme="dark"] .page-header .page-title {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .breadcrumb-bar {
  background-color: rgb(30 41 59) !important;
  border-bottom: 0 !important;
}

[data-theme="dark"] .content-card {
  background-color: #293548 !important;
  color: #f1f5f9 !important;
  border-color: #475569 !important;
}
[data-theme="dark"] .content-card header h2 i[data-lucide],
[data-theme="dark"] .content-card header .text-primary-600 {
  color: #ffffff !important;
}
[data-theme="dark"] .content-card ul li {
  border-color: rgb(41 53 72) !important;
  color: #94a3b8 !important;
}
[data-theme="dark"] .content-card ul li i[data-lucide] {
  color: #94a3b8 !important;
}
[data-theme="dark"] #sa-audit-content p {
  color: #dbeafe !important;
}
[data-theme="dark"] #sa-audit-content > div > div {
  border-color: #334155 !important;
}
[data-theme="dark"] #sa-audit-content > div > div:hover {
  background: #334155;
}
[data-theme="dark"] .nth_child {
  background-color: rgb(41 53 72);
  border-color: #334155 !important;
}
[data-theme="dark"] .nth_child:hover {
  background: #334155;
  border-color: #334155 !important;
}
[data-theme="dark"] .view_btn {
  color: #94a3b8 !important;
}
[data-theme="dark"] .view_btn:hover {
  color: rgb(219 234 254) !important;
}
.view_btn:hover {
  color: #000 !important;
}
.view_btn {
  color: rgb(168 162 158) !important;
}

[data-theme="dark"] .data-table-container {
  background-color: #1e293b !important;
}

[data-theme="dark"] .pagination-container {
  background-color: #1e293b !important;
  border-top-color: #334155 !important;
}

/* --- Tailwind bg utility overrides --- */
[data-theme="dark"] .bg-white {
  background-color: #1e293b !important;
}
[data-theme="dark"] .bg-white\/80,
[data-theme="dark"] .bg-white\/90,
[data-theme="dark"] .bg-white\/70 {
  background-color: #1e293b !important;
  border-color: #475569 !important;
}
[data-theme="dark"] .bg-neutral-50 {
  background-color: #293548 !important;
}
[data-theme="dark"] .bg-neutral-100 {
  background-color: #334155 !important;
}
[data-theme="dark"] .profile-header {
  background-color: #475569 !important;
  border-color: rgb(30 41 59);
}
[data-theme="dark"] .profile-header h3 {
  color: #fff !important;
}
[data-theme="dark"] .profile-header h3 svg {
  color: #fff !important;
}
.modal_raounded {
  border-radius: 15px;
  padding: 0;
  border-width: 0;
}
.modal_raounded #address-form {
  padding: 1.5rem;
}
.modal_raounded .top_header {
  background-color: #dbeafe;
  border-radius: 15px 15px 0 0;
  padding: 0.5rem 1.5rem;
}
.modal_raounded .form-label {
  margin-bottom: 4px;
}
.modal_raounded .form-input {
  width: 100%;
  border-radius: 7px;
  margin-top: 5px;
  padding: 5px 12px;
}
.modal_raounded .form-select {
  width: 100%;
  border-radius: 7px;
  margin-top: 5px;
  padding: 5px 12px;
}
.matters-update-page {
  padding: 2rem 2.5rem;
  max-width: var(--content-max-width);
  margin: 0 auto;
  width: 100%;
}
.modal_raounded .form-select:focus {
  border-color: #cbcbcb !important;
  outline: none;
  box-shadow: 0px 1px 5px 1px #cbcbcb;
}
.modal_raounded .form-input:focus {
  border-color: #cbcbcb !important;
  outline: none;
  box-shadow: 0px 1px 5px 1px #cbcbcb;
}
[data-theme="dark"] .documents {
  color: #cbd5e1 !important;
}
[data-theme="dark"] .breadcrumb-link {
  color: #fff !important;
}
[data-theme="dark"] .brand-link:hover {
  background-color: #334155 !important;
}
[data-theme="dark"] .menu_button:hover {
  background-color: #334155 !important;
}
[data-theme="dark"] .header-search-icon {
  color: #f1f5f9 !important;
}
.top-header {
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
[data-theme="dark"] .top-header {
  border-color: #334155 !important;
}
[data-theme="dark"] .meeting-page {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}
[data-theme="dark"] .header-search-kbd {
  background-color: rgb(30 41 59);
  color: #fff;
  /* border-bottom-color: #334155 !important; */
}
[data-theme="dark"] .modal_raounded .form-select:focus {
  border-color: #2e728c !important;
  outline: none;
  box-shadow: 0px 0px 6px 3px #2e728c;
}
[data-theme="dark"] .modal_raounded .form-input:focus {
  border-color: #2e728c;
  outline: none;
  box-shadow: 0px 0px 6px 3px #2e728c;
}

/* ============================================================
   MATTER DETAIL / TIME RECORDING — DARK MODE
   ============================================================ */

/* --- Layout panels (inline styles from matter_shell_v2.html) --- */
[data-theme="dark"] .matter-layout-container,
[data-theme="dark"] .layout-matter-3col,
[data-theme="dark"] .matter-left-panel,
[data-theme="dark"] .matter-center-panel,
[data-theme="dark"] .matter-right-panel,
[data-theme="dark"] .matter-center-content {
  background-color: #0f172a !important;
  border: 0 !important;
  gap: 0.5rem;
}
[data-theme="dark"] .matter-layout-container {
  padding: 1.5rem 0.5rem;
}
[data-theme="dark"] .matter-tabs-nav {
  overflow-x: scroll;
}
[data-theme="dark"] .matter-tabs-nav ::-webkit-scrollbar {
  height: 6px;
}

[data-theme="dark"] .matter-panel {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .matter-panel-header {
  background-color: #293548 !important;
  border-bottom-color: #334155 !important;
}

[data-theme="dark"] .matter-panel-content {
  background-color: #1e293b !important;
}

/* --- Matter info items (left panel) --- */
[data-theme="dark"] .matter-info-item {
  border-bottom-color: #334155 !important;
}

[data-theme="dark"] .matter-info-label {
  color: #94a3b8 !important;
}

[data-theme="dark"] .matter-info-value {
  color: #f1f5f9 !important;
}

/* --- Compact sections / chips (left panel) --- */
[data-theme="dark"] .section-header h4 {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .kv-label {
  color: #94a3b8 !important;
}

[data-theme="dark"] .kv-value {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .chip {
  background-color: #293548 !important;
  color: #cbd5e1 !important;
}

/* --- Status indicator --- */
[data-theme="dark"] .matter-status-indicator {
  background-color: rgba(46, 114, 140, 0.2) !important;
  color: #7dd3fc !important;
}

/* --- Party list items --- */
[data-theme="dark"] .party-list-item {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .party-avatar {
  background-color: rgba(46, 114, 140, 0.2) !important;
  color: #7dd3fc !important;
}

[data-theme="dark"] .party-name {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .party-role {
  color: #94a3b8 !important;
}

/* --- Quick action buttons (right panel) --- */
[data-theme="dark"] .matter-quick-action {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

[data-theme="dark"] .matter-quick-action:hover {
  background-color: #334155 !important;
  border-color: #64748b !important;
  color: #f1f5f9 !important;
}

[data-theme="dark"] .matter-quick-action.primary {
  background-color: rgb(46, 114, 140) !important;
  border-color: rgb(46, 114, 140) !important;
  color: #fff !important;
}

[data-theme="dark"] .matter-quick-action.primary:hover {
  background-color: rgb(36, 94, 117) !important;
  border-color: rgb(36, 94, 117) !important;
}

/* --- Compact action bar (edit/copy icons) --- */
[data-theme="dark"] .compact-action-bar {
  background-color: #293548 !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .compact-action {
  color: #94a3b8 !important;
}

[data-theme="dark"] .compact-action:hover {
  background-color: #334155 !important;
  color: #f1f5f9 !important;
}

/* --- Matter tabs nav --- */
[data-theme="dark"] .matter-tabs-nav,
[data-theme="dark"] .matter-tabs-nav .flex {
  border-bottom-color: #334155 !important;
  background-color: #1e293b !important;
}

[data-theme="dark"] .matter-tab {
  color: #94a3b8 !important;
  border-bottom: 0 !important;
}

[data-theme="dark"] .matter-tab:hover {
  color: #f1f5f9 !important;
  background-color: #293548 !important;
  border-radius: 0;
  border: 0 !important;
}

[data-theme="dark"] .matter-tab.active {
    color: #eff6ff !important;
    background-color: #293548 !important;
    border-bottom-color: rgb(41 53 72) !important;
    border-left-color: #293548 !important;
    border-right-color: #293548 !important;
    border-top-color: #293548 !important;
    border-radius: 0;
    outline: none;
    border: 0 !important;
}

[data-theme="dark"] .matter-tab-badge {
  background-color: #334155 !important;
  color: #94a3b8 !important;
}

[data-theme="dark"] .matter-tab.active .matter-tab-badge {
  background-color: rgba(46, 114, 140, 0.25) !important;
  color: #7dd3fc !important;
}

/* --- Client menu --- */
[data-theme="dark"] .client-menu-toggle {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #94a3b8 !important;
}

[data-theme="dark"] .client-menu-toggle:hover {
  background-color: #293548 !important;
  border-color: #64748b !important;
}

[data-theme="dark"] .client-menu {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .client-menu-item {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .client-menu-item:hover {
  background-color: #293548 !important;
  color: #f1f5f9 !important;
}

/* --- Scroll fades --- */
[data-theme="dark"] .scroll-fade:before {
  background: linear-gradient(to bottom, #1e293b 0%, rgba(30, 41, 59, 0) 100%);
}

[data-theme="dark"] .scroll-fade:after {
  background: linear-gradient(to top, #1e293b 0%, rgba(30, 41, 59, 0) 100%);
}

/* --- Time recording tab content --- */
[data-theme="dark"] .matter-time-recording-container .content-card {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .content-card-header {
  background-color: #293548 !important;
  border-bottom-color: #334155 !important;
}

[data-theme="dark"] .content-card-title {
  color: #f1f5f9 !important;
}

/* --- Selection action ribbon --- */
[data-theme="dark"] #time-selection-actions {
  background-color: rgba(46, 114, 140, 0.15) !important;
  border-color: rgba(46, 114, 140, 0.4) !important;
}

[data-theme="dark"] #time-selection-actions .text-primary-900 {
  color: #7dd3fc !important;
}

/* --- Filters panel --- */
[data-theme="dark"] #filters-panel {
  background-color: #293548 !important;
  border-bottom-color: #334155 !important;
}

/* --- btn-tertiary (Filters / Refresh buttons) --- */
[data-theme="dark"] .btn-tertiary {
  background-color: #293548 !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

[data-theme="dark"] .btn-tertiary:hover {
  background-color: #334155 !important;
  color: #f1f5f9 !important;
}

/* --- btn-secondary (Start Timer) --- */
[data-theme="dark"] .btn-secondary {
  background-color: #293548 !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

[data-theme="dark"] .btn-secondary:hover {
  background-color: #334155 !important;
  color: #f1f5f9 !important;
}

/* --- btn-white (Generate Invoice / Transfer / Write Off) --- */
[data-theme="dark"] .btn-white {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

[data-theme="dark"] .btn-white:hover {
  background-color: #293548 !important;
  color: #f1f5f9 !important;
}

/* --- Quick Stats sidebar (financial stats) --- */
[data-theme="dark"] .stat-row,
[data-theme="dark"] [class*="stat-row"] {
  border-bottom-color: #334155 !important;
}

[data-theme="dark"] .stat-label,
[data-theme="dark"] [class*="stat-label"] {
  color: #94a3b8 !important;
}

[data-theme="dark"] .stat-value,
[data-theme="dark"] [class*="stat-value"] {
  color: #f1f5f9 !important;
}

/* --- Recent Activity section --- */
[data-theme="dark"] #recent-activity-section {
  border-top-color: #334155 !important;
}

[data-theme="dark"] #recent-activity-section h4 {
  color: #f1f5f9 !important;
}

/* --- Timeline / activity feed --- */
[data-theme="dark"] #timeline-feed-container .border-neutral-100,
[data-theme="dark"] #timeline-feed-container .border-neutral-200 {
  border-color: #334155 !important;
}

/* --- "No entries" empty state card --- */
[data-theme="dark"] #time-entries-table-container .text-neutral-600 {
  color: #94a3b8 !important;
}

/* --- Dashed loading panels --- */
[data-theme="dark"] .border-dashed.border-neutral-200 {
  border-color: #475569 !important;
}

[data-theme="dark"] .modal_raounded {
  border-color: #1e293b00;
  background-color: #475569 !important;
  padding: 0;
  border-width: 0;
  border-radius: 15px;
}
/* [data-theme="dark"] .modal_raounded #address-form {
  padding: 1.5rem;
} */
[data-theme="dark"] .modal_raounded .top_header {
  background-color: #1e293b;
  border-radius: 15px 15px 0 0;
  padding: 0.5rem 1.5rem;
}
[data-theme="dark"] .modal_raounded #modal-title {
  color: #fff;
}

/* --- Tailwind text utility overrides --- */
[data-theme="dark"] .text-neutral-900,
[data-theme="dark"] .text-neutral-800 {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .text-neutral-700,
[data-theme="dark"] .text-neutral-600 {
  color: #cbd5e1 !important;
}
[data-theme="dark"] .text-neutral-500,
[data-theme="dark"] .text-neutral-400 {
  color: #94a3b8 !important;
}

/* --- Tailwind border utility overrides --- */
[data-theme="dark"] .border-neutral-100,
[data-theme="dark"] .border-neutral-200 {
  border-color: #334155 !important;
  /* background: #293548; */
}
[data-theme="dark"] .divide-neutral-100 > * + * {
  border-color: #334155 !important;
}
[data-theme="dark"] .divide-neutral-200 > * + *,
[data-theme="dark"] .divide-y > li + li,
[data-theme="dark"] .content-card ul.divide-y > li {
  border-top-color: rgb(41 53 72) !important;
  color: #94a3b8 !important;
}
[data-theme="dark"] .top_border {
  border-color: #334155 !important;
}
[data-theme="dark"] #practice-search {
  background-color: #1e293b !important;
}
#practice-area-create-modal {
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
}
.practice_area .header-top {
  border-radius: 15px 15px 0 0;
  padding: 0.5rem 1.5rem;
}
.header-top button {
  width: 32px;
  height: 32px;
  min-width: 32px;
}
.page-header {
  background: linear-gradient(
    90deg,
    rgb(255 255 255) 0%,
    rgb(255 255 255) 100%
  ) !important;
  border: 1px solid rgb(var(--color-neutral-200));
  border-radius: 10px;
  padding: 0 1rem;
  margin-bottom: 1rem;
}
.practice_area {
  min-height: 80vh;
  height: 80vh;
  overflow: hidden;
}
.scrollbar-thins {
  overflow: auto;
  height: 65vh;
}
.bg_color {
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  position: fixed;
}
[data-theme="dark"] .contact-header.svg_icon svg {
  color: #1a2437 !important;
}

/* --- Table --- */
[data-theme="dark"] table {
  color: #f1f5f9;
}
[data-theme="dark"] thead,
[data-theme="dark"] th {
  background-color: #293548 !important;
  color: #94a3b8 !important;
  border-color: #334155 !important;
}
[data-theme="dark"] td {
  border-color: #334155 !important;
  color: #f1f5f9;
}
[data-theme="dark"] tbody tr:hover {
  background-color: #334155 !important;
}
[data-theme="dark"] tbody tr:nth-child(even) {
  background-color: #1a2437 !important;
}

/* --- Inputs, selects --- */
[data-theme="dark"]
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(
    [type="reset"]
  ),
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background-color: #293548 !important;
  color: #f1f5f9 !important;
  border-color: #475569 !important;
      box-shadow: 0px 0px 0px #293548;
}
.Upload_documents select {
  width: 100%;
  padding: 7px 12px;
  border-radius: 7px;
  margin-top: 10px;
}
.Upload_documents .form-input {
  width: 100%;
  padding: 7px 12px;
  border-radius: 7px;
  margin-top: 10px;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #64748b !important;
}
[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
 border-color: rgb(46, 114, 140) !important;
    box-shadow: 0px 0px 0px 0px rgb(46, 114, 140) !important;
}
[data-theme="dark"] label {
  color: #cbd5e1 !important;
}

/* --- Tailwind gray text utilities --- */
[data-theme="dark"] .text-gray-900 {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .text-gray-800 {
  color: #e2e8f0 !important;
}
[data-theme="dark"] .text-gray-700 {
  color: #cbd5e1 !important;
}
[data-theme="dark"] .text-gray-600 {
  color: #94a3b8 !important;
}
[data-theme="dark"] .text-gray-500 {
  color: #64748b !important;
}
[data-theme="dark"] .text-gray-400 {
  color: #475569 !important;
}

/* --- Tailwind gray bg utilities --- */
[data-theme="dark"] .bg-gray-50 {
  background-color: #293548 !important;
}
[data-theme="dark"] .bg-gray-100 {
  background-color: #334155 !important;
}
[data-theme="dark"] .bg-gray-200 {
  background-color: #475569 !important;
}

/* --- Tailwind gray border utilities --- */
[data-theme="dark"] .border-gray-100,
[data-theme="dark"] .border-b.border-gray-100 {
  border-color: #293548 !important;
}
[data-theme="dark"] .border-gray-200,
[data-theme="dark"] .border-b.border-gray-200,
[data-theme="dark"] .border-t.border-gray-200 {
  border-color: #334155 !important;
}
[data-theme="dark"] .border-gray-300 {
  border-color: #475569 !important;
}

/* --- Tailwind blue/green/amber tinted boxes (form info panels) --- */
[data-theme="dark"] .bg-blue-100 {
  background-color: rgba(59, 130, 246, 0.2);
}
[data-theme="dark"] .bg-green-100 {
  background-color: rgba(34, 197, 94, 0.2) !important;
}
[data-theme="dark"] .bg-green-50 {
  background-color: rgba(34, 197, 94, 0.12);
}
[data-theme="dark"] .border-blue-200 {
  border-color: rgba(59, 130, 246, 0.35) !important;
}
[data-theme="dark"] .border-green-200 {
  border-color: rgba(34, 197, 94, 0.35) !important;
}
[data-theme="dark"] .border-amber-200 {
  border-color: rgba(245, 158, 11, 0.35) !important;
}
[data-theme="dark"] .text-blue-900 {
  color: #bfdbfe !important;
}
[data-theme="dark"] .text-blue-800 {
  color: #93c5fd !important;
}
[data-theme="dark"] .text-blue-700 {
  color: #60a5fa !important;
}
[data-theme="dark"] .text-green-700 {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .text-green-800 {
  color: #bbf7d0 !important;
}
[data-theme="dark"] .text-amber-900 {
  color: #fde68a !important;
}
[data-theme="dark"] .text-amber-800 {
  color: #fcd34d !important;
}
[data-theme="dark"] .bg-blue-50.border.border-blue-200 {
  background-color: #293548 !important;
  color: #f1f5f9 !important;
  border-color: #475569 !important;
}
[data-theme="dark"] .bg-blue-50.border.border-blue-200 h3,
[data-theme="dark"] .bg-blue-50.border.border-blue-200 .text-blue-800 {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .bg-blue-50.border.border-blue-200 .text-blue-700,
[data-theme="dark"] .bg-blue-50.border.border-blue-200 ul,
[data-theme="dark"] .bg-blue-50.border.border-blue-200 li {
  color: #cbd5e1 !important;
}
[data-theme="dark"] .bg-blue-50.border.border-blue-200 .text-blue-400 {
  color: #93c5fd !important;
}
[data-theme="dark"] .bg-blue-50 code {
  background-color: rgba(59, 130, 246, 0.15) !important;
  color: #93c5fd !important;
}
[data-theme="dark"] .hover\:bg-gray-50:hover {
  background-color: #334155 !important;
}
[data-theme="dark"] .hover\:bg-blue-50:hover {
  background-color: rgba(59, 130, 246, 0.1) !important;
}

/* --- Blueprint Library Banner — purple gradient variant (custom_fields.html) --- */
[data-theme="dark"] .from-purple-50,
[data-theme="dark"] .to-purple-100,
[data-theme="dark"] .bg-gradient-to-r.from-purple-50.to-purple-100 {
  background: #293548 !important;
  background-image: none !important;
  border-color: #475569 !important;
}
[data-theme="dark"] .border-purple-200 {
  border-color: #475569 !important;
}
[data-theme="dark"] .text-purple-900 {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .text-purple-700 {
  color: #cbd5e1 !important;
}
[data-theme="dark"] .border-purple-300 {
  border-color: #475569 !important;
}
[data-theme="dark"] .hover\:border-purple-400:hover {
  border-color: #64748b !important;
}
[data-theme="dark"] .hover\:bg-purple-50:hover {
  background-color: #334155 !important;
}
/* Icon box — muted in dark mode */
[data-theme="dark"] .bg-purple-600 {
  background-color: rgb(46 114 140) !important;
  color: #ffffff !important;
}
.table-row {
  background: #1a2437;
}
#financial-add-account-modal .form-control {
  width: 100%;
    border-radius: 0.5rem;
    margin-top: 2px;
    padding: 0.475rem 0.650rem;
}
#vat-config-form .form-control {
  width: 100%;
    border-radius: 0.5rem;
    margin-top: 2px;
    padding: 0.475rem 0.650rem;
} 

/* --- Blueprint Library Banner — green gradient variant (field_sets.html) --- */
[data-theme="dark"] .from-green-50,
[data-theme="dark"] .to-green-100,
[data-theme="dark"] .bg-gradient-to-r.from-green-50.to-green-100 {
  background: #293548 !important;
  background-image: none !important;
  border-color: #475569 !important;
}
[data-theme="dark"] .text-green-900 {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .border-green-300 {
  border-color: #475569 !important;
}
[data-theme="dark"] .hover\:bg-green-50:hover {
  background-color: #334155 !important;
}
[data-theme="dark"] .hover\:border-green-400:hover {
  border-color: #64748b !important;
}
/* Icon box — muted in dark mode (matches purple treatment) */
[data-theme="dark"] .bg-green-600 {
  background-color: rgb(30 41 59) !important;
  color: #ffffff !important;
}

/* --- Status badges --- */
[data-theme="dark"] .bg-success-100 {
  background-color: rgba(34, 197, 94, 0.15) !important;
}
[data-theme="dark"] .text-success-800 {
  color: #86efac !important;
}
[data-theme="dark"] .header-user-trigger:hover {
  background-color: #334155 !important;
}
[data-theme="dark"] .header-user-trigger:hover .admin-user-info p {
  color: #fff !important;
}
[data-theme="dark"] .hover\:bg-neutral-50:hover {
  background-color: rgb(41 53 72) !important;
}
[data-theme="dark"] .bg-warning-100 {
  background-color: rgba(234, 179, 8, 0.15) !important;
}
[data-theme="dark"] .text-warning-800 {
  color: #fde047 !important;
}
[data-theme="dark"] .bg-neutral-100.text-neutral-800,
[data-theme="dark"] .bg-neutral-100 {
  background-color: #334155 !important;
}
.child_box {
  background-color: rgb(41 53 72) !important;
}
.child_box svg {
  color: rgb(255 255 255) !important;
}
[data-theme="dark"] .text-neutral-800 {
  color: #cbd5e1 !important;
}

/* --- Practice area & filter chip badges --- */
[data-theme="dark"] .bg-primary-50 {
  background-color: rgba(46, 114, 140, 0.2);
}
[data-theme="dark"] .text-primary-700 {
  color: #94a3b8 !important;
}
[data-theme="dark"] .text-primary-500 {
  color: #ffffff !important;
}
[data-theme="dark"] .hover\:bg-primary-100:hover {
  background-color: rgba(46, 114, 140, 0.35) !important;
}

/* --- Stat card icon containers --- */
[data-theme="dark"] .bg-blue-50 {
  background-color: rgba(59, 130, 246, 0.15);
}
[data-theme="dark"] .bg-yellow-50,
[data-theme="dark"] .bg-amber-50 {
  background-color: rgba(245, 158, 11, 0.15);
}

/* --- Time entry list page — stat cards & table --- */
/* Stat cards: bg-white border border-gray-200 */
[data-theme="dark"] .bg-white.border.border-gray-200 {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}
/* Stat card icon colors */
[data-theme="dark"] .text-yellow-600 {
  color: #fbbf24;
}
[data-theme="dark"] .text-green-600 {
  color: #4ade80;
}
/* Table: divide-y divide-gray-200 rows */
[data-theme="dark"] .divide-gray-200 > * + * {
  border-top-color: #293548 !important;
}
[data-theme="dark"] .divide-gray-100 > * + * {
  border-top-color: #1e293b !important;
}
/* Table header bg-gray-50 is already covered by .bg-gray-50 → #293548 */
/* Pagination border-t border-gray-200 bg-white */
[data-theme="dark"] .border-t.border-gray-200.bg-white {
  background-color: #1e293b !important;
  border-top-color: #334155 !important;
}
/* Pagination text */
[data-theme="dark"] .text-gray-700 {
  color: #cbd5e1 !important;
}
/* Empty state icon */
[data-theme="dark"] .text-gray-400 svg,
[data-theme="dark"] svg.text-gray-400 {
  color: #475569 !important;
}
.time_btn {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 0.4rem 0.85rem;
  margin: 0 auto;
}
.cancel_btn {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 0.4rem 0.85rem;
  /* margin: 0 auto; */
}
.form-input,
.form-select,
.form-textarea {
  border-radius: 0.5rem;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  width: 100%;
}
.feed-search {
  padding-left: 2.5rem;
}
.feed-search:focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 114, 140, 0.25);
}

/* --- Tailwind opacity-variant info boxes (e.g. bg-amber-50/50, bg-blue-50/50) --- */
[data-theme="dark"] .bg-amber-50\/50,
[data-theme="dark"] .bg-amber-50\/60,
[data-theme="dark"] .bg-amber-50\/70 {
  background-color: #293548 !important;
  color: #f1f5f9 !important;
  border-color: #475569 !important;
}
[data-theme="dark"] .bg-amber-50\/50 .text-amber-900,
[data-theme="dark"] .bg-amber-50\/50 p,
[data-theme="dark"] .bg-amber-50\/50 li,
[data-theme="dark"] .border-amber-200.bg-amber-50\/50 * {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .bg-amber-50\/50 code,
[data-theme="dark"] .rounded.bg-amber-100 {
  background-color: #1e293b !important;
  color: #fcd34d !important;
}
[data-theme="dark"] .bg-blue-50\/50,
[data-theme="dark"] .bg-blue-50\/60,
[data-theme="dark"] .bg-blue-50\/70 {
  background-color: #293548 !important;
  color: #f1f5f9 !important;
  border-color: #475569 !important;
}
[data-theme="dark"] .bg-blue-50\/50 .text-blue-900,
[data-theme="dark"] .bg-blue-50\/50 p,
[data-theme="dark"] .border-blue-200.bg-blue-50\/50 * {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .bg-green-50,
[data-theme="dark"] .bg-success-50 {
  background-color: rgba(34, 197, 94, 0.15);
}
[data-theme="dark"] .bg-red-50 {
  background-color: rgba(239, 68, 68, 0.15) !important;
}

/* --- Task count circles --- */
[data-theme="dark"] .border-neutral-200.bg-neutral-50 {
  background-color: #293548 !important;
}
[data-theme="dark"] .border-red-200.bg-red-50 {
  background-color: rgba(239, 68, 68, 0.15) !important;
}
[data-theme="dark"] .border-amber-200.bg-amber-50 {
  background-color: rgba(245, 158, 11, 0.15) !important;
}

/* --- Action / context menu dropdowns --- */
[data-theme="dark"] [data-menu],
[data-theme="dark"] .dropdown-menu {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}
[data-theme="dark"] [data-menu] a,
[data-theme="dark"] [data-menu] button {
  color: #cbd5e1 !important;
}
[data-theme="dark"] [data-menu] a:hover,
[data-theme="dark"] [data-menu] button:hover {
  background-color: #334155 !important;
  color: #f1f5f9 !important;
}

/* --- Secondary / outline action buttons --- */
[data-theme="dark"] button.border-neutral-200,
[data-theme="dark"] a.border-neutral-200 {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}
[data-theme="dark"] button.border-neutral-200:hover,
[data-theme="dark"] a.border-neutral-200:hover {
  border-color: rgb(41 53 72) !important;
  color: #f1f5f9 !important;
}

/* --- Filter panel border divider --- */
[data-theme="dark"] .border-t.border-neutral-200 {
  border-color: #334155 !important;
}
[data-theme="dark"] .dashboard-widget {
  background-color: rgb(41 53 72);
  border: 1px solid rgb(41 53 72);
}

/* ============================================================
   TRANSACTION ENTRY MODAL — DARK MODE
   #bulk-transaction-modal / .modal-container
   ============================================================ */

/* Overlay backdrop — keep semi-transparent */
[data-theme="dark"] .modal-overlay {
  /* background-color: rgba(0, 0, 0, 0.65) !important; */
}

/* Modal container */
[data-theme="dark"] .modal-container {
  background-color: #0f172a !important;
  border-color: #334155 !important;
}

/* Modal header */
[data-theme="dark"] .modal-header {
  background-color: #1e293b !important;
  border-bottom-color: #334155 !important;
}
[data-theme="dark"] .modal-header .flex.justify-between {
  width: 100%;
}

[data-theme="dark"] .modal-title {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .dashboard-metric-card {
  background: #293548 !important;
}

[data-theme="dark"] .modal-header p {
  color: #94a3b8 !important;
}
[data-theme="dark"] .dashboard-quick-action {
  color: rgb(219 234 254);
  background: #293548;
  border: 1px solid rgb(41 53 72);
}
[data-theme="dark"] .dashboard-quick-action:hover {
  border: 1px solid rgb(41 53 72);
}

/* Close button */
[data-theme="dark"] .modal-close-btn {
  background-color: transparent !important;
  color: #94a3b8 !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .modal-close-btn:hover {
  background-color: #334155 !important;
  color: #f1f5f9 !important;
}

/* Modal body */
[data-theme="dark"] .modal-body {
  background-color: #0f172a !important;
}

/* Info / instructions box  (bg-info-50 border-info-200) */
[data-theme="dark"] .bg-info-50 {
  background-color: rgba(14, 116, 144, 0.15) !important;
}

[data-theme="dark"] .border-info-200 {
  border-color: rgba(14, 116, 144, 0.4) !important;
}

[data-theme="dark"] .text-info-700 {
  color: #67e8f9 !important;
}

[data-theme="dark"] .text-info-600 {
  color: #eff6ff !important;
}

/* Table wrapper */
[data-theme="dark"] .overflow-x-auto.border.border-neutral-200.rounded-lg {
  border-color: #334155 !important;
  background-color: #0f172a !important;
}

/* Table head row */
[data-theme="dark"] .modal-body thead,
[data-theme="dark"] .modal-body .bg-neutral-50.border-b {
  background-color: #1e293b !important;
  border-bottom-color: #334155 !important;
}

[data-theme="dark"] .modal-body th {
  background-color: #1e293b !important;
  color: #94a3b8 !important;
  border-color: #334155 !important;
}

/* Table body rows */
[data-theme="dark"] .modal-body tbody tr {
  background-color: #0f172a !important;
  border-bottom-color: #1e293b !important;
}

[data-theme="dark"] .modal-body tbody tr:hover,
[data-theme="dark"] .modal-body tbody tr.hover\:bg-neutral-50:hover {
  background-color: #1e293b !important;
}

/* Error row */
[data-theme="dark"] .modal-body tbody tr.bg-danger-50 {
  background-color: rgba(239, 68, 68, 0.12) !important;
}

[data-theme="dark"] .modal-body td {
  border-color: #1e293b !important;
  color: #f1f5f9 !important;
}

/* Inline inputs / selects inside the table */
[data-theme="dark"] .modal-body td input[type="text"],
[data-theme="dark"] .modal-body td input[type="number"],
[data-theme="dark"] .modal-body td input[type="date"],
[data-theme="dark"] .modal-body td select {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

[data-theme="dark"] .modal-body td input[type="text"]:focus,
[data-theme="dark"] .modal-body td input[type="number"]:focus,
[data-theme="dark"] .modal-body td input[type="date"]:focus,
[data-theme="dark"] .modal-body td select:focus {
  border-color: #60a5fa !important;
  outline: none;
}

[data-theme="dark"] .modal-body td input::placeholder {
  color: #64748b !important;
}

/* Auto receipt field (readonly / bg-neutral-50) */
[data-theme="dark"] .modal-body td input.bg-neutral-50 {
  background-color: #293548 !important;
  color: #94a3b8 !important;
}

/* Manual checkbox label */
[data-theme="dark"] .modal-body td .text-neutral-600 {
  color: #94a3b8 !important;
}

/* Delete row button */
[data-theme="dark"] .modal-body td button.text-danger-600 {
  color: #f87171 !important;
}

[data-theme="dark"] .modal-body td button.text-danger-600:hover {
  color: #fca5a5 !important;
}

/* Matter / contact autocomplete dropdown */
[data-theme="dark"] .modal-body td [x-show],
[data-theme="dark"] #bulk-transaction-modal [x-show] {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

[data-theme="dark"] #bulk-transaction-modal [x-show] .px-3.py-2 {
  border-bottom-color: #334155 !important;
  color: #f1f5f9 !important;
}

[data-theme="dark"]
  #bulk-transaction-modal
  [x-show]
  .font-semibold.text-neutral-900 {
  color: #f1f5f9 !important;
}

[data-theme="dark"] #bulk-transaction-modal [x-show] .text-neutral-600 {
  color: #94a3b8 !important;
}

[data-theme="dark"] #bulk-transaction-modal [x-show] .text-neutral-500 {
  color: #64748b !important;
}

[data-theme="dark"]
  #bulk-transaction-modal
  [x-show]
  .hover\:bg-primary-50:hover {
  background-color: rgba(46, 114, 140, 0.25) !important;
}
.hover\:bg-primary-50:hover {
      background-color: rgb(41 53 72) !important;
}

/* "Add Row" area & transaction count text */
[data-theme="dark"] .modal-body .text-neutral-500 {
  color: #64748b !important;
}

/* Modal footer */
[data-theme="dark"] .modal-footer {
  background-color: #1e293b !important;
  border-top-color: #334155 !important;
  justify-content: flex-end;
}

[data-theme="dark"] .modal-footer .text-neutral-600 {
  color: #94a3b8 !important;
}

[data-theme="dark"] .contact-header {
  background-color: #293548 !important;
  border-color: #334155 !important;
}
[data-theme="dark"] .contact-header svg {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .contact-header .text-neutral-600 {
  color: #f1f5f9 !important;
}
.bg-warning-50 {
  background-color: rgb(41 53 72) !important;
}
.border-warning-500 {
  border-color: rgb(41 53 72) !important;
}
.text-primary-800 {
  color: rgb(239 246 255) !important;
}
.hover\:border-primary-400:hover {
  border-color: rgb(41 53 72);
}

.border-primary-600 {
  border-color: rgb(239 246 255) !important;
}
.bg-info-100 {
  background-color: rgb(41 53 72);
}
.bg-danger-100 {
  background-color: rgb(41 53 72);
}
.bg-primary-100 {
  background-color: rgb(41 53 72);
}
.text-red-500 {
  color: rgb(239 246 255);
}
.text-blue-600 {
  color: rgb(239 246 255);
}
.preview-modal-close svg {
  color: #374151;
}
.preview-document-titles {
  color: #374151;
}
#time-entry-modal-closed {
  background-color: rgb(41 53 72);
    border-radius: 15px;
}
.document-actions .document-action-btn svg {
  color: #2e728c;
}
.document-icon .text-blue-600 {
  color: #2e728c !important;
}
.nav-slide-logo svg {
  color: rgb(46 114 140);
}