/* Custom invoice theme styles that will be loaded globally */

/* Set background color for the entire application */
body {
  background-color: #F8FAFC !important; /* Light gray background like invoice app */
  color: #0F172A;
}

/* Override any gradient backgrounds */
body:before, body:after {
  display: none !important;
}

/* Main container styling */
.layout-main-container {
  background-color: #F8FAFC !important;
}

/* Card styling for invoicing look */
.p-card, 
.p-panel, 
.p-fieldset,
.p-tabview-panels,
.p-dialog-content {
  background-color: #FFFFFF !important;
  border-radius: 0.5rem !important;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05) !important;
  border: none !important;
}

/* Table styling */
.p-datatable .p-datatable-thead > tr > th {
  background-color: #F8FAFC !important;
  color: #334155 !important;
  font-weight: 600 !important;
  border-color: #E2E8F0 !important;
}

.p-datatable .p-datatable-tbody > tr:nth-child(even) {
  background-color: #F8FAFC !important;
}

.p-datatable .p-datatable-tbody > tr > td {
  border-color: #E2E8F0 !important;
}

/* Button styling */
.p-button.p-button-primary {
  background-color: #2563EB !important;
  border-color: #2563EB !important;
}

.p-button.p-button-primary:hover {
  background-color: #1E40AF !important;
  border-color: #1E40AF !important;
}

/* Header and text styling */
h1, h2, h3, h4, h5, h6 {
  color: #0F172A !important;
  font-weight: 600 !important;
}

/* Input fields */
.p-inputtext:enabled:focus {
  border-color: #2563EB !important;
  box-shadow: 0 0 0 1px #DBEAFE !important;
}

/* Sidebar styling - Light Green theme with black text */
.layout-sidebar {
  background-color: var(--color-primary) !important;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1) !important;
}

/* Menu items - White text for contrast */
.layout-menu .layout-menuitem-root-text {
  color: var(--color-white) !important;
  font-weight: 600 !important;
}

.layout-menu a {
  color: var(--color-white) !important;
}

.layout-menu a.active-route {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--color-white) !important;
  font-weight: 700 !important;
}

.layout-menu a:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.layout-menu .layout-menuitem-icon {
  color: var(--color-white) !important;
}

/* Menu item text */
.layout-menu .layout-menuitem-text {
  color: var(--color-white) !important;
}

/* Submenu toggler icon */
.layout-menu .pi-angle-down {
  color: var(--color-white) !important;
}

/* Search input styling */
.layout-search-input {
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: var(--color-black) !important;
  border: none !important;
  border-radius: 4px !important;
}

/* Utility classes tailwind */
.flex-col {
  flex-direction: column !important;
}
.items-center {
  align-items: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.space-y-6 {
  margin-top: 1.5rem !important;
}