.staff-quick-phrases-btn{
  position:relative;
}
.staff-quick-count{
  position:absolute;
  right:2px;
  bottom:1px;
  min-width:13px;
  height:13px;
  padding:0 3px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#55d7ff;
  color:#00131a;
  border:1px solid rgba(255,255,255,.78);
  font:900 9px/1 Arial,sans-serif;
  box-shadow:0 0 8px rgba(85,215,255,.75);
}
.staff-quick-overlay[hidden]{display:none!important}
.staff-quick-overlay{
  position:fixed;
  inset:0;
  z-index:16050;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(0,0,0,.72);
  backdrop-filter:none;
}
.staff-quick-modal{
  position:relative;
  width:min(760px,96vw);
  max-height:min(760px,92vh);
  overflow:auto;
  padding:20px;
  border-radius:22px;
  border:2px solid #55d7ff;
  background:
    radial-gradient(circle at 15% 0,rgba(85,215,255,.14),transparent 32%),
    radial-gradient(circle at 100% 100%,rgba(108,255,87,.09),transparent 30%),
    linear-gradient(180deg,rgba(8,15,25,.98),rgba(2,6,12,.98));
  color:#fff;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 28px rgba(85,215,255,.33),
    0 22px 50px rgba(0,0,0,.66);
}
.staff-quick-x{
  position:absolute;
  top:12px;
  right:13px;
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid rgba(255,105,105,.72);
  background:rgba(105,5,12,.78);
  color:#ffd4d4;
  font-size:25px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}
.staff-quick-heading{
  display:flex;
  align-items:center;
  gap:13px;
  padding-right:44px;
  margin-bottom:17px;
}
.staff-quick-icon{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#07131a;
  font-size:24px;
  background:linear-gradient(145deg,#55d7ff,#6cff57);
  box-shadow:0 0 17px rgba(85,215,255,.35);
}
.staff-quick-heading h3{
  margin:0 0 4px;
  color:#ffe84f;
  font-size:1.28rem;
}
.staff-quick-heading p{
  margin:0;
  color:rgba(255,255,255,.76);
  line-height:1.4;
}
.staff-quick-list{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.staff-quick-phrase{
  width:100%;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:12px 13px;
  border-radius:15px;
  border:1px solid rgba(85,215,255,.28);
  background:linear-gradient(90deg,rgba(85,215,255,.09),rgba(108,255,87,.035));
  color:#fff;
  cursor:pointer;
  text-align:left;
  transition:.16s ease;
}
.staff-quick-phrase:hover{
  transform:translateY(-1px);
  border-color:#6cff57;
  background:linear-gradient(90deg,rgba(85,215,255,.15),rgba(108,255,87,.08));
  box-shadow:0 0 16px rgba(108,255,87,.12);
}
.staff-quick-num{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(0,0,0,.42);
  border:1px solid rgba(255,232,79,.35);
  color:#ffe84f;
  font-weight:900;
}
.staff-quick-text{
  min-width:0;
  color:#f3fbff;
  font-size:.94rem;
  line-height:1.45;
}
.staff-quick-send{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  color:#81ffc0;
  font-size:.8rem;
  font-weight:900;
}
.staff-quick-footer,
.staff-quick-edit-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.10);
}
.staff-quick-primary,
.staff-quick-secondary{
  border-radius:999px;
  padding:9px 14px;
  font-weight:900;
  cursor:pointer;
}
.staff-quick-primary{
  border:1px solid #6cff57;
  background:linear-gradient(180deg,#65ee8a,#23ad60);
  color:#05130a;
}
.staff-quick-secondary{
  border:1px solid rgba(85,215,255,.38);
  background:rgba(85,215,255,.07);
  color:#dff7ff;
}
.staff-quick-edit{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.staff-quick-edit[hidden]{display:none!important}
.staff-quick-edit-field{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.staff-quick-edit-field>span{
  color:#ffe84f;
  font-size:.84rem;
  font-weight:900;
}
.staff-quick-edit-field textarea{
  width:100%;
  min-height:72px;
  resize:vertical;
  box-sizing:border-box;
  border-radius:13px;
  border:1px solid rgba(85,215,255,.32);
  background:rgba(0,0,0,.42);
  color:#fff;
  padding:10px 11px;
  font:inherit;
  line-height:1.42;
  outline:none;
}
.staff-quick-edit-field textarea:focus{
  border-color:#6cff57;
  box-shadow:0 0 0 2px rgba(108,255,87,.10);
}
.staff-quick-toast{
  position:fixed;
  z-index:17000;
  left:50%;
  bottom:86px;
  transform:translate(-50%,12px);
  opacity:0;
  padding:10px 15px;
  border-radius:999px;
  border:1px solid rgba(108,255,87,.55);
  background:rgba(4,16,12,.96);
  color:#baffce;
  font-weight:900;
  box-shadow:0 9px 24px rgba(0,0,0,.45),0 0 14px rgba(108,255,87,.15);
  transition:.2s ease;
}
.staff-quick-toast.bad{
  border-color:rgba(255,90,90,.65);
  background:rgba(55,4,8,.96);
  color:#ffc5c5;
}
.staff-quick-toast.show{
  opacity:1;
  transform:translate(-50%,0);
}
@media(max-width:650px){
  .staff-quick-modal{padding:16px}
  .staff-quick-phrase{grid-template-columns:34px minmax(0,1fr)}
  .staff-quick-send{grid-column:2;justify-self:start}
  .staff-quick-heading{padding-right:36px}
}

.staff-quick-edit-block{padding:13px;border:1px solid rgba(85,215,255,.22);border-radius:15px;background:rgba(255,255,255,.035);margin-bottom:12px}
.staff-quick-edit-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.staff-quick-edit-title b{color:#ffe84f}.staff-quick-edit-title span{font-size:11px;color:rgba(255,255,255,.62)}
.staff-quick-format-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.staff-quick-format-row label{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border-radius:10px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.10);font-size:12px;font-weight:800;color:#dff7ff}.staff-quick-format-row input[type="color"]{width:34px;height:28px;border:0;padding:0;background:transparent;cursor:pointer}.staff-quick-format-row input[type="checkbox"]{accent-color:#55d7ff;transform:scale(1.08)}
.staff-quick-format-row.selection button{border:1px solid rgba(85,215,255,.28);background:rgba(85,215,255,.06);color:#fff;border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer}.staff-quick-format-row.selection button:hover{border-color:#6cff57;background:rgba(108,255,87,.08)}
.staff-quick-preview{margin-top:9px;padding:9px 10px;border-radius:11px;background:rgba(0,0,0,.34);border:1px dashed rgba(255,255,255,.16)}.staff-quick-preview>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:rgba(255,255,255,.48);margin-bottom:5px}.staff-quick-preview-text{white-space:pre-wrap;line-height:1.45;overflow-wrap:anywhere}

/* Performance audio : éviter la recomposition GPU continue pendant les popups. */
.staff-quick-overlay,
.staff-quick-modal{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}