/* quote-template.css — 常用场景模板（P1） */

.cxx-tpl-entrybar{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 14px;margin:0 0 10px;
  background:#fff9f2;border:1px solid #ffe6c7;border-radius:12px;
}
.cxx-tpl-entry{
  border:0;border-radius:999px;cursor:pointer;
  padding:8px 18px;font-size:13px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#f68b2e,#ff9d3c);
}
.cxx-tpl-entry:hover{opacity:.92}
.cxx-tpl-entryhint{font-size:12px;color:#a08a72}

/* 模板面板 */
.cxx-tpl-panel{
  position:fixed;right:24px;bottom:24px;z-index:950;
  width:min(420px,calc(100vw - 32px));
  background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 18px 48px rgba(60,30,0,.22);
  display:none;
}
.cxx-tpl-panel.open{display:block}
.cxx-tpl-hd{
  padding:14px 16px;background:linear-gradient(135deg,#fff6ec,#fff);
  border-bottom:1px solid #f4e8d8;
}
.cxx-tpl-hd b{display:block;font-size:15px;color:#3c2a17}
.cxx-tpl-hd span{display:block;font-size:11.5px;color:#a08a72;margin-top:3px}

.cxx-tpl-list{
  max-height:min(56vh,420px);overflow-y:auto;padding:10px 14px;
  display:flex;flex-direction:column;gap:8px;
}
.cxx-tpl-card{
  border:1px solid #eee2d2;border-radius:12px;padding:10px 12px;background:#fffdfa;
}
.cxx-tpl-card:hover{border-color:#f68b2e;background:#fff9f2}
.cxx-tpl-name{font-size:13.5px;font-weight:700;color:#3c2a17}
.cxx-tpl-badge{
  font-size:10px;background:#eefaf0;color:#2f9e57;border:1px solid #cdeed8;
  border-radius:999px;padding:1px 7px;margin-left:6px;font-weight:600;
}
.cxx-tpl-desc{font-size:11.5px;color:#a08a72;margin-top:3px}
.cxx-tpl-actions{display:flex;gap:6px;margin-top:8px}
.cxx-tpl-apply{
  border:0;border-radius:8px;cursor:pointer;
  padding:6px 14px;font-size:12px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#ff6a00,#f04a00);
}
.cxx-tpl-apply.ghost{
  background:#fff;color:#8a7a66;border:1px solid #e6dccd;font-weight:600;
}
.cxx-tpl-apply.ghost:hover{color:#d7660e;border-color:#f68b2e}
.cxx-tpl-del{
  margin-left:auto;border:0;background:transparent;color:#c4b3a0;
  font-size:11.5px;cursor:pointer;padding:6px 4px;
}
.cxx-tpl-del:hover{color:#e53935}

.cxx-tpl-ft{padding:10px 14px 14px;border-top:1px solid #f4e8d8;background:#fff}
.cxx-tpl-save{
  width:100%;border:1px dashed #e6dccd;background:#fffdfa;color:#8a7a66;
  border-radius:10px;padding:9px 0;font-size:12.5px;cursor:pointer;
}
.cxx-tpl-save:hover{border-color:#f68b2e;color:#d7660e;background:#fff9f2}

@media print{
  .cxx-tpl-entrybar,.cxx-tpl-panel{display:none!important}
}
@media (max-width:640px){
  .cxx-tpl-panel{right:0;left:0;bottom:0;width:100%;border-radius:16px 16px 0 0}
}