.template-dialog{width:min(1000px,96vw)}.template-layout{display:grid;grid-template-columns:290px minmax(0,1fr);max-height:75vh;overflow:auto}.template-list-panel{border-right:1px solid var(--line);padding:18px}.template-list-panel>input,.template-list-panel>select{display:block;width:100%;border:1px solid var(--line);border-radius:8px;margin-bottom:10px;padding:10px}.template-editor{padding:4px 20px 20px;min-width:0}.template-editor>label{padding:10px 0;align-items:flex-start;flex-direction:column;gap:5px}.template-editor>label input{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px}.template-editor textarea{min-height:210px;height:210px;border:1px solid var(--line);border-radius:6px;padding:12px}.template-actions{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0;font-size:calc(11px * var(--mail-font-scale,1))}.template-row{width:100%;display:block;text-align:left;border:1px solid var(--line);margin:8px 0;padding:12px}.template-row.selected{background:var(--soft);border-color:var(--blue)}.template-row strong,.template-row small,.template-row span{display:block;overflow-wrap:anywhere}.template-row small{color:var(--blue);font-size:calc(10px * var(--mail-font-scale,1));margin:5px 0}.template-row span,.template-help{color:var(--muted);font-size:calc(11px * var(--mail-font-scale,1));line-height:1.7}.template-status{padding:0 20px;font-size:calc(12px * var(--mail-font-scale,1));color:var(--muted)}.template-placeholders label{padding:7px 0;gap:12px}.template-placeholders input{border:1px solid var(--line);border-radius:6px}.recipient-field{position:relative}.recipient-suggestions{position:absolute;top:100%;left:55px;right:16px;z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 25px #08173525;max-height:250px;overflow:auto;color:var(--ink);font-size:calc(12px * var(--mail-font-scale,1))}.recipient-suggestions[hidden]{display:none}.recipient-suggestions>div{padding:10px 12px;overflow-wrap:anywhere;cursor:pointer}.recipient-suggestions>[aria-selected=true],.recipient-suggestions>[role=option]:hover{background:var(--soft);color:var(--blue)}@media(max-width:650px){.template-layout{grid-template-columns:1fr}.template-list-panel{border-right:0;border-bottom:1px solid var(--line)}.template-list{max-height:160px;overflow:auto}.template-editor{padding:4px 16px 16px}.template-editor textarea{height:170px;min-height:170px}.recipient-suggestions{left:15px}}