/* Majaa UI foundation 1.0.0 — shared roles, opt-in components, no parent-theme edits.
 * Buttons: zentraler Baustein majaa-core/assets/button.css (.majaa-ui-button). */
:root{
 --majaa-surface-page:#fff;--majaa-surface-warm:var(--majaa-color-warm);--majaa-surface-sage:var(--majaa-color-sage);
 --majaa-ink:var(--majaa-color-ink);--majaa-copy:var(--majaa-color-text);--majaa-action-ink:var(--majaa-color-ink);--majaa-control-outline:var(--majaa-color-gold-dark);
 --majaa-type-page:30px;--majaa-type-section:28px;--majaa-type-name:24px;--majaa-type-copy:19px;
 --majaa-type-body:16px;--majaa-type-label:14px;--majaa-type-eyebrow:15px;
 --majaa-control-height:var(--majaa-button-height);--majaa-control-radius:var(--majaa-button-radius);--majaa-control-icon-size:18px;--majaa-control-icon-gap:var(--majaa-button-gap);
 --majaa-directory-gap:64px;--majaa-directory-title-sort-gap:14px;--majaa-directory-sort-card-gap:32px;
 --majaa-directory-gutter:16px;--majaa-directory-panel-top:24px;--majaa-directory-inner-max:1100px;
 --majaa-card-radius:16px;--majaa-plate-radius:12px;--majaa-card-shadow:0 4px 14px rgba(62,49,32,.06);
 --majaa-popover-border:var(--majaa-color-gold-dark);--majaa-popover-shadow:0 9px 24px rgba(62,49,32,.16);
 --majaa-page-photo-small:210px;--majaa-page-photo-large:256px;
}
@media(min-width:601px){:root{--majaa-directory-gutter:28px;--majaa-directory-panel-top:30px}}
@media(max-width:360px){:root{--majaa-directory-gutter:12px}}
@media(min-width:700px){:root{--majaa-type-page:37px}}
.majaa-ui-inner{box-sizing:border-box;width:100%;max-width:var(--majaa-directory-inner-max);margin-inline:auto;padding-inline:var(--majaa-directory-gutter)}
.majaa-ui-title{display:flex;align-items:center;gap:12px;margin:0;font:400 var(--majaa-type-section)/1.3 var(--majaa-font-heading);color:var(--majaa-ink)}
.majaa-ui-action-icon{display:block;flex:none;width:var(--majaa-control-icon-size);height:var(--majaa-control-icon-size);color:var(--majaa-action-ink)}
.majaa-ui-dialog :is(button,a,input,textarea):not(.majaa-ui-field):focus-visible{outline:2px solid var(--majaa-action-ink);outline-offset:3px}
.majaa-ui-popover{position:absolute;z-index:60;padding:6px;border:1px solid var(--majaa-popover-border);border-radius:10px;background:#fff;box-shadow:var(--majaa-popover-shadow);max-height:min(300px,60vh);overflow:auto}
.majaa-ui-dialog,#majaa-group-upgrade{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-width:520px;max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:var(--majaa-dialog-padding);border:1px solid var(--majaa-dialog-border);border-radius:var(--majaa-dialog-radius);background:var(--majaa-dialog-bg);color:var(--majaa-copy);box-shadow:var(--majaa-dialog-shadow);font:400 16px/1.55 var(--majaa-font-body)}
.majaa-ui-dialog::backdrop,#majaa-group-upgrade::backdrop{background:var(--majaa-dialog-backdrop)}
.majaa-ui-dialog h2,#majaa-group-upgrade h2{margin:0 36px 16px 0;color:var(--majaa-ink);font:400 var(--majaa-dialog-title-size)/1.3 var(--majaa-font-heading)}
.majaa-ui-dialog p,#majaa-group-upgrade p{margin:0 0 16px}
.majaa-ui-dialog .majaa-dialog-actions,#majaa-group-upgrade .majaa-group-upgrade-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:24px}
.majaa-ui-dialog :is(button,a):not(.majaa-ui-button,.majaa-ui-chip),#majaa-group-upgrade button,#majaa-group-upgrade a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid var(--majaa-control-outline);border-radius:10px;background:#fff;color:var(--majaa-action-ink);font:400 16px/1.4 var(--majaa-font-body);text-decoration:none;box-shadow:none}
.majaa-ui-dialog .majaa-primary,#majaa-group-upgrade a{background:var(--majaa-surface-warm)}
.majaa-ui-dialog textarea:not(.majaa-ui-field){box-sizing:border-box;width:100%;min-height:100px;padding:12px;border:1px solid var(--majaa-control-outline);border-radius:10px;font:inherit;color:var(--majaa-ink)}
.majaa-ui-dialog .majaa-dialog-close{position:absolute;top:12px;right:12px;width:44px;padding:0;border:0;background:transparent;font-size:26px}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.majaa-ui-dialog{scroll-behavior:auto}}