/* fonctions/cartes/menu-contextuel.css — menu contextuel des cartes
   Extrait de styles.css à l'étape 8 du découpage. L'ordre de chargement (index.html) est celui
   de l'ancienne feuille : à spécificité égale, la dernière règle l'emporte (voir CARTE.md, CSS). */
/* ==== Menu contextuel des cartes (clic droit) ====
   Vit dans le document (hors de #app), comme le menu d'état de l'agenda : il reçoit le même
   filtre de contraste / luminosité (voir « Netteté constante »). Deux panneaux : les actions,
   puis « Déplacer vers » (onglets des 4 tableaux + destinations). */
.card-menu{position:fixed; z-index:13000; min-width:calc(172px * var(--ui-scale-factor)); max-width:calc(250px * var(--ui-scale-factor)); padding:calc(5px * var(--ui-scale-factor)); background:var(--surface-2); border:calc(1px * var(--ui-scale-factor)) solid var(--border); border-radius:calc(8px * var(--ui-scale-factor)); box-shadow:0 calc(12px * var(--ui-scale-factor)) calc(32px * var(--ui-scale-factor)) rgba(0,0,0,.48); color:var(--text); font-size:calc(10px * var(--ui-scale-factor)); animation:cardMenuIn .12s ease-out;}
@keyframes cardMenuIn{from{opacity:0; transform:translateY(calc(-3px * var(--ui-scale-factor)));}}
@media (prefers-reduced-motion:reduce){.card-menu{animation:none;}}
.card-menu-head{padding:calc(3px * var(--ui-scale-factor)) calc(7px * var(--ui-scale-factor)) calc(5px * var(--ui-scale-factor)); color:var(--text-faint); font-size:calc(8.5px * var(--ui-scale-factor)); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.card-menu-item{display:flex; align-items:center; gap:calc(8px * var(--ui-scale-factor)); width:100%; padding:calc(5.5px * var(--ui-scale-factor)) calc(7px * var(--ui-scale-factor)); border:0; border-radius:calc(5px * var(--ui-scale-factor)); background:none; color:var(--text); font:inherit; font-weight:550; text-align:left; cursor:pointer;}
.card-menu-item .ui-icon{width:calc(12.5px * var(--ui-scale-factor)); height:calc(12.5px * var(--ui-scale-factor)); color:var(--text-dim);}
.card-menu-item:hover,.card-menu-item:focus-visible{background:var(--surface-3); outline:none;}
.card-menu-item:hover .ui-icon,.card-menu-item:focus-visible .ui-icon{color:var(--text);}
.card-menu-item:disabled{opacity:.45; cursor:default; background:none;}
.card-menu-text{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.card-menu-key{color:var(--text-faint); font-size:calc(8.5px * var(--ui-scale-factor)); font-weight:600;}
.card-menu-chevron{width:calc(5px * var(--ui-scale-factor)); height:calc(5px * var(--ui-scale-factor)); flex-shrink:0; border-right:calc(1.5px * var(--ui-scale-factor)) solid var(--text-faint); border-top:calc(1.5px * var(--ui-scale-factor)) solid var(--text-faint); transform:rotate(45deg); margin-right:calc(2px * var(--ui-scale-factor));}
.card-menu-back .card-menu-chevron{transform:rotate(-135deg); margin:0 calc(2px * var(--ui-scale-factor)) 0 calc(3px * var(--ui-scale-factor));}
.card-menu-item.danger,.card-menu-item.danger .ui-icon{color:#ff8f86;}
.card-menu-item.danger:hover,.card-menu-item.danger:focus-visible{background:color-mix(in srgb,var(--danger) 18%,transparent);}
.card-menu-sep{height:calc(1px * var(--ui-scale-factor)); margin:calc(4px * var(--ui-scale-factor)) calc(3px * var(--ui-scale-factor)); background:var(--border-soft);}
.card-menu-boards{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(3px * var(--ui-scale-factor)); padding:calc(2px * var(--ui-scale-factor)) calc(2px * var(--ui-scale-factor)) calc(5px * var(--ui-scale-factor));}
.card-menu-board{min-width:0; padding:calc(4px * var(--ui-scale-factor)) calc(3px * var(--ui-scale-factor)); border:calc(1px * var(--ui-scale-factor)) solid var(--border-soft); border-radius:calc(5px * var(--ui-scale-factor)); background:var(--surface); color:var(--text-dim); font:inherit; font-size:calc(8.5px * var(--ui-scale-factor)); font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;}
.card-menu-board:hover,.card-menu-board:focus-visible{border-color:var(--text-faint); color:var(--text); outline:none;}
.card-menu-board[aria-pressed="true"]{border-color:var(--accent); background:color-mix(in srgb,var(--accent) 18%,var(--surface)); color:var(--text);}
.card-menu-dests{max-height:calc(230px * var(--ui-scale-factor)); overflow-y:auto;}
.card-menu-dot{width:calc(8px * var(--ui-scale-factor)); height:calc(8px * var(--ui-scale-factor)); flex-shrink:0; border-radius:50%; background:var(--dot-color,var(--text-faint));}
.card-menu-here{color:var(--text-faint); font-size:calc(8px * var(--ui-scale-factor)); font-style:italic;}
.card-menu-item.is-on{background:color-mix(in srgb,var(--accent) 14%,transparent);}
.card-menu-check{color:var(--accent); font-weight:800; flex-shrink:0;}
.card-menu-empty{padding:calc(6px * var(--ui-scale-factor)) calc(7px * var(--ui-scale-factor)); color:var(--text-faint);}