:root{font-family:system-ui,sans-serif;color:#182e43;background:#f3f6fa;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 5%;background:white;border-bottom:1px solid #dae3ec}nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}a{color:#175caa}a:hover{text-decoration:none}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;color:#182e43}.brand img{width:32px;height:32px}main{max-width:1200px;margin:40px auto;padding:0 24px;min-height:65vh}section,.card{background:#fff;border:1px solid #dce5ee;border-radius:14px;padding:28px;margin-bottom:24px}h1{font-size:2.25rem;line-height:1.2}h2{margin-top:0}button,.button{display:inline-block;background:#165bb5;color:#fff;border:0;border-radius:7px;padding:10px 16px;cursor:pointer;font:inherit;text-decoration:none}button.secondary{background:#e6edf6;color:#182e43}.danger{background:#9a2934}input,select{display:block;width:100%;padding:10px;border:1px solid #a9bacb;border-radius:6px;font:inherit;margin:6px 0 16px}label{display:block;font-weight:550}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;padding:40px}.hero img{width:100%;max-width:360px}.eyebrow{color:#175caa;font-weight:700;letter-spacing:.1em}.muted,small{color:#52667a}.narrow{max-width:620px;margin:0 auto}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.actions form,nav form{margin:0}.notice{background:#e6f3ee;padding:16px;border-radius:8px}.error{background:#ffe8e8;padding:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #e2e8ee;vertical-align:top}.scroll{overflow:auto}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef2f6;padding:20px}footer{justify-content:center;flex-wrap:wrap;font-size:.9rem}@media(max-width:800px){header{align-items:flex-start;flex-direction:column}.grid,.hero{grid-template-columns:1fr}.hero{padding:24px}.hero img{max-width:220px}h1{font-size:1.9rem}}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.metrics strong{display:block;font-size:2.5rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{margin:0}.schedule-running{color:#15803d}.schedule-paused{color:#6b7280}.orange{background:#c05205;color:white}.filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.filters label{flex:1;min-width:180px}.filters input,.filters select{margin-bottom:0}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.swal2-container input{width:auto}.swal2-container button{font:inherit}@media(max-width:800px){.metrics{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}}
button:disabled{opacity:.5;cursor:not-allowed}#manual-form section > .actions{margin-top:20px}
input:disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.oauth:disabled{background:#d1d5db;color:#6b7280;opacity:1}.oauth-status{font-weight:750}.oauth-success{color:#15803d}.oauth-error{color:#b91c1c}.oauth-pending{color:#52667a}.save-button{background:#fff;color:#182e43;border:2px solid #15803d}.save-icon{color:#15803d;font-weight:800;font-size:1.2em;margin-right:6px}

/* ===== JUICY CHECKBOX FOR DELETE1 ===== */
.delete-option-juicy {
    margin: 16px 0;
    padding: 12px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 10px;
    border-left: 4px solid #ffc107;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.delete-option-juicy:hover {
    background: linear-gradient(135deg, #f0f1f5 0%, #dfe0e4 100%);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.juicy-checkbox {
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    font-size: 15px;
    user-select: none;
}

.juicy-checkbox input[type="checkbox"] {
    display: none; /* On cache l'input natif */
}

.juicy-checkbox-custom {
    position: relative;
    width: 28px;
    height: 28px;
    border: 2px solid #ffc107;
    border-radius: 8px;
    background: white;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 2px 4px rgba(255, 193, 7, 0.2);
}

.juicy-checkbox-custom:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(255, 193, 7, 0.3);
}

.juicy-checkbox input[type="checkbox"]:checked + .juicy-checkbox-custom {
    background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
    border-color: #ff9800;
    box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.2);
}

.juicy-checkbox-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    color: white;
    font-size: 14px;
    font-weight: bold;
    transition: transform 0.2s ease;
    opacity: 0;
}

.juicy-checkbox input[type="checkbox"]:checked + .juicy-checkbox-custom .juicy-checkbox-icon {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.juicy-checkbox-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.juicy-checkbox-text strong {
    color: #182e43;
    font-size: 15px;
    letter-spacing: 0.2px;
}

.juicy-checkbox-text small {
    color: #6c757d !important;
    font-size: 12px;
}


.juicy-checkbox-custom {
    animation: pulse 0s ease-out;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.juicy-checkbox input[type="checkbox"]:checked + .juicy-checkbox-custom {
    animation: pulse 0.3s ease-out;
}

fieldset {min-width:0; margin:0; padding:1.25rem; border:1px solid #d8dee9; border-radius:12px; background:white} fieldset legend {font-size:1.3rem; font-weight:bold} fieldset:disabled {opacity:.45} .sync-toggle {grid-column:1 / -1} #side1, #side2 {grid-column:1 / -1} [hidden] {display:none !important}

.check-label {display:flex; align-items:center; gap:.65rem} .check-label input[type="checkbox"] {display:inline-block; width:1.1rem; height:1.1rem; margin:0; flex:none} form > .save-button {margin-top:1rem}

.sender-addresses {list-style:none; padding:0} .sender-addresses li {display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.5rem 0; border-bottom:1px solid #e2e8f0} .sender-addresses span {overflow-wrap:anywhere; min-width:0} .sender-addresses button {flex-shrink:0} #sender-import textarea {width:100%; box-sizing:border-box; font:inherit; padding:.7rem; border:1px solid #b9c8dd; border-radius:6px}
