.log-template-backdrop{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(31,48,68,.28);backdrop-filter:blur(2px)}
.log-template-dialog{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1080px,calc(100vw - 36px));max-height:min(800px,calc(100vh - 48px));border:1px solid #e1e7ec;border-radius:16px;background:#fff;box-shadow:0 26px 70px rgba(31,48,68,.22);overflow:hidden}
.log-template-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid #edf1f4}
.log-template-head span{color:#c76500;font-size:12px;font-weight:700;letter-spacing:.08em}
.log-template-head h2{margin:4px 0 5px;color:#1f3347;font-size:20px}
.log-template-head p{margin:0;color:#788897;font-size:13px}
.log-template-close{display:grid;width:32px;height:32px;place-items:center;border:1px solid #e1e7ec;border-radius:8px;background:#fff;color:#8290a2;cursor:pointer}
.log-template-close:hover{border-color:#ffb66b;color:#c76500}
.log-template-filter{display:flex;gap:10px;padding:14px 22px;border-bottom:1px solid #edf1f4;background:#fbfcfd}
.log-template-filter input{width:100%;min-width:0;padding:10px 12px;border:1px solid #dce5ec;border-radius:9px;color:#1f3347;font-size:13px;outline:0}
.log-template-filter input:focus{border-color:#ff9f33;box-shadow:0 0 0 3px rgba(255,133,0,.12)}
.log-template-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:0;overflow:hidden}
.log-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;padding:18px 22px;overflow:auto}
.log-template-card{display:grid;gap:8px;padding:14px;border:1px solid #e1e7ec;border-radius:10px;background:#fff;text-align:left}
.log-template-card.is-custom{border-color:#ffd5aa;background:#fffaf4}
.log-template-card:hover,.log-template-card:focus{border-color:#ffb66b;background:#fffaf4;outline:0}
.log-template-card b{color:#1f3347;font-size:15px}
.log-template-card p{margin:0;color:#6d7f90;font-size:12px;line-height:1.6}
.log-template-tags{display:flex;gap:6px;flex-wrap:wrap}
.log-template-tags span{padding:3px 7px;border-radius:999px;background:#eef6f7;color:#4b7580;font-size:11px}
.log-template-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.log-template-card-actions button{padding:6px 9px;border:1px solid #dce5ec;border-radius:7px;background:#fff;color:#52687a;font-size:12px;cursor:pointer}
.log-template-card-actions button:hover{border-color:#ffb66b;color:#c76500}
.log-template-card-actions .log-template-use{border-color:#ff9f33;background:#fff6ec;color:#c76500;font-weight:700}
.log-template-card-actions small{color:#9aa7b2;font-size:11px}
.log-template-form{display:grid;align-content:start;gap:10px;padding:18px;border-left:1px solid #edf1f4;background:#fbfcfd;overflow:auto}
.log-template-form h3{margin:0 0 4px;color:#1f3347;font-size:15px}
.log-template-form label{display:grid;gap:5px;color:#596c7d;font-size:12px;font-weight:700}
.log-template-form input,.log-template-form textarea{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid #dce5ec;border-radius:8px;background:#fff;color:#1f3347;font:13px/1.5 Arial,"Microsoft YaHei",sans-serif;outline:0}
.log-template-form textarea{resize:vertical;min-height:190px}
.log-template-form input:focus,.log-template-form textarea:focus{border-color:#ff9f33;box-shadow:0 0 0 3px rgba(255,133,0,.12)}
.log-template-form-actions{display:flex;justify-content:flex-end;gap:8px}
.log-template-form-actions button{padding:8px 12px;border:1px solid #dce5ec;border-radius:8px;background:#fff;color:#52687a;cursor:pointer}
.log-template-form-actions .log-template-save{border-color:#ff8500;background:#ff8500;color:#fff;font-weight:700}
.log-template-preview{padding:14px 22px;border-top:1px solid #edf1f4;background:#fffaf4;color:#6f604f;font-size:12px;line-height:1.6}
.log-template-empty{grid-column:1/-1;padding:28px;border:1px dashed #dce5ec;border-radius:10px;color:#8290a2;text-align:center}
@media(max-width:860px){.log-template-body{grid-template-columns:1fr}.log-template-form{border-top:1px solid #edf1f4;border-left:0}.log-template-grid{grid-template-columns:1fr}}
@media(max-width:720px){.log-template-backdrop{align-items:flex-end;padding:12px}.log-template-dialog{width:100%;max-height:88vh}.log-template-head{padding:17px}.log-template-filter{padding:12px 17px}.log-template-grid{padding:14px 17px}.log-template-form{padding:14px 17px}.log-template-preview{padding:12px 17px}}