/* DS / UNITRIBE YooTheme Layout Classes - visual-only placeholders for Builder layouts. */
.ds-uix-yootheme-section { padding-block: clamp(2rem, 5vw, 5rem); }
.ds-uix-yootheme-section-muted { background: var(--ds-color-surface-muted); }
.ds-uix-yootheme-section-hero { min-height: min(72vh, 760px); display: grid; align-items: center; }
.ds-uix-yootheme-section-glass { background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(245,245,245,.62)); }
.ds-uix-yootheme-card,
.ds-uix-yootheme-card-glass,
.ds-uix-yootheme-journey-entry,
.ds-uix-yootheme-login-entry,
.ds-uix-yootheme-provider-entry,
.ds-uix-yootheme-mail-preview,
.ds-uix-yootheme-intelligence-card,
.ds-uix-yootheme-collector-card,
.ds-uix-yootheme-firstline-card { border-radius: var(--ds-radius-card); border: 1px solid var(--ds-color-border); padding: var(--ds-space-card); box-shadow: var(--ds-shadow-card); background: var(--ds-color-surface); }
.ds-uix-yootheme-card-glass { background: rgba(255,255,255,var(--ds-glass-opacity)); background-image: var(--ds-liquid-backdrop); -webkit-backdrop-filter: blur(var(--ds-glass-blur)) saturate(var(--ds-glass-saturation)); backdrop-filter: blur(var(--ds-glass-blur)) saturate(var(--ds-glass-saturation)); }
.ds-uix-yootheme-cta { display: flex; flex-wrap: wrap; gap: var(--ds-space-sm); align-items: center; }
.ds-uix-yootheme-modal-trigger { cursor: pointer; }
.ds-uix-yootheme-dashboard-grid { display: grid; gap: var(--ds-space-md); grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.ds-uix-yootheme-layout-shell { max-width: 1180px; margin-inline: auto; padding-inline: var(--ds-space-md); }
.ds-uix-yootheme-placeholder { border: 1px dashed var(--ds-color-border); background: var(--ds-color-surface-muted); border-radius: var(--ds-radius-panel); padding: var(--ds-space-md); color: var(--ds-color-text-muted); }
.ds-uix-yootheme-layout-title { margin: 0 0 var(--ds-space-sm); font-size: clamp(1.5rem, 3vw, 3rem); line-height: 1.08; color: var(--ds-color-text); }
.ds-uix-yootheme-layout-meta { color: var(--ds-color-text-muted); font-size: var(--ds-font-size-sm); }
@media (max-width: 720px) { .ds-uix-yootheme-section { padding-block: 2rem; } .ds-uix-yootheme-cta { align-items: stretch; } .ds-uix-yootheme-cta > * { width: 100%; } }

.ds-uix-yootheme-preview-grid { margin-top: var(--ds-space-md); }