/* Audit, priorité 4 : la fiche accord */
.cf-back{position:fixed; inset:0; z-index:60; background:rgba(20,12,6,.5); display:flex; align-items:flex-end; justify-content:center}
@media (min-width:700px){ .cf-back{align-items:center; padding:24px} }
.cf-sheet{width:100%; max-width:720px; max-height:92vh; display:flex; flex-direction:column; background:var(--bg); color:var(--ink); border-radius:var(--r2,20px) var(--r2,20px) 0 0; box-shadow:0 -18px 40px -20px rgba(0,0,0,.6); padding-bottom:env(safe-area-inset-bottom,0px); animation:cf-in .22s ease-out}
@media (min-width:700px){ .cf-sheet{border-radius:var(--r2,20px)} }
@keyframes cf-in{from{transform:translateY(24px); opacity:.6} to{transform:none; opacity:1}}
@media (prefers-reduced-motion: reduce){ .cf-sheet{animation:none} }
.cf-top{display:flex; justify-content:space-between; gap:12px; padding:18px 16px 14px; color:#F5EBDC; border-radius:inherit;
  background:repeating-linear-gradient(0deg, transparent 0 21px, rgba(245,235,220,.06) 21px 22px), repeating-linear-gradient(90deg, transparent 0 74px, rgba(217,161,91,.22) 74px 76px), linear-gradient(165deg,#3E2B1B,#20150C)}
@media (max-width:699px){ .cf-top{border-radius:var(--r2,20px) var(--r2,20px) 0 0} }
.cf-eye{margin:0; font-size:11.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#D9A15B}
.cf-t{margin:2px 0 8px; font-family:var(--f-chord); font-weight:700; font-size:2.6rem; line-height:1}
.cf-notes{list-style:none; margin:0; padding:0; display:flex; gap:6px; flex-wrap:wrap}
.cf-notes li{display:flex; flex-direction:column; align-items:center; min-width:46px; padding:5px 8px; border-radius:10px; background:rgba(245,235,220,.1)}
.cf-notes li.r{background:var(--tr1,#D2342A)} .cf-notes b{font-family:var(--f-chord); font-size:18px} .cf-notes span{font-size:11px; opacity:.8}
.cf-x{flex:none; width:44px; height:44px; border-radius:50%; border:1px solid rgba(245,235,220,.35); background:transparent; color:#F5EBDC; font-size:18px; cursor:pointer}
.cf-act{display:flex; gap:8px; padding:12px 16px 0}
.cf-act button{min-height:46px; flex:1 1 0; justify-content:center}
.cf-act [data-cf-work][aria-pressed="true"]{background:var(--two); border-color:var(--two)}
.cf-msg{margin:6px 16px 0; min-height:1.2em; font-size:14px; font-weight:600}
.cf-body{overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; padding:8px 16px 20px; display:flex; flex-direction:column; gap:20px}
.cf-body .sx-intro{display:none}
.cf-chip{all:unset; cursor:pointer; padding:4px 9px; border-radius:8px; background:var(--panel); box-shadow:0 1px 0 var(--line); font-family:var(--f-chord); font-weight:700; font-size:15px; min-height:32px; display:inline-flex; align-items:center}
.mo-g{display:flex; flex-wrap:wrap; gap:6px}
.cf-tri{display:block; margin:2px 0 4px; font-size:14px}
.sh-jcc[data-cf-sym]{cursor:pointer}