/* Almer Putra Angkasa v5.0.21. All admin-defined themes can render inside mobile portals.
   Scoped to data-app-theme so public/admin layouts keep their existing admin palette.
   No network fonts or JavaScript theme dependencies. */
html[data-app-theme="clay"]{color-scheme:light;--app-bg:#f5f5f9;--app-surface:#fff;--app-text:#34354f;--app-muted:#676980;--app-primary:#6156b6;--app-tint:#eeebf8;--app-border:#e0e3ed;--app-hero:#584ab2;--app-hero-end:#9487d7;--app-shadow:0 9px 25px #6156b61a;--app-good:#23755c}
html[data-app-theme="porcelain3d"]{color-scheme:light;--app-bg:#eef0f7;--app-surface:#fafbff;--app-text:#292c43;--app-muted:#555c73;--app-primary:#6550a7;--app-tint:#e6e8f2;--app-border:#d8dcea;--app-hero:#5d51a7;--app-hero-end:#b7a9e2;--app-shadow:0 12px 28px #a4acc338;--app-good:#216649}
html[data-app-theme="lagoon3d"]{color-scheme:light;--app-bg:#e9f3f1;--app-surface:#f5fcfa;--app-text:#1f3b3a;--app-muted:#456560;--app-primary:#226f69;--app-tint:#dceee8;--app-border:#c5dcd6;--app-hero:#226f69;--app-hero-end:#69b8a8;--app-shadow:0 12px 28px #709a8d26;--app-good:#216649}
html[data-app-theme="alloy3d"]{color-scheme:dark;--app-bg:#141c2b;--app-surface:#233147;--app-text:#f0f5fc;--app-muted:#bacbdd;--app-primary:#a1dfe6;--app-tint:#2b3c55;--app-border:#4c607b;--app-hero:#183d55;--app-hero-end:#367684;--app-shadow:0 14px 30px #0005;--app-good:#b3e2c6}
html[data-app-theme="alloy3d"] .mobile-app :is(input,select,textarea){background:#233147;color:#f0f5fc;border-color:#4c607b}
html[data-app-theme="alloy3d"] .mobile-app :is(a,button,input,select,textarea):focus-visible{outline:3px solid #a1dfe6;outline-offset:3px}
html[data-app-theme="porcelain3d"] .mobile-app :is(.card,.app-sheet,.app-hero),html[data-app-theme="lagoon3d"] .mobile-app :is(.card,.app-sheet,.app-hero),html[data-app-theme="clay"] .mobile-app :is(.card,.app-sheet,.app-hero){border-radius:23px;box-shadow:var(--app-shadow)}
.app-theme-swatch[data-swatch="clay"]{background:linear-gradient(145deg,#e2c9eb 0 33%,#b1d8cd 34% 70%,#f5f5f9 71%)}
.app-theme-swatch[data-swatch="porcelain3d"]{background:linear-gradient(145deg,#fafbff 0 33%,#c9bef0 34% 70%,#6550a7 71%)}
.app-theme-swatch[data-swatch="lagoon3d"]{background:linear-gradient(145deg,#f5fcfa 0 33%,#a9d8cd 34% 70%,#226f69 71%)}
.app-theme-swatch[data-swatch="alloy3d"]{background:linear-gradient(145deg,#141c2b 0 33%,#233147 34% 70%,#a1dfe6 71%)}
.mobile-app .app-theme-swatch[data-swatch="clay"] i{background:#6156b6}
.mobile-app .app-theme-swatch[data-swatch="porcelain3d"] i{background:#6550a7}
.mobile-app .app-theme-swatch[data-swatch="lagoon3d"] i{background:#226f69}
.mobile-app .app-theme-swatch[data-swatch="alloy3d"] i{background:#a1dfe6}
.mobile-app .app-theme-inherit{grid-column:1/-1;grid-template-columns:1fr;position:relative;border-style:dashed}
.mobile-app .app-theme-inherit .app-theme-swatch{max-width:100%;width:100%}
.mobile-app .app-theme-choice :is(strong,small){overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html[data-app-theme] .mobile-app .app-theme-choice *{transition:none!important;animation:none!important}}

/* Legacy portal choices also receive a matching palette on public pages and errors. */
html[data-theme="ocean"]{color-scheme:light;--bg:#f3f6fc;--surface:#fff;--border:#e1e8f2;--text:#17273d;--muted:#5b6e86;--primary:#175bd8;--on-primary:#fff;--soft:#eaf1ff;--side:#f8fbff;--accent:#84b4ef}
html[data-theme="violet"]{color-scheme:light;--bg:#f6f3fc;--surface:#fff;--border:#e9e0f4;--text:#2c2542;--muted:#675d7d;--primary:#7540cf;--on-primary:#fff;--soft:#f0e9fc;--side:#fbf7ff;--accent:#ae91dd}
html[data-theme="mint"]{color-scheme:light;--bg:#f0f7f5;--surface:#fff;--border:#d9e9e3;--text:#1e3832;--muted:#537468;--primary:#087d71;--on-primary:#fff;--soft:#e0f4ed;--side:#f4fcf9;--accent:#70c9ad}
html[data-theme="midnight"]{color-scheme:dark;--bg:#0d1728;--surface:#17243a;--border:#32455f;--text:#edf4ff;--muted:#adbed5;--primary:#91c4ff;--on-primary:#14263a;--soft:#243953;--side:#121e32;--accent:#527bbd}
html:is([data-theme="ocean"],[data-theme="violet"],[data-theme="mint"],[data-theme="midnight"]) body{background:var(--bg);color:var(--text)}