/* Registered Template Settings tokens. Color contract shared by v0–v5.
 * Geometry stays in templates-legacy-layouts.css and templates-gallery.css.
 * One component scope keeps the settings isolated from other blocks. */
html body .deceti-template-controls[class*="deceti-templates-v"] {
 --gallery-surface:var(--color-template-panel-background,var(--color-surface,#fff))!important;
 --gallery-soft:var(--color-template-category-hover-background,var(--color-surface-alt,#f3f9fd))!important;
 --gallery-ink:var(--color-template-text,var(--color-text,#071b4c))!important;
 --gallery-muted:var(--color-template-muted,var(--color-text-muted,#65799c))!important;
 --gallery-border:var(--color-template-panel-border,var(--color-border,#d7e5f2))!important;
 --gallery-primary:var(--color-template-category-active-background,var(--color-action-primary,#00334d))!important;
 --gallery-on-primary:var(--color-template-category-active-text,var(--color-action-primary-text,#fff))!important;
 --gallery-radius:var(--radius-template-control,10px)!important;
 color:var(--color-template-text,var(--color-text,#071b4c))!important;
}
html body .deceti-template-controls[class*="deceti-templates-v"] .s-content {
 background:var(--color-template-panel-background,var(--color-surface,#fff))!important;
 border-color:var(--color-template-panel-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-panel-border-width,1px)!important;
 border-radius:var(--radius-template-panel,16px)!important;
 padding:var(--spacing-template-panel-padding,18px)!important;
}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-finder-heading h2,.template-category-heading h3) {color:var(--color-template-heading,var(--color-heading,#071b4c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-finder-heading h2 {font-size:var(--font-template-heading-size,30px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-finder-heading p,.template-category-heading p) {color:var(--color-template-muted,var(--color-text-muted,#65799c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-category-heading {border-color:var(--color-template-divider,var(--color-border,#d7e5f2))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-finder-heading {border-color:var(--color-template-divider,var(--color-border,#d7e5f2))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"].deceti-templates-v3 .top-filters-panel {background:var(--color-template-panel-background,var(--color-surface,#fff))!important;border-color:var(--color-template-panel-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-panel-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-finder-search-field,.search-bar input) {background:var(--color-template-search-background,var(--color-surface,#fff))!important;border-color:var(--color-template-search-border,var(--color-control-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-search-border-width,1px)!important;color:var(--color-template-search-text,var(--color-text,#071b4c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-finder-search-field #tags {background:transparent!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] #tags {font-size:var(--font-template-control-size,15px)!important;color:var(--color-template-search-text,var(--color-text,#071b4c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] #tags::placeholder {color:var(--color-template-search-placeholder,var(--color-text-muted,#65799c))!important;opacity:1;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-finder-search-field .template-search-icon {color:var(--color-template-search-icon,var(--color-text,#071b4c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] #search {background:var(--color-template-search-button-background,var(--color-action-primary,#00334d))!important;border-color:var(--color-template-search-button-background,var(--color-action-primary,#00334d))!important;color:var(--color-template-search-button-text,var(--color-action-primary-text,#fff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] #search:hover {background:var(--color-template-search-button-hover-background,var(--color-action-primary-hover,#02b5ff))!important;border-color:var(--color-template-search-button-hover-background,var(--color-action-primary-hover,#02b5ff))!important;color:var(--color-template-search-button-hover-text,var(--color-action-primary-text,#fff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] #search .template-search-icon {color:inherit!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.top-level-tab,.template-item) {background:var(--color-template-category-background,var(--color-surface,#fff))!important;color:var(--color-template-category-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-category-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-category-border-width,1px)!important;border-radius:var(--radius-template-control,10px)!important;font-size:var(--font-template-category-size,14px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.top-level-tab,.template-item):hover {background:var(--color-template-category-hover-background,var(--color-surface-alt,#f3f9fd))!important;color:var(--color-template-category-hover-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-category-hover-border,var(--color-primary,#02b5ff))!important;border-style:solid!important;border-width:var(--border-template-category-hover-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.top-level-tab,.template-item).active {background:var(--color-template-category-active-background,var(--color-action-primary,#00334d))!important;color:var(--color-template-category-active-text,var(--color-action-primary-text,#fff))!important;border-color:var(--color-template-category-active-border,var(--color-action-primary,#00334d))!important;border-style:solid!important;border-width:var(--border-template-category-active-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-category-art {background:var(--color-template-category-art-background,var(--color-surface-alt,#f3f9fd))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .top-level-tab .deceti-template-icon {color:var(--color-template-category-icon,var(--color-primary,#02b5ff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .top-level-tab.active :is(.template-category-name,.deceti-template-icon,.template-category-count,.template-count) {color:var(--color-template-category-active-text,var(--color-action-primary-text,#fff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-category-count,.top-level-tab .template-count) {color:var(--color-template-category-count,var(--color-text-muted,#65799c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.subtemplate-button,.subtemplate-item) {background:var(--color-template-subcategory-background,var(--color-surface,#fff))!important;color:var(--color-template-subcategory-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-subcategory-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-subcategory-border-width,1px)!important;border-radius:var(--radius-template-control,10px)!important;font-size:var(--font-template-subcategory-size,13px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.subtemplate-button,.subtemplate-item):hover {background:var(--color-template-subcategory-hover-background,var(--color-surface-alt,#f3f9fd))!important;color:var(--color-template-subcategory-hover-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-subcategory-hover-border,var(--color-primary,#02b5ff))!important;border-style:solid!important;border-width:var(--border-template-subcategory-hover-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.subtemplate-button,.subtemplate-item).active {background:var(--color-template-subcategory-active-background,var(--color-action-primary,#00334d))!important;color:var(--color-template-subcategory-active-text,var(--color-action-primary-text,#fff))!important;border-color:var(--color-template-subcategory-active-border,var(--color-action-primary,#00334d))!important;border-style:solid!important;border-width:var(--border-template-subcategory-active-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-subcategory-art {background:var(--color-template-subcategory-art-background,var(--color-surface-alt,#f3f9fd))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-subcategory-count,.subtemplate-button .template-count) {color:var(--color-template-subcategory-count,var(--color-text-muted,#65799c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .subtemplate-button.active :is(.template-subcategory-count,.template-count) {color:var(--color-template-subcategory-active-text,var(--color-action-primary-text,#fff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"].deceti-templates-v5 .subtemplate-button.active::after {background:var(--color-template-subcategory-check-background,var(--color-action-primary-text,#fff))!important;color:var(--color-template-subcategory-check-icon,var(--color-action-primary,#00334d))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .shape-button {background:var(--color-template-filter-background,var(--color-surface,#fff))!important;color:var(--color-template-filter-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-filter-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-filter-border-width,1px)!important;border-radius:var(--radius-template-control,10px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .shape-button:hover {background:var(--color-template-filter-hover-background,var(--color-surface-alt,#f3f9fd))!important;color:var(--color-template-filter-hover-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-filter-hover-border,var(--color-primary,#02b5ff))!important;border-style:solid!important;border-width:var(--border-template-filter-hover-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .shape-button.active {background:var(--color-template-filter-active-background,var(--color-action-primary,#00334d))!important;color:var(--color-template-filter-active-text,var(--color-action-primary-text,#fff))!important;border-color:var(--color-template-filter-active-border,var(--color-action-primary,#00334d))!important;border-style:solid!important;border-width:var(--border-template-filter-active-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .size-select {background:var(--color-template-select-background,var(--color-surface,#fff))!important;color:var(--color-template-select-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-select-border,var(--color-control-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-select-border-width,1px)!important;font-size:var(--font-template-control-size,15px)!important;border-radius:var(--radius-template-control,10px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.top-level-tabs,.sublevel-buttons,.shape-container) {gap:var(--spacing-template-control-gap,8px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .c-grid.s-c-grid {gap:var(--spacing-template-grid-gap,14px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .item-box {background:var(--color-template-card-background,var(--color-surface,#fff))!important;color:var(--color-template-card-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-card-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-card-border-width,1px)!important;border-radius:var(--radius-template-card,10px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .item-box:hover {background:var(--color-template-card-hover-background,var(--color-surface,#fff))!important;border-color:var(--color-template-card-hover-border,var(--color-primary,#02b5ff))!important;border-style:solid!important;border-width:var(--border-template-card-hover-border-width,1px)!important;outline:none;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-card-link {color:var(--color-template-card-text,var(--color-text,#071b4c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .new-category-name {color:var(--color-template-card-title,var(--color-heading,#071b4c))!important;font-size:var(--font-template-card-title-size,15px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .item-box img {background:var(--color-template-card-image-background,var(--color-surface,#fff))!important;object-fit:contain;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.btn-customize,.button-container .btn) {background:var(--color-template-action-background,var(--color-action-primary,#00334d))!important;color:var(--color-template-action-text,var(--color-action-primary-text,#fff))!important;border-color:var(--color-template-action-background,var(--color-action-primary,#00334d))!important;border-radius:var(--radius-template-control,10px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.btn-customize,.button-container .btn):hover {background:var(--color-template-action-hover-background,var(--color-action-primary-hover,#02b5ff))!important;color:var(--color-template-action-hover-text,var(--color-action-primary-text,#fff))!important;border-color:var(--color-template-action-hover-background,var(--color-action-primary-hover,#02b5ff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-catalog-more,.template-rail-prev,.template-rail-next,.show-more-button,.show-more) {background:var(--color-template-navigation-background,var(--color-surface,#fff))!important;color:var(--color-template-navigation-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-navigation-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-navigation-border-width,1px)!important;border-radius:var(--radius-template-control,10px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-catalog-more,.template-rail-prev,.template-rail-next,.show-more-button,.show-more):hover {background:var(--color-template-navigation-hover-background,var(--color-surface-alt,#f3f9fd))!important;color:var(--color-template-navigation-hover-text,var(--color-primary,#02b5ff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-rail-progress {background:var(--color-template-progress-track,var(--color-border,#d7e5f2))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-rail-progress span {background:var(--color-template-progress-active,var(--color-action-primary,#00334d))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(button,a,input,select):focus-visible {outline:2px solid var(--color-template-focus,var(--color-focus,#02b5ff))!important;outline-offset:2px;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-finder-search-field:focus-within {outline:2px solid var(--color-template-focus,var(--color-focus,#02b5ff))!important;outline-offset:2px;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(button,input,select):disabled {opacity:.45;cursor:default;}
@media(max-width:600px) {
 html body .deceti-template-controls[class*="deceti-templates-v"] .s-content {padding:min(var(--spacing-template-panel-padding,18px),12px)!important;}
}
@media(prefers-reduced-motion:reduce) {
 .deceti-template-controls :is(button,a,.item-box) {transition:none!important;}
}

/* Flat template blocks, including hover and decorative pseudo-elements. */
html body .deceti-template-controls,
html body .deceti-template-controls *,
html body .deceti-template-controls *::before,
html body .deceti-template-controls *::after {box-shadow:none!important;text-shadow:none!important;}
