/* fonctions/echeances/resume-retard.css — résumé « N cartes en retard » en bas de l'écran (resume-retard.js) */
.resume-retard{position:fixed; left:50%; bottom:round(calc(22px * var(--ui-scale-factor)),1px); transform:translateX(-50%); z-index:9000; display:flex; align-items:center; gap:round(calc(10px * var(--ui-scale-factor)),1px);
 padding:round(calc(8px * var(--ui-scale-factor)),1px) round(calc(10px * var(--ui-scale-factor)),1px) round(calc(8px * var(--ui-scale-factor)),1px) round(calc(14px * var(--ui-scale-factor)),1px);
 background:var(--surface); color:var(--text); border:1px solid color-mix(in srgb,var(--danger,#e5534b) 55%,var(--border)); border-radius:round(calc(10px * var(--ui-scale-factor)),1px);
 box-shadow:0 round(calc(8px * var(--ui-scale-factor)),1px) round(calc(24px * var(--ui-scale-factor)),1px) rgba(0,0,0,.4); font-size:calc(12px * var(--ui-scale-factor));
 animation:resumeRetardEntree .22s ease-out;}
.resume-retard[hidden]{display:none;}
.resume-retard.is-leaving{opacity:0; transition:opacity .28s ease;}
.resume-retard b{color:var(--danger,#e5534b);}
.resume-retard-voir{border:0; border-radius:round(calc(6px * var(--ui-scale-factor)),1px); padding:round(calc(4px * var(--ui-scale-factor)),1px) round(calc(10px * var(--ui-scale-factor)),1px); background:var(--accent); color:#fff; font:inherit; font-weight:600; cursor:pointer;}
.resume-retard-fermer{border:0; background:transparent; color:var(--text-faint); font-size:calc(15px * var(--ui-scale-factor)); line-height:1; cursor:pointer; padding:0 round(calc(2px * var(--ui-scale-factor)),1px);}
.resume-retard-fermer:hover{color:var(--text);}
@keyframes resumeRetardEntree{from{opacity:0; transform:translate(-50%,8px);}to{opacity:1; transform:translateX(-50%);}}