:root {
    --dossier-icon-surface:
        radial-gradient(circle at top left, rgba(251, 191, 36, 0.18), transparent 54%),
        linear-gradient(145deg, rgba(15, 23, 42, 0.96), rgba(30, 41, 59, 0.88));
    --dossier-icon-border: rgba(251, 191, 36, 0.22);
    --dossier-icon-border-soft: rgba(148, 163, 184, 0.14);
    --dossier-icon-color: #f8d26a;
    --dossier-icon-shadow:
        0 16px 32px rgba(2, 6, 23, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.main-header .page-title > i:is(.fa-folder, .fa-folder-open, .fa-folder-plus),
.main-content i:is(.fa-folder, .fa-folder-open, .fa-folder-plus) {
    width: 1.82rem;
    height: 1.82rem;
    min-width: 1.82rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 0.55rem !important;
    border-radius: 0.8rem;
    border: 1px solid var(--dossier-icon-border-soft);
    background: var(--dossier-icon-surface);
    color: var(--dossier-icon-color) !important;
    box-shadow: 0 12px 24px rgba(2, 6, 23, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    vertical-align: middle;
    transform: translateY(-1px);
}

.dossier-icon > i:is(.fa-folder, .fa-folder-open, .fa-folder-plus, .fa-archive),
.profile-stat-icon.dossiers > i:is(.fa-folder, .fa-folder-open, .fa-folder-plus),
.profile-action-card.dossiers .profile-action-icon > i:is(.fa-folder, .fa-folder-open, .fa-folder-plus),
.dashboard-container .stat-card-dossiers .stat-icon > i:is(.fa-folder, .fa-folder-open, .fa-folder-plus),
.main-content .action-icon > i:is(.fa-folder, .fa-folder-open, .fa-folder-plus),
.main-content .empty-icon > i:is(.fa-folder, .fa-folder-open, .fa-folder-plus) {
    width: auto;
    height: auto;
    min-width: 0;
    display: block !important;
    margin-right: 0 !important;
    border: 0;
    background: none;
    box-shadow: none;
    transform: none;
}

.dossier-icon,
.profile-stat-icon.dossiers,
.profile-action-card.dossiers .profile-action-icon,
.main-content .action-icon:has(> i.fa-folder-plus),
.main-content .empty-icon:has(> i.fa-folder-open),
.main-content .empty-icon:has(> i.fa-folder) {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--dossier-icon-border);
    background: var(--dossier-icon-surface);
    box-shadow: var(--dossier-icon-shadow);
}

.dossier-icon::before,
.profile-stat-icon.dossiers::before,
.profile-action-card.dossiers .profile-action-icon::before,
.main-content .action-icon:has(> i.fa-folder-plus)::before,
.main-content .empty-icon:has(> i.fa-folder-open)::before,
.main-content .empty-icon:has(> i.fa-folder)::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 42%, transparent 76%, rgba(251, 191, 36, 0.08));
    pointer-events: none;
}

.dossier-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    text-align: center;
    margin-top: 0 !important;
}

.dossier-icon > i,
.profile-stat-icon.dossiers > i,
.profile-action-card.dossiers .profile-action-icon > i,
.main-content .action-icon > i.fa-folder-plus,
.main-content .empty-icon > i:is(.fa-folder, .fa-folder-open) {
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 4px 12px rgba(2, 6, 23, 0.28));
}

.dossier-icon > i.text-info {
    color: #7dd3fc !important;
}

.dossier-icon > i.text-warning {
    color: #fcd34d !important;
}

.dossier-icon > i.text-success {
    color: #86efac !important;
}

.dossier-icon > i.text-secondary,
.dossier-icon > i.fa-archive {
    color: #cbd5e1 !important;
}

.dossier-icon > i:not(.text-info):not(.text-warning):not(.text-success):not(.text-secondary) {
    color: var(--dossier-icon-color) !important;
}

.profile-stat-icon.dossiers,
.profile-action-card.dossiers .profile-action-icon,
.main-content .action-icon:has(> i.fa-folder-plus) {
    color: var(--dossier-icon-color) !important;
}

.main-content .empty-icon:has(> i.fa-folder-open),
.main-content .empty-icon:has(> i.fa-folder) {
    color: var(--dossier-icon-color) !important;
}

.main-content a.dossier-reference > i:is(.fa-folder, .fa-folder-open),
.main-content a.dossier-link > i:is(.fa-folder, .fa-folder-open),
.main-content a.document-dossier-link > i:is(.fa-folder, .fa-folder-open),
.main-content a.audience-dossier-link > i:is(.fa-folder, .fa-folder-open) {
    margin-right: 0.6rem !important;
}

.main-content .paiement-icon {
    position: relative;
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid var(--dossier-icon-border);
    background: var(--dossier-icon-surface);
    box-shadow: var(--dossier-icon-shadow);
}

.main-content .paiement-icon::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 42%, transparent 76%, rgba(251, 191, 36, 0.08));
    pointer-events: none;
}

.main-content .paiement-icon > i {
    position: relative;
    z-index: 1;
    width: auto;
    height: auto;
    min-width: 0;
    display: block;
    margin-right: 0;
    border: 0;
    background: none;
    box-shadow: none;
    transform: none;
    filter: drop-shadow(0 4px 12px rgba(2, 6, 23, 0.28));
}

.main-content .paiement-icon > i.text-success {
    color: #86efac !important;
}

.main-content .paiement-icon > i.text-warning {
    color: #fcd34d !important;
}

.main-content .paiement-icon > i.text-danger {
    color: #fca5a5 !important;
}

.main-content .paiement-icon > i.text-secondary {
    color: #cbd5e1 !important;
}