/*
 * Copyright (c) 2026 TNSystem. Alle Rechte vorbehalten.
 * Datei: public/assets/template-editor.css
 * Zweck: Gestaltet die Benutzeroberfläche „template editor“ des TNSystem Faktura-Portals.
 */
.template-editor-workspace{display:grid;grid-template-columns:minmax(410px,.86fr) minmax(520px,1.14fr);gap:20px;align-items:start}.template-editor-controls{min-width:0}.template-editor-controls .panel{margin:0}.template-editor-controls .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.template-panel-heading,.template-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.template-panel-heading h3,.template-preview-heading h3{margin:3px 0 0}.template-panel-heading>span{max-width:190px;color:var(--muted);font-size:11px;line-height:1.45;text-align:right}.template-block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-block{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;gap:4px 9px;align-items:start;border:1px solid var(--line);border-radius:10px;padding:13px;background:#fff}.template-block>input[type=checkbox]{grid-column:1;grid-row:1/4;width:17px;height:17px}.template-block>strong{grid-column:2;grid-row:1;display:block;padding-right:18px;font-size:12px}.template-block>span{grid-column:2;grid-row:2;display:block;color:var(--muted);font-size:11px;line-height:1.35}.template-block>small{grid-column:2;grid-row:3;display:inline-flex;width:max-content;margin-top:2px;padding:2px 6px;border-radius:999px;background:#e8f0fb;color:#315b92;font-size:9px;font-weight:750}.template-block.required-block{background:#f8fbff;border-color:#cbdcf5}.template-save-panel{display:flex;align-items:center;justify-content:space-between;gap:18px}.template-save-panel>p{margin:0;max-width:520px}.template-live-preview{position:sticky;top:18px;min-width:0;padding:18px;border:1px solid #dce5ee;border-radius:15px;background:linear-gradient(180deg,#f8fbfd,#eef4f8);box-shadow:0 18px 45px rgba(17,45,74,.12)}.template-preview-heading{align-items:center;margin-bottom:12px}.template-preview-heading>span{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e4f5ee;color:#16704d;font-size:10px;font-weight:800}.template-preview-heading>span.loading{background:#fff2d8;color:#8d5b00}.template-preview-heading>span.error{background:#fee8e8;color:#a52828}.template-live-preview iframe{display:block;width:100%;height:min(72vh,850px);min-height:620px;border:1px solid #cbd7e2;border-radius:8px;background:#fff}.template-live-preview>p{margin:11px 3px 0;color:var(--muted);font-size:11px;line-height:1.45}.template-preview-submit{display:none}.template-editor-controls textarea{resize:vertical}@media(max-width:1280px){.template-editor-workspace{grid-template-columns:minmax(370px,.9fr) minmax(440px,1.1fr)}.template-live-preview iframe{min-height:560px}}@media(max-width:1050px){.template-editor-workspace{grid-template-columns:1fr}.template-live-preview{position:relative;top:auto}.template-live-preview iframe{height:760px}.template-editor-controls .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.template-editor-controls .form-grid,.template-block-grid{grid-template-columns:1fr}.template-live-preview{padding:12px}.template-live-preview iframe{height:560px;min-height:0}.template-panel-heading{display:block}.template-panel-heading>span{display:block;max-width:none;margin-top:5px;text-align:left}.template-save-panel{display:block}}