export declare const authLayoutCss = "\n\t/* ============================================\n\t   AUTH LAYOUT - SHARED STYLES\n\t   ============================================ */\n\t:host {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t/* ============================================\n\t   BASE WRAPPER\n\t   ============================================ */\n\t.ml-auth {\n\t\tdisplay: flex;\n\t\tmin-height: 100%;\n\t\theight: 100%;\n\t\tfont-family: var(--ml-font-sans);\n\t\tbackground-color: var(--ml-color-surface-secondary);\n\t}\n\n\t/* ============================================\n\t   CENTERED VARIANT\n\t   ============================================ */\n\t.ml-auth--centered {\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: var(--ml-space-6);\n\t}\n\n\t.ml-auth--centered .ml-auth__card {\n\t\twidth: 100%;\n\t\tmax-width: 440px;\n\t\tbackground-color: var(--ml-color-surface);\n\t\tborder: var(--ml-border) solid var(--ml-color-border);\n\t\tborder-radius: var(--ml-radius-xl);\n\t\tbox-shadow: var(--ml-shadow-lg);\n\t\tpadding: var(--ml-space-10);\n\t}\n\n\t/* ============================================\n\t   SPLIT VARIANT\n\t   ============================================ */\n\t.ml-auth--split {\n\t\tflex-direction: row;\n\t}\n\n\t.ml-auth--split .ml-auth__form-side {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tflex: 1;\n\t\tpadding: var(--ml-space-10);\n\t\tbackground-color: var(--ml-color-surface);\n\t}\n\n\t.ml-auth--split .ml-auth__card {\n\t\twidth: 100%;\n\t\tmax-width: 440px;\n\t}\n\n\t.ml-auth--split .ml-auth__brand-side {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tflex: 1;\n\t\tpadding: var(--ml-space-10);\n\t\tbackground-color: var(--ml-color-primary);\n\t\tcolor: var(--ml-color-text-inverse);\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t}\n\n\t.ml-auth__brand-content {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t\ttext-align: center;\n\t\tmax-width: 480px;\n\t}\n\n\t.ml-auth__brand-content ::slotted(*) {\n\t\tcolor: inherit;\n\t}\n\n\t/* ============================================\n\t   LOGO AREA\n\t   ============================================ */\n\t.ml-auth__logo {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tmargin-bottom: var(--ml-space-6);\n\t}\n\n\t.ml-auth__logo:empty {\n\t\tdisplay: none;\n\t}\n\n\t/* ============================================\n\t   HEADER\n\t   ============================================ */\n\t.ml-auth__header {\n\t\ttext-align: center;\n\t\tmargin-bottom: var(--ml-space-8);\n\t}\n\n\t.ml-auth__title {\n\t\tmargin: 0 0 var(--ml-space-2) 0;\n\t\tfont-size: var(--ml-text-2xl);\n\t\tfont-weight: var(--ml-font-bold);\n\t\tcolor: var(--ml-color-text);\n\t\tline-height: var(--ml-leading-tight);\n\t}\n\n\t.ml-auth__description {\n\t\tmargin: 0;\n\t\tfont-size: var(--ml-text-sm);\n\t\tcolor: var(--ml-color-text-muted);\n\t\tline-height: var(--ml-leading-normal);\n\t}\n\n\t/* ============================================\n\t   FORM AREA\n\t   ============================================ */\n\t.ml-auth__form {\n\t\tmargin-bottom: var(--ml-space-6);\n\t}\n\n\t.ml-auth__form:empty {\n\t\tdisplay: none;\n\t}\n\n\t/* ============================================\n\t   SOCIAL LOGIN\n\t   ============================================ */\n\t.ml-auth__social {\n\t\tmargin-bottom: var(--ml-space-6);\n\t}\n\n\t.ml-auth__social:empty {\n\t\tdisplay: none;\n\t}\n\n\t/* ============================================\n\t   FOOTER\n\t   ============================================ */\n\t.ml-auth__footer {\n\t\ttext-align: center;\n\t\tfont-size: var(--ml-text-sm);\n\t\tcolor: var(--ml-color-text-muted);\n\t}\n\n\t.ml-auth__footer:empty {\n\t\tdisplay: none;\n\t}\n\n\t/* ============================================\n\t   RESPONSIVE - SPLIT COLLAPSE\n\t   ============================================ */\n\t@media (max-width: 768px) {\n\t\t.ml-auth--split {\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t.ml-auth--split .ml-auth__brand-side {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.ml-auth--split .ml-auth__form-side {\n\t\t\tmin-height: 100%;\n\t\t\tpadding: var(--ml-space-6);\n\t\t}\n\t}\n";
//# sourceMappingURL=auth-layout.styles.d.ts.map