.template-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}

.official-templates[data-v-quick-officialtemplatespanel] { margin: 0 0 14px; padding: 16px; border: 1px solid var(--mj-border); border-radius: var(--mj-radius); background: white;
}
.official-template-heading[data-v-quick-officialtemplatespanel] { font-weight: 700; color: var(--mj-text);
}
.official-note[data-v-quick-officialtemplatespanel] { margin: 8px 0 16px; color: var(--mj-text-3); font-size: 13px; line-height: 1.6;
}
.official-template-grid[data-v-quick-officialtemplatespanel] { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(280px,100%),1fr)); gap: 12px;
}
article[data-v-quick-officialtemplatespanel] { padding: 14px; border: 1px solid var(--mj-border); border-radius: var(--mj-radius); background: var(--mj-surface-2);
}
.official-template-title[data-v-quick-officialtemplatespanel] { display:flex; justify-content:space-between; gap:8px; align-items:center;
}.official-template-title span[data-v-quick-officialtemplatespanel] { font-size:12px;color:var(--mj-text-3);
}
article p[data-v-quick-officialtemplatespanel] { font-size:13px;line-height:1.7;white-space:pre-wrap;color:var(--mj-text-2);
}
button[data-v-quick-officialtemplatespanel] { border:1px solid var(--mj-primary-border);border-radius:var(--mj-radius-sm);background:white;color:var(--mj-primary);padding:7px 12px;cursor:pointer;
}


.template-library-tabs[data-v-template-library-tabs] { display: flex; gap: 24px; margin-bottom: 18px; border-bottom: 1px solid var(--mj-border);
}
button[data-v-template-library-tabs] { position: relative; padding: 10px 2px 12px; border: 0; border-radius: 0; background: transparent; color: var(--mj-text-3); font-size: 14px; font-weight: 600; cursor: pointer;
}
button.active[data-v-template-library-tabs] { color: var(--mj-primary);
}
button.active[data-v-template-library-tabs]::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--mj-primary); content: '';
}
button[data-v-template-library-tabs]:focus-visible { outline: 2px solid var(--mj-primary); outline-offset: 3px;
}