/* Stiluri pentru cantități */
.quantity-status {
    font-weight: bold;
    margin-left: 0.5rem;
}

.quantity-status.low {
    color: #dc2626; /* Roșu pentru cantități sub necesar */
}

/* Stiluri pentru butonul de next din wizard */
.wizard-next-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: white;
    background-color: rgb(37 99 235); /* bg-primary-600 */
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    cursor: pointer;
    min-width: 8rem;
    text-align: center;
}

/* Stil pentru buton dezactivat */
.wizard-next-button:disabled,
.wizard-next-button[disabled] {
    opacity: 0.6;
    background-color: #9ca3af !important; /* bg-gray-400 */
    cursor: not-allowed !important;
    pointer-events: none;
    border-color: #9ca3af !important;
}

.quantity-status.medium {
    color: #f97316; /* Portocaliu pentru cantități peste necesar */
}

.quantity-status.high {
    color: #16a34a; /* Verde pentru cantități exacte */
}

/* Batch Quantity Input Styles */
.batch-quantity-input {
    border: 1px solid #d1d5db; /* gray-300 */
    transition: border-color 0.2s ease-in-out;
    padding: 0.5rem 0.75rem;
    width: 8rem;
}

.batch-quantity-input.valid-quantity {
    border-color: #10b981 !important; /* green-500 */
    border-width: 2px !important;
}

.batch-quantity-input.invalid-quantity {
    border-color: #ef4444 !important; /* red-500 */
    border-width: 2px !important;
}
.text-danger-500, .text-red-500 {
    color: #ef4444 !important; /* red-500 */
}
.text-danger-700, .text-red-700 {
    color: #7e2020 !important; /* red-500 */
}
/* Summary Total Styles */
.summary-total {
    transition: color 0.2s ease-in-out;
    font-weight: 500;
}

.summary-total.valid-total, .text-success-600 , .text-green-600 , .text-green-500 {
    color: #10b981 !important; /* green-600 */
}

.summary-total.invalid-total, .text-error-600, .text-red-600 , .text-red-500 {
    color: #ef4444 !important; /* red-600 */
}

.summary-total.warning-total-over, .text-warning-600, .text-orange-600, .text-orange-500 {
    color: #b98300 !important; /* red-600 */
}

.opacity-50, .opacity-50:hover, .bg-gray-400 {
    opacity: 0.5 !important;
}

.bg-gray-400 {
    background-color: #888888 !important;
    opacity: 0.75 !important;
}
.bg-gray-900 {
    background-color: #007300 !important;
    opacity: 0.75 !important;
}
.text-white {
    color: white !important;
}
.cursor-not-allowed {
    cursor: default !important;
}

/* Suprascriere stiluri existente Filament */
.fi-fo-placeholder.quantity-status {
    font-weight: bold;
}

.next-step-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

/* Fix for full width wizard and tables */
.filament-forms-wizard-component .filament-forms-component-container {
    width: 100% !important;
    max-width: 100% !important;
}

.filament-forms-wizard-component .filament-forms-section-component {
    max-width: 100% !important;
}

/* Full width table container */
.w-full.overflow-x-auto {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Full width wizard */
[data-wizard] {
    width: 100% !important;
}

/* Fix for fieldset width */
fieldset {
    min-width: 0 !important;
    width: 100% !important;
}
.inline {
    display: inline-block !important;
}

/* Add Filter label next to filter icon */
.filament-tables-filters\/trigger-button::after {
    content: attr(data-filter-label);
    margin-left: 0.5rem;
    font-weight: 500;
    color: var(--gray-700);
}

.dark .filament-tables-filters\/trigger-button::after {
    color: var(--gray-200);
}
/* Schimbă culoarea barei de sus */

.fi-topbar {
    background-color: #007300 !important;
    border-bottom-color: #007300 !important;
}
.fi-topbar nav.bg-white {
    background-color: rgb(255 255 255/0) !important;
}
aside .overflow-x-clip{
    background-color: #007300 !important;
    border-bottom-color: #007300 !important;
}
aside .overflow-x-clip header{
    background-color: rgb(255 255 255/0) !important;
}
/*
:root {
    --filament-admin-topbar-background: #007300;
    --filament-admin-topbar-border-color: #007300;
}
*/

/* Target the filter button using its specific classes */
.fi-ta-filters-dropdown .fi-icon-btn[title="Filtru"] {
    position: relative;
    width: auto;
    padding-right: 0.5rem;
}

/* Add "Filtrare" after the icon */
.fi-ta-filters-dropdown .fi-icon-btn[title="Filtru"]::after {
    content: "Filtrare";
    margin-left: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #9CA3AF; /* gray-400 */
    position: relative;
    top: -1px;
}

/* Dark mode support */
.dark .fi-ta-filters-dropdown .fi-icon-btn[title="Filtru"]::after {
    color: #6B7280; /* gray-500 */
}

/* Hide the original "Filtru" text */
.fi-ta-filters-dropdown .fi-icon-btn[title="Filtru"] .sr-only {
    display: none;
}

.hidden {
    display: none !important;
}
.invisible {
    visibility: hidden !important;
}
td.fi-td-no-row-link .fi-ta-record-link {
    display: none !important;
}

/* Aliniere la dreapta pentru câmpurile marcate cu data-align="right" */
.fi-fo-field[data-align="right"] label {
    text-align: right;
    display: block; /* ca să respecte alinierea pe tot rândul */
}

.fi-fo-field[data-align="right"] .fi-input,
.fi-fo-field[data-align="right"] input[type="text"],
.fi-fo-field[data-align="right"] input[type="number"] {
    text-align: right;
    font-variant-numeric: tabular-nums; /* cifre cu lățime egală, arată mai bine */
}

/* Dacă vrei numeric() fără „săgețile” de number: */
.fi-fo-field[data-align="right"] input[type="number"]::-webkit-outer-spin-button,
.fi-fo-field[data-align="right"] input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.fi-fo-field[data-align="right"] input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}
/* Reduce spacing between checkboxes in categories list */
.fi-fo-checkbox-list .break-inside-avoid {
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
}

/* Remove extra padding from the first and last items */
.fi-fo-checkbox-list > :first-child {
    padding-top: 0.5rem !important;
}

.fi-fo-checkbox-list > :last-child {
    padding-bottom: 0 !important;
}
/* Always show ApexCharts toolbar, no hover fade */
.apexcharts-toolbar {
    opacity: 1 !important;
    transition: none !important;
}

/* Ensure all tool icons are visible inline (zoom, pan, selection, reset, zoom in/out) */
.apexcharts-toolbar .apexcharts-zoom-icon,
.apexcharts-toolbar .apexcharts-zoomin-icon,
.apexcharts-toolbar .apexcharts-zoomout-icon,
.apexcharts-toolbar .apexcharts-pan-icon,
.apexcharts-toolbar .apexcharts-reset-icon,
.apexcharts-toolbar .apexcharts-selection-icon,
.apexcharts-toolbar .apexcharts-menu-icon {
    display: inline-flex !important;
}

/* Optional: keep the dropdown menu visible if you open it */
.apexcharts-menu {
    z-index: 50; /* make sure it sits above the widget */
}
.filament-apex-charts-heading, .fi-section-header-heading {
    font-weight: 600 !important;
    font-size: 0.9rem !important; /* text-lg */
 /*   line-height: 1.125rem !important; !* leading-7 *!
    color: #111827 !important; !* text-gray-900 *!*/
}

.primary_anchor, a.primary_anchor {
    color: #15a349 !important;
    /*font-weight: 600 !important;*/
    text-decoration: none !important;
}
/* Elimină spinnerul în Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Elimină spinnerul în Firefox */
input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Width utility classes */
.w-1\/4 {
    width: 25% !important;
}

.w-1\/3 {
    width: 33.333333% !important;
}

.w-1\/2 {
    width: 50% !important;
}

.w-2\/3 {
    width: 66.666667% !important;
}
.mr-2{
    margin-right: 0.25rem !important;
}

.flex-end{
    justify-content: flex-end !important;
}
/* Hide Collapse All / Expand All links in repeater but keep individual collapse functionality */
.fi-repeater-header .fi-btn-group {
    display: none !important;
}

/* Alternative specific rule for collapse/expand all buttons */
.fi-repeater-header button[class*="collapse"],
.fi-repeater-header button[class*="expand"],
.fi-repeater-header a[class*="collapse"],
.fi-repeater-header a[class*="expand"] {
    display: none !important;
}

/* Hide any text links for collapse/expand all */
.fi-repeater-header .fi-repeater-collapse-all,
.fi-repeater-header .fi-repeater-expand-all {
    display: none !important;
}

/* Hide any text links that might appear as collapse/expand all in repeater header */
.fi-repeater-header span[class*="collapse"],
.fi-repeater-header span[class*="expand"],
.fi-repeater-header div[class*="collapse"],
.fi-repeater-header div[class*="expand"] {
    display: none !important;
}

/* More specific rule: hide only collapse/expand elements while preserving label and add button */
.fi-repeater-header .fi-btn-group:not(:has(.fi-repeater-add-button)) {
    display: none !important;
}
.text-lg-f, .text-sm.text-lg-f {
    font-size: 1.125rem!important;
    line-height: 1.75rem!important;
}
.text-2xl-f, .text-sm.text-2xl-f, .text-sm.text-2xl {
    font-size: 1.5rem!important;
    line-height: 2rem!important;
}

.text-3xl-f, .text-sm.text-3xl-f {
    font-size: 1.875rem!important;
    line-height: 2.25rem!important;
}
.border-0{
    border: none !important;
}
.p-0{
    padding: 0 !important;
}
.m-0{
    margin: 0 !important;
}
.mb-2{
    margin-bottom: 0.5rem !important;
}
.text-right{
    text-align: right !important;
}
.w0f{
    width: 0 !important;
}
.pl-3{
    padding-left: 0.75rem !important;
}
.pl-4{
    padding-left: 1rem !important;
}
.pl-5{
    padding-left: 1.25rem !important;
}
.modal-scrollable-content {
    /* Setează înălțimea maximă la 75% din înălțimea viewport-ului */
    max-height: 75vh;

    /* Activează scrollbar-ul vertical automat când conținutul depășește înălțimea */
    overflow-y: auto;

    /* Opțional: Adăugați un padding pentru un aspect mai plăcut */
    padding: 1rem; /* Aproximativ echivalentul p-4 în Tailwind */
}
.fi-fo-repeater-item-header{
    background-color: #dedede !important;
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
}
.fi-fo-repeater-item.divide-y{
    /*margin-top: 1.5rem !important;*/
}
.mb-8{
    margin-bottom: 2rem !important;
}