/* Laravel Breeze CSS - Version Complète */
    @import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css');


    body {
        font-family: 'Figtree', sans-serif;
        background-color: #f8fafc;
    }
    
    .is-readonly input,
.is-readonly textarea,
.is-readonly select,
.is-readonly button {
  cursor: not-allowed !important;
}
    
 
    .container {
        max-width: 1200px;
        margin: auto;
        padding: 20px;
    }

    .btn {
        display: inline-block;
        padding: 10px 20px;
        border-radius: 5px;
        background-color: #1f2937;
        color: white;
        text-decoration: none;
    }

    .btn:hover {
        background-color: #374151;
    }
    

    .calendar-cell .uppercase {font-size: 10px;}
    .calendar-cell .cat-item {font-size: 12px;}
    .calendar-cell .cat-title.vehicles { color: #facc15; }      /* yellow-300 */
    .calendar-cell .cat-title.animals { color: #86efac; }       /* green-300 */
    .calendar-cell .cat-title.weapons { color: #fca5a5; }       /* red-300 */
    .calendar-cell .cat-title.sfx { color: #d8b4fe; }           /* purple-300 */
    .calendar-cell .cat-title.props { color: #93c5fd; }         /* blue-300 */
    .calendar-cell .cat-title.photos { color: #d4d4d8; }        /* gray-300 */
    .calendar-cell .cat-title.playback { color: #f9a8d4; }      /* pink-300 */
    .calendar-cell .cat-title.decor { color: #fdba74; }         /* orange-300 */
    .calendar-cell .cat-title.ccm { color: #5eead4; }           /* teal-300 */
    .calendar-cell .cat-title.labour { color: #fcd34d; }        /* amber-300 */
    .calendar-cell .cat-title.liberations { color: #bef264; }   /* lime-300 */
    .calendar-cell .cat-title.locations { color: #67e8f9; }     /* cyan-300 */
    .calendar-cell .cat-title.graphisme { color: #a5b4fc; }     /* indigo-300 */
    .calendar-cell .cat-title.post { color: #f0abfc; }          /* fuchsia-300 */
    .calendar-cell .cat-title.vfx { color: #fda4af; }           /* rose-300 */
    .calendar-cell .cat-title.photoshoot { color: #7dd3fc; }    /* sky-300 */
    .calendar-cell .cat-title.drone_shot { color: #6ee7b7; }    /* emerald-300 */
    .calendar-cell .cat-item.vehicles { color: #fef08a; }      /* yellow-100 */
    .calendar-cell .cat-item.animals { color: #bbf7d0; }       /* green-200 */
    .calendar-cell .cat-item.weapons { color: #fecaca; }       /* red-200 */
    .calendar-cell .cat-item.sfx { color: #e9d5ff; }           /* purple-200 */
    .calendar-cell .cat-item.props { color: #bfdbfe; }         /* blue-200 */
    .calendar-cell .cat-item.photos { color: #e5e7eb; }        /* gray-200 */
    .calendar-cell .cat-item.playback { color: #fbcfe8; }      /* pink-200 */
    .calendar-cell .cat-item.decor { color: #fed7aa; }         /* orange-200 */
    .calendar-cell .cat-item.ccm { color: #99f6e4; }           /* teal-200 */
    .calendar-cell .cat-item.labour { color: #fde68a; }        /* amber-200 */
    .calendar-cell .cat-item.liberations { color: #d9f99d; }   /* lime-200 */
    .calendar-cell .cat-item.locations { color: #a5f3fc; }     /* cyan-200 */
    .calendar-cell .cat-item.graphisme { color: #c7d2fe; }     /* indigo-200 */
    .calendar-cell .cat-item.post { color: #f5d0fe; }          /* fuchsia-200 */
    .calendar-cell .cat-item.vfx { color: #fecdd3; }           /* rose-200 */
    .calendar-cell .cat-item.photoshoot { color: #bae6fd; }    /* sky-200 */
    .calendar-cell .cat-item.drone_shot { color: #a7f3d0; }    /* emerald-200 */
    
    .dragging { opacity: .6; }
  .drop-target { outline: 2px solid rgba(59,130,246,.6); outline-offset: 2px; }

.alphabet-filter.active {
    background-color: #2563eb;
    color: white;
}

.tag-label {
        padding: 4px 10px;
        border-radius: 9999px;
        font-size: 0.75rem;
        background-color: #4b5563; /* gris inactif */
        color: #d1d5db;
        transition: background-color 0.2s, color 0.2s;
        user-select: none;
        white-space: nowrap;
    }

    .tag-label.active {
        background-color: #10b981; /* vert actif */
        color: white;
    }

    .tag-label:hover {
        background-color: #059669; /* hover actif */
    }

    .category-form::-webkit-scrollbar {
        height: 6px;
    }

    .category-form::-webkit-scrollbar-thumb {
        background-color: #6b7280;
        border-radius: 10px;
    }
    
    .awesomplete {
    width: 100%;
    background: #1f2937; /* bg-gray-800 */
    color: #f3f4f6;       /* text-gray-100 */
    border: 1px solid #4b5563; /* border-gray-600 */
    font-size: 0.875rem;  /* text-sm */
    border-radius: 6px;
    padding: 0.4rem 0.6rem;
    box-shadow: none;
}

.awesomplete ul {
    background: #111827; /* bg-gray-900 */
    border: 1px solid #374151; /* border-gray-700 */
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 6px;
    max-height: 200px;
    overflow-y: auto;
}

.awesomplete li {
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    color: #f9fafb; /* text-white */
    border-bottom: 1px solid #1f2937;
}

.awesomplete li:hover,
.awesomplete li[aria-selected="true"] {
    background: #2563eb; /* blue-600 */
    color: white;
}

.awesomplete mark {
    background: transparent;
    color: #facc15; /* yellow-400 */
    font-weight: bold;
}

html, body {
    height: 100%;
}
/* Camoufler la scrollbar sur WebKit (Chrome, Safari) */
.scroll-hide::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

/* Pour Firefox */
.scroll-hide {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

.receipt-preview-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 0.75rem;
    }
    .receipt-preview-wrapper img {
        max-height: 320px;
        object-fit: contain;
    }
    
  /* Base badge */
.badge {
  display:inline-flex; align-items:center; gap:6px;
  padding:2px 8px; border-radius:9999px; font-size:12px; line-height:1;
  border:1px solid transparent;
}

/* 🔴 Rouge (déclinée) */
.badge--red        { background:rgba(220,38,38,.20);  color:#fca5a5; border-color:rgba(220,38,38,.45); }
.badge--red-soft   { background:rgba(244,63,94,.20);  color:#fda4af; border-color:rgba(244,63,94,.45); }  /* rose/rouge */
.badge--orange     { background:rgba(234,88,12,.20);  color:#fdba74; border-color:rgba(234,88,12,.45); }  /* to_buy */

/* 🟡 Jaune (déclinée) */
.badge--yellow     { background:rgba(202,138,4,.20);  color:#fde68a; border-color:rgba(202,138,4,.45); }
.badge--amber      { background:rgba(217,119,6,.20);  color:#fcd34d; border-color:rgba(217,119,6,.45); }

/* 🟢 Vert (déclinée) */
.badge--green      { background:rgba(5,150,105,.20);  color:#6ee7b7; border-color:rgba(5,150,105,.45); }   /* approved/stored/done */
.badge--emerald    { background:rgba(16,185,129,.22); color:#a7f3d0; border-color:rgba(16,185,129,.45); }   /* stock_bought */
.badge--teal       { background:rgba(13,148,136,.22); color:#99f6e4; border-color:rgba(13,148,136,.45); }   /* stock_rented */
.badge--lime       { background:rgba(101,163,13,.22); color:#d9f99d; border-color:rgba(101,163,13,.45); }   /* returned */

/* Gris fallback */
.badge--gray       { background:rgba(82,82,91,.30);   color:#e5e7eb; border-color:rgba(82,82,91,.45); }

/* Icône (lucide) taille homogène */
.badge i { width:14px; height:14px; display:inline-block; } 


.scene-row.opacity-50 {
    color: #aaa;
}