/* HV324 · ROUND299 · Editor y previsualizacion real del recordatorio */
.hv324-reminder-editor{width:min(1180px,96vw);max-width:1180px;border:0;padding:0;border-radius:24px;background:#fff;box-shadow:0 28px 90px rgba(24,30,68,.22);color:#30364f}
.hv324-reminder-editor::backdrop{background:rgba(17,21,43,.55);backdrop-filter:blur(3px)}
.hv324-editor-shell{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;max-height:min(92vh,980px);overflow:hidden}
.hv324-editor-head{display:flex;justify-content:space-between;gap:18px;padding:22px 24px 14px;border-bottom:1px solid #eceee6}
.hv324-editor-head small{display:block;color:#8b9634;font-weight:900;letter-spacing:.08em;font-size:.67rem;margin-bottom:5px}
.hv324-editor-head h3{margin:0;color:var(--brand-navy,#303665);font-size:1.35rem}
.hv324-editor-head p{margin:7px 0 0;color:#76808c;font-size:.78rem;line-height:1.55}
.hv324-editor-close{border:0;background:#f2f3ed;color:#5f6670;width:38px;height:38px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;flex:0 0 auto}
.hv324-editor-meta{display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px 6px}
.hv324-editor-meta span{padding:7px 10px;border-radius:999px;background:#f6f7f1;border:1px solid #eceee5;color:#737c87;font-size:.68rem}
.hv324-editor-meta strong{color:var(--brand-navy,#303665)}
.hv324-editor-vars{margin:4px 24px 12px;padding:9px 11px;border-radius:12px;background:#f7f9eb;color:#6e7744;font-size:.68rem;line-height:1.5}
.hv324-editor-vars code{display:inline-block;margin:2px 3px;padding:2px 5px;border-radius:6px;background:#fff;border:1px solid #e4e8cf;color:#4f5b21;font-size:.65rem}
.hv324-editor-layout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(420px,1.2fr);gap:14px;min-height:0;padding:0 24px 18px}
.hv324-editor-controls,.hv324-preview-pane{min-height:0;border:1px solid #e8eae2;border-radius:18px;background:#fff;overflow:hidden}
.hv324-editor-controls{overflow:auto;padding:14px}
.hv324-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.hv324-editor-field{display:grid;gap:5px;min-width:0}
.hv324-editor-field.is-wide{grid-column:1/-1}
.hv324-editor-field span{font-size:.68rem;font-weight:800;color:#5c6572}
.hv324-editor-field input,.hv324-editor-field textarea{width:100%;box-sizing:border-box;border:1px solid #dfe3df;border-radius:11px;background:#fbfcf8;color:#32394f;padding:9px 10px;font:inherit;font-size:.74rem;line-height:1.45;outline:none;resize:vertical}
.hv324-editor-field input:focus,.hv324-editor-field textarea:focus{border-color:#a8b34b;box-shadow:0 0 0 3px rgba(168,179,75,.12);background:#fff}
.hv324-preview-pane{display:grid;grid-template-rows:auto minmax(0,1fr);background:#f5f6f0}
.hv324-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:#fff;border-bottom:1px solid #e8eae2;font-size:.7rem;color:#596170}
.hv324-preview-toolbar span{color:#7c8490;font-size:.64rem}
#hv324-preview-frame{width:100%;height:100%;min-height:500px;border:0;background:#f5f6f0}
.hv324-editor-foot{display:flex;align-items:center;gap:12px;padding:14px 24px 18px;border-top:1px solid #eceee6;background:#fff}
.hv324-editor-send-status{flex:1;min-width:0;color:#737c87;font-size:.66rem;line-height:1.4}
.hv324-editor-send-status.is-ok{color:#667329;font-weight:800}.hv324-editor-send-status.is-error{color:#a04444;font-weight:800}.hv324-editor-send-status.is-wait{color:#737c87}
.hv324-editor-foot-actions{display:flex;gap:8px;margin-left:auto}
#hv324-send-edited-email[disabled]{opacity:.55;cursor:not-allowed}
@media(max-width:820px){
 .hv324-reminder-editor{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0;margin:0}
 .hv324-editor-shell{height:100dvh;max-height:none}
 .hv324-editor-head{padding:17px 16px 11px}.hv324-editor-head h3{font-size:1.15rem}.hv324-editor-head p{font-size:.73rem}
 .hv324-editor-meta{padding:10px 16px 5px}.hv324-editor-vars{margin:4px 16px 10px}
 .hv324-editor-layout{display:block;overflow:auto;padding:0 16px 14px}
 .hv324-editor-controls{overflow:visible;margin-bottom:12px}.hv324-editor-fields{grid-template-columns:1fr}.hv324-editor-field.is-wide{grid-column:auto}
 .hv324-preview-pane{height:610px}.hv324-editor-foot{display:grid;grid-template-columns:1fr;padding:12px 16px 16px;gap:9px}.hv324-editor-foot-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:0}.hv324-editor-foot>.button{width:100%}
}