.wa-template-card{padding:20px;background:#fff}.wa-template-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.wa-template-heading h3{display:flex;align-items:center;gap:9px;color:#173b70}.wa-template-heading h3 svg,.wa-template-create svg,.wa-event-selector svg,.wa-event-cell svg,.wa-row-actions svg,.wa-provider-heading svg,.wa-template-empty>svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.wa-template-create,.wa-row-actions .action{display:inline-flex;align-items:center;justify-content:center;gap:6px}.wa-template-warning{margin:15px 0;padding:10px 12px;border:1px solid #f1d6a2;border-radius:10px;background:#fffaf0;color:#735520;font-size:13px;font-weight:650}.wa-template-tools{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(240px,1.2fr);gap:12px;margin-bottom:14px}.wa-template-tools label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#243247}.wa-event-selector span{display:flex;align-items:center;gap:7px}.wa-template-tools select,.wa-template-tools input{height:40px;border:1px solid #b9cadf;border-radius:9px;background:#fff;color:#243247;padding:0 11px;font:inherit}.wa-template-tools select:focus,.wa-template-tools input:focus,.wa-provider-grid input:focus{outline:3px solid #cce5f5;border-color:#173b70}.wa-template-table{min-width:960px}.wa-template-table th{white-space:nowrap}.wa-template-table td{vertical-align:middle}.wa-template-table td small{display:block;margin-top:3px;color:#64748b;font-size:11px}.wa-event-cell{display:flex;align-items:center;gap:7px;color:#173b70;font-weight:700;min-width:160px}.wa-event-cell svg{color:#16805d}.wa-template-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:99px;font-size:11px;font-weight:800;border:1px solid transparent;white-space:nowrap}.wa-template-status.draft{background:#f3f4f6;color:#4b5563;border-color:#d1d5db}.wa-template-status.configured{background:#eef6ff;color:#185a97;border-color:#b9d7ef}.wa-template-status.approved{background:#ecfdf5;color:#166534;border-color:#a7e0bb}.wa-template-status.rejected{background:#fff1f2;color:#b42335;border-color:#fecdd3}.wa-template-status.unknown{background:#fff8e7;color:#8a5b00;border-color:#f1d588}.wa-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wa-row-actions .action{min-height:32px;padding:5px 8px;border:1px solid #d5dfec;border-radius:7px;background:#fff;color:#173b70;font-size:12px;font-weight:700;cursor:pointer}.wa-row-actions .action:hover{background:#f4f8fc;border-color:#9bb9d7}.wa-row-actions .action:focus-visible,.wa-template-create:focus-visible{outline:3px solid #cce5f5;outline-offset:2px}.wa-template-editor-head{display:flex;align-items:center;gap:10px;margin:0 0 12px}.wa-template-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf5ff;color:#173b70}.wa-template-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.wa-template-editor-head small,.wa-provider-heading small{display:block;margin-top:3px;color:#64748b;font-weight:500}.wa-variable-help{padding:12px;border:1px solid #d9e4f0;border-radius:10px;background:#f8fbff}.wa-variable-help span{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.wa-variable-help code{padding:3px 5px;border-radius:5px;background:#e8f2fb;color:#173b70;font-size:11px}.wa-variable-help small{color:#64748b}.wa-provider-fields{padding:14px;border:1px solid #a8d4c1;border-radius:12px;background:#fbfefc}.wa-provider-heading{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;color:#145c46}.wa-provider-heading>svg{margin-top:2px}.wa-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.wa-provider-grid label{display:grid;gap:5px;color:#334155;font-size:12px;font-weight:700}.wa-provider-grid input{height:39px;border:1px solid #b9cadf;border-radius:8px;padding:0 10px;font:inherit}.wa-mapping-note{margin:12px 0 0;font-size:12px;color:#536275}.wa-template-preview{display:grid;gap:10px}.wa-template-preview h4{margin:0;color:#173b70}.wa-template-preview pre{margin:0;max-height:45dvh;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:14px;border:1px solid #d9e4f0;border-radius:10px;background:#f8fbff;color:#243247;font:13px/1.55 Inter,system-ui,sans-serif}.wa-preview-label{margin:0;color:#145c46;font-size:12px;font-weight:750}.wa-template-empty{min-height:220px}.wa-template-empty>svg{width:42px;height:42px;color:#16805d}.wa-template-empty .primary{display:inline-flex;align-items:center;gap:7px;margin-top:4px}.wa-template-empty .primary svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.wa-loading{padding:28px;text-align:center;color:#64748b}.wa-error{border-color:#fecaca}.wa-error b{color:#b42318}@media(max-width:760px){.wa-template-card{padding:14px}.wa-template-heading{align-items:stretch;flex-direction:column}.wa-template-create{width:100%}.wa-template-tools,.wa-provider-grid{grid-template-columns:1fr}.wa-row-actions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.wa-row-actions .action span{display:none}.wa-row-actions .action{min-width:34px}.wa-template-table{min-width:750px}.wa-template-table th:nth-child(3),.wa-template-table td:nth-child(3){display:none}.wa-template-preview pre{max-height:40dvh}}