/* ==========================================================================
   BOUTONS — AVARICE ARGENT + NÉON VIOLET TECH
   ========================================================================== */

.card button:not(.btn):not(.delete-icon):not(.move-icon):not(.p-edit) {

    width: 100%;
    padding: 14px;
    margin: 14px 0;

    position: relative;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Fond argent sombre */
    background: linear-gradient(145deg,
        #1a1a1f 0%,
        #131317 55%,
        #0c0c0f 100%
    );

    /* Bord argent brillant */
    border: 1px solid rgba(180, 180, 200, 0.60);
    border-radius: 10px;

    /* Texte argenté + léger violet */
    color: #e4e4fa;
    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: 0.035em;

    cursor: pointer;

    /* Glow argenté + violet subtil */
    box-shadow:
        0 0 12px rgba(180, 180, 255, 0.25),
        inset 0 0 8px rgba(190, 150, 255, 0.20);

    transition:
        background 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.12s ease;
}

/* ==========================================================================
   Animation argent liquide + néon violet technologique
   ========================================================================== */

.card button:not(.btn):not(.delete-icon):not(.move-icon):not(.p-edit)::before {

    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    height: 100%;
    width: 55%;

    background: linear-gradient(120deg,
        rgba(200, 200, 255, 0.00) 0%,
        rgba(210, 210, 255, 0.25) 30%,   /* argent clair */
        rgba(190, 140, 255, 0.45) 55%,   /* violet néon */
        rgba(200, 200, 255, 0.25) 75%,   /* argent liquide */
        rgba(200, 200, 255, 0.00) 100%
    );

    filter: blur(2px);
    transform: skewX(-25deg);

    animation: silverRun 3.3s infinite linear;
}

@keyframes silverRun {
    0%   { left: -150%; }
    100% { left: 150%; }
}

/* ==========================================================================
   Hover — glow violet technologique accentué
   ========================================================================== */

.card button:not(.btn):not(.delete-icon):not(.move-icon):not(.p-edit):hover {

    background: linear-gradient(145deg,
        #22222c 0%,
        #191922 60%,
        #101017 100%
    );

    border-color: rgba(200, 200, 255, 0.85);

    box-shadow:
        0 0 18px rgba(190, 150, 255, 0.40),
        inset 0 0 12px rgba(200, 160, 255, 0.30);
}

/* ==========================================================================
   Clic — contraction + intensité métal sombre
   ========================================================================== */

.card button:not(.btn):not(.delete-icon):not(.move-icon):not(.p-edit):active {
    transform: scale(0.95);
    background: linear-gradient(145deg,
        #111118 0%,
        #0c0c10 70%,
        #070708 100%
    );
}

/* ==========================================================================
   CARDS — AVARICE ARGENT + NÉON VIOLET TECH
   (FFXIV Silver + Void Violet + Tech Glow)
   ========================================================================== */

.card,
.funds-card,
.budget-card,
.history-card,
.calculator-card,
.op-card,
.livret-goal-card,
.repartition-card,
.chart-card {

    padding: 18px;
    margin: 18px auto;
    max-width: 420px;
    border-radius: 12px;

    /* Fond sombre métallique (argent noirci) */
    background: radial-gradient(circle at top left,
        #1a1a23 0%,   /* gris nuit */
        #121219 45%,  /* argent sombre */
        #0a0a0f 100%  /* métal noire */
    );

    /* Bordure argent brillante (pas de bleu, pas d’or) */
    border: 2px solid rgba(200, 200, 220, 0.80);

    /* Glow violet + argent */
    box-shadow:
        0 0 14px rgba(170, 120, 255, 0.28),   /* violet tech */
        0 0 26px rgba(170, 120, 255, 0.18),
        inset 0 0 12px rgba(200, 200, 255, 0.12); /* argent liquide */

    transition:
        box-shadow 0.25s ease,
        border-color 0.25s ease,
        transform 0.20s ease;
}

/* Hover : aura argent + violet renforcée */
.card:hover {

    border-color: rgba(220, 220, 255, 1);

    box-shadow:
        0 0 18px rgba(180, 130, 255, 0.42),
        0 0 40px rgba(180, 130, 255, 0.25),
        inset 0 0 16px rgba(220, 220, 255, 0.18);

    transform: translateY(-2px);
}

/* Titres argentés + violet FFXIV */
.card h2,
.card h3 {
    color: #e6e4ff; /* argent bleuté très clair */
    text-shadow:
        0 0 8px rgba(200, 170, 255, 0.55),
        0 0 12px rgba(190, 150, 255, 0.35);
    text-align: center;
    margin-bottom: 12px;
    font-weight: 700;
}