/* SMART Martinus — shared visual system, September 2026.
   Navigation uses translucent glass; reading surfaces stay calm and legible.
   Scoped selectors intentionally override legacy page-local presentation. */
:root {
    --sm-surface: rgba(255,253,249,.88);
    --sm-surface-solid: #faf7f1;
    --sm-ink: #2e2925;
    --sm-muted: #685d53;
    --sm-accent: #5a1725;
    --sm-edge: rgba(90,23,37,.12);
    --sm-radius: 24px;
    --sm-ease: cubic-bezier(.22,.72,.18,1);
    --sm-fast: 220ms;
    --sm-morph: 520ms;
    --sm-shadow: 0 12px 36px rgba(53,38,28,.065), inset 0 1px 0 rgba(255,255,255,.96);
    --sm-glass: linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.16) 46%,rgba(255,255,255,.34)),rgba(246,242,235,.48);
    --sm-glass-shadow: 0 12px 34px rgba(37,34,31,.11),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(120,101,84,.12);
    --martinus-canvas: radial-gradient(ellipse at 8% 4%,rgba(90,23,37,.045),transparent 32%),radial-gradient(ellipse at 94% 25%,rgba(216,195,165,.28),transparent 36%),linear-gradient(180deg,#f8f4ee,#eee5d8);
}

body.sm27-public-body,
body.sm27-admin-body {
    color: var(--sm-ink);
    background: var(--martinus-canvas);
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
}
.sm27-public-body :is(.sm27-home,.sm27-profile,.sm27-warta-page,.sm27-misa-page,.sm27-media-page,.sm27-donation-page,.sm27-contact-page,.sm27-search-page,.sm27-news-detail,.sm27-pdetail-page,.sm27-misa-detail) {
    font-family: inherit;
    --sm-ease: cubic-bezier(.22,.72,.18,1);
}
.sm27-public-body .sm27-home .sm27-section-white {
    background: rgba(255,253,249,.55) !important;
}
.sm27-public-body .sm27-home .sm27-section-soft {
    background: transparent !important;
}
.sm27-public-body .sm27-404 {
    --m27-ink: var(--sm-ink);
    --m27-muted: var(--sm-muted);
    background: var(--martinus-canvas);
}

/* Public navigation. Reserve the logo's space even while search expands. */
@media (min-width:992px) {
    .sm27-public-body .sm27-desktop-controls {
        width: calc(100% - 212px);
        gap: 10px;
    }
    .sm27-public-body .sm27-desktop-nav {
        flex: 0 1 auto;
        min-width: 0;
    }
    .sm27-public-body .sm27-nav-link {
        min-width: 0;
        padding: 0 clamp(8px,1.05vw,13px);
    }
    .sm27-public-body .sm27-desktop-search-pill {
        flex-shrink: 1;
        min-width: 40px;
    }
    .sm27-public-body .sm27-header.sm27-scrolled .sm27-desktop-nav {
        transform: none;
        padding: 3px;
    }
    .sm27-public-body .sm27-header.sm27-scrolled .sm27-nav-link {
        min-height: 31px;
    }
}
.sm27-public-body :is(.sm27-desktop-nav,.sm27-desktop-search-pill,.sm27-logo,.sm27-mobile-header),
.sm27-public-body .sm27-header.sm27-scrolled :is(.sm27-desktop-nav,.sm27-desktop-search-pill,.sm27-logo) {
    background: var(--sm-glass);
    border-color: rgba(255,255,255,.78);
    box-shadow: var(--sm-glass-shadow);
    backdrop-filter: blur(18px) saturate(165%);
    -webkit-backdrop-filter: blur(18px) saturate(165%);
}
.sm27-public-body .sm27-desktop-search-pill:focus-within,
.sm27-public-body .sm27-header.sm27-scrolled .sm27-desktop-search-pill:focus-within {
    background: linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,255,255,.54)),rgba(246,242,235,.62);
}
.sm27-public-body :is(.sm27-topbar,.sm27-mainbar,.sm27-mainbar-inner,.sm27-desktop-nav,.sm27-logo,.sm27-nav-link,.sm27-desktop-search-pill,.sm27-desktop-search-pill-icon,.sm27-desktop-search-pill-input) {
    transition-duration: var(--sm-morph);
    transition-timing-function: var(--sm-ease);
}
.sm27-public-body :is(.sm27-mainbar,.sm27-mainbar-inner) {
    transition-property: min-height;
}
.sm27-public-body .sm27-desktop-search-pill {
    transition-property: width,flex-basis,height,background,box-shadow;
}
.sm27-public-body .sm27-nav-link {
    transition-property: min-height,color,background,transform;
}
.sm27-public-body .sm27-desktop-search-pill-icon,
.sm27-public-body .sm27-desktop-search-pill:focus-within .sm27-desktop-search-pill-icon {
    left: 13px;
    transform: translateY(-50%);
}

/* A single material for sheets; inner controls do not add another blur. */
:is(.sm27-public-body,.sm27-admin-body) .sm27-mobile-sheet {
    background: linear-gradient(135deg,rgba(255,255,255,.84),rgba(250,247,241,.76)),rgba(246,242,235,.66);
    border-color: rgba(255,255,255,.9);
    box-shadow: 0 24px 64px rgba(37,34,31,.18),inset 0 1px 0 #fff;
    backdrop-filter: blur(20px) saturate(155%);
    -webkit-backdrop-filter: blur(20px) saturate(155%);
    transition-duration: var(--sm-morph),220ms,520ms;
    transition-timing-function: var(--sm-ease),ease,ease;
}
:is(.sm27-public-body,.sm27-admin-body) :is(.sm27-mobile-search input,.sm27-mobile-admin-search input,.sm27-mobile-link,.sm27-mobile-item) {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Content surfaces: consistent edge, radius and depth across public pages. */
.sm27-public-body :is(
    .sm27-info-card:not(.is-red),.sm27-news-card,.sm27-warta-news-card,.sm27-warta-announcement,
    .sm27-misa-card,.sm27-misa-side,.sm27-person-card,.sm27-stat-card,.sm27-accordion,
    .sm27-contact-card,.sm27-map-card,.sm27-result-card,.sm27-empty-card,.sm27-donation-card,
    .sm27-media-card,.sm27-news-article-card,.sm27-news-comments,.sm27-news-sidebar-card,
    .sm27-pdetail-card,.sm27-pdetail-side,.sm27-404-card
) {
    background: var(--sm-surface) !important;
    border: 1px solid var(--sm-edge) !important;
    border-radius: var(--sm-radius);
    box-shadow: var(--sm-shadow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: transform 360ms var(--sm-ease),box-shadow 360ms var(--sm-ease),border-color var(--sm-fast) ease !important;
}
.sm27-public-body :is(.sm27-profile-hero-card,.sm27-warta-hero-glass,.sm27-misa-hero-glass,.sm27-media-hero-glass,.sm27-donation-hero-glass,.sm27-contact-hero-glass,.sm27-search-hero-glass,.sm27-news-detail-hero-glass,.sm27-pdetail-hero-glass) {
    background: linear-gradient(135deg,rgba(255,255,255,.09),transparent 65%),rgba(37,34,31,.60) !important;
    border: 1px solid rgba(255,255,255,.26);
    box-shadow: 0 18px 48px rgba(20,17,14,.16),inset 0 1px 0 rgba(255,255,255,.24);
    backdrop-filter: blur(16px) saturate(140%);
    -webkit-backdrop-filter: blur(16px) saturate(140%);
}
.sm27-public-body :is(.sm27-warta-filter,.sm27-filter-container) {
    background: var(--sm-glass) !important;
    border: 1px solid rgba(255,255,255,.9);
    box-shadow: var(--sm-glass-shadow) !important;
    backdrop-filter: blur(16px) saturate(150%);
    -webkit-backdrop-filter: blur(16px) saturate(150%);
}
.sm27-public-body :is(.sm27-warta-filter-btn,.sm27-filter-container button) {
    transition: color var(--sm-fast) ease,background var(--sm-fast) ease,box-shadow var(--sm-fast) ease;
}
.sm27-public-body :is(.sm27-warta-filter-btn.active,.sm27-filter-container button.active) {
    background: var(--sm-accent);
    color: #fff;
    box-shadow: 0 4px 12px rgba(90,23,37,.16);
}
.sm27-public-body :is(.sm27-control,.sm27-form-control,.sm27-input,.sm27-select) {
    background: rgba(255,255,255,.86) !important;
    border-color: rgba(90,23,37,.20) !important;
    border-radius: 14px;
    color: var(--sm-ink);
    min-height: 46px;
    font-size: 16px;
    transition: border-color var(--sm-fast) ease,box-shadow var(--sm-fast) ease,background var(--sm-fast) ease;
}
.sm27-public-body :is(.sm27-control,.sm27-form-control,.sm27-input,.sm27-select):focus {
    border-color: var(--sm-accent) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(90,23,37,.09) !important;
}
.sm27-public-body :is(.sm27-btn-submit,.sm27-btn-primary,.sm27-comment-submit,.sm27-btn-detail,.sm27-action-primary) {
    background: linear-gradient(145deg,#6d2635,#5a1725) !important;
    color: #fff !important;
    border-color: rgba(90,23,37,.30);
    box-shadow: 0 7px 18px rgba(90,23,37,.15),inset 0 1px 0 rgba(255,255,255,.16);
    transition: transform var(--sm-fast) var(--sm-ease),box-shadow var(--sm-fast) ease;
}
.sm27-public-body .sm27-info-card.is-red {
    background:linear-gradient(145deg,#702738,#5a1725);
    color:#fff !important;
}
.sm27-public-body .sm27-info-card.is-red p { color:rgba(255,255,255,.9); }

/* Public footer: a readable espresso panel with a softly lit glass edge. */
.sm27-public-body .sm27-footer {
    --f-muted: #e5d9ca;
    --f-soft: #cfc1b1;
    --f-ease: var(--sm-ease);
    padding: 38px 20px 24px;
    background: linear-gradient(180deg,#eee5d8,#e7dac7);
    border-top: 0;
}
.sm27-public-body .sm27-footer::before {
    width: 55%;
    height: 300px;
    left: -10%;
    top: 0;
    background: rgba(90,23,37,.12);
    filter: blur(45px);
}
.sm27-public-body .sm27-footer > .container {
    position: relative;
    padding: clamp(26px,4vw,48px);
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 32px;
    background: radial-gradient(ellipse at 0 0,rgba(216,195,165,.18),transparent 58%),linear-gradient(135deg,rgba(255,255,255,.07),transparent 48%),rgba(37,34,31,.96);
    box-shadow: 0 18px 42px rgba(48,34,24,.14),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(0,0,0,.12);
}
.sm27-public-body .sm27-footer-accent { display:none; }
.sm27-public-body .sm27-footer-intro { margin-bottom:32px; }
.sm27-public-body .sm27-footer-intro-title {
    font-size: clamp(2rem,3.7vw,3.15rem);
    line-height: 1.08;
    letter-spacing: -.04em;
}
.sm27-public-body .sm27-footer-intro-icon {
    background: linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.03));
    border-color: rgba(255,255,255,.23);
    color: #eadac5;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
}
.sm27-public-body .sm27-footer-intro-verse { color:#cfc1b1; }
.sm27-public-body .sm27-footer-grid { gap:32px; }
.sm27-public-body :is(.sm27-footer-link,.sm27-contact-text,.sm27-footer-quote,.sm27-news-title) {
    font-size: 15px;
    line-height: 1.65;
}
.sm27-public-body .sm27-footer-link {
    min-height: 44px;
    align-items: center;
}
.sm27-public-body .sm27-footer-link i { margin-top:0; color:#bca68b; }
.sm27-public-body .sm27-copyright { font-size:12px; }
.sm27-public-body .sm27-social-link {
    width:42px;
    height:42px;
    border-color:rgba(255,255,255,.18);
    background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.sm27-public-body .sm27-footer :is(a,button):focus-visible {
    outline: 3px solid #e7d4b9 !important;
    outline-offset: 3px !important;
}

/* Admin: the same reading surfaces, without re-styling status/alert colors. */
.sm27-admin-body .sm27-admin-content :is(
    .glass-card,.sm27-form-card,.master-stat,.master-menu-card,.master-chart-card,
    .donasi-panel,.donasi-stat,.donasi-hero,.am-card,.misa-detail-card,.sm27-admin-search-card,.sm27-admin-search-hero
) {
    background: var(--sm-surface) !important;
    border: 1px solid var(--sm-edge) !important;
    border-radius: var(--sm-radius) !important;
    box-shadow: var(--sm-shadow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: box-shadow 360ms var(--sm-ease),transform 360ms var(--sm-ease) !important;
}
.sm27-admin-body .sm27-admin-content :is(.glass-breadcrumb,.sm27-form-breadcrumb,.misa-breadcrumb,.am-breadcrumb) {
    background: rgba(255,253,249,.57) !important;
    border-color: var(--sm-edge) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.sm27-admin-body .sm27-admin-content :is(.glass-search,.glass-select,.glass-control,.donasi-input,.donasi-select,.sm27-admin-search-input) {
    background: rgba(255,255,255,.85) !important;
    color: var(--sm-ink);
    border: 1px solid rgba(90,23,37,.20) !important;
    border-radius:14px;
    min-height:44px;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    transition:border-color var(--sm-fast) ease,box-shadow var(--sm-fast) ease;
}
.sm27-admin-body .sm27-admin-content :is(.glass-search,.glass-select,.glass-control,.donasi-input,.donasi-select,.sm27-admin-search-input):focus {
    border-color:var(--sm-accent) !important;
    box-shadow:0 0 0 4px rgba(90,23,37,.09) !important;
}
.sm27-admin-body .sm27-admin-content :is(.glass-thead,.donasi-table th,.am-table th) {
    background:rgba(216,195,165,.24) !important;
}
.sm27-admin-body .sm27-admin-content :is(.table-container,.donasi-table-wrap,.am-table-wrap) {
    border-color:var(--sm-edge);
    border-radius:18px;
}
.sm27-admin-body .sm27-admin-content .pagination.glass-pagination > .page-item > .page-link {
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}
.sm27-admin-body .sm27-admin-content :is(.btn-glass-primary,.btn-primary-glass,.sm27-form-btn-primary,.sm27-admin-search-submit) {
    background:linear-gradient(145deg,#6d2635,#5a1725) !important;
    color:#fff !important;
    border-color:var(--sm-accent) !important;
    box-shadow:0 7px 18px rgba(90,23,37,.15),inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.sm27-admin-body .master-hero :is(h1,h2,h3,h4) { color:#fff; }
.sm27-admin-body .master-progress-card {
    background:linear-gradient(135deg,rgba(216,195,165,.12),transparent 65%),#302925;
    border-color:rgba(255,255,255,.22);
    box-shadow:0 12px 30px rgba(37,34,31,.12),inset 0 1px 0 rgba(255,255,255,.2);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}
.sm27-admin-body .master-progress-title i { color:#e4c8a5; }
.sm27-admin-body .master-progress-meta { color:#ded1c2; }
.sm27-admin-body .master-progress .progress-bar { background:linear-gradient(90deg,#965668,#d8bda3); }
.sm27-admin-body .master-print-btn,
.sm27-admin-body .master-print-btn:hover { background:linear-gradient(145deg,#7b3040,#5a1725); }
.sm27-admin-body .master-section-title::before { background:var(--sm-accent); }

/* The footer reads the navbar's scroll state; its clock cannot resize text. */
.sm27-admin-body .ios-glass-footer,
.sm27-admin-body .ios-glass-footer.scrolled {
    background:var(--sm-glass);
    color:var(--sm-muted);
    border-color:rgba(255,255,255,.80);
    box-shadow:var(--sm-glass-shadow);
    backdrop-filter:blur(18px) saturate(165%);
    -webkit-backdrop-filter:blur(18px) saturate(165%);
    font-size:12px;
    transition:width var(--sm-morph) var(--sm-ease),min-height var(--sm-morph) var(--sm-ease),padding var(--sm-morph) var(--sm-ease),bottom var(--sm-morph) var(--sm-ease);
}
.sm27-admin-body .ios-glass-footer::before {
    background:linear-gradient(135deg,rgba(255,255,255,.38),transparent 42%,rgba(255,255,255,.05));
}
.sm27-admin-body .glass-footer-brand {
    background:none;
    color:var(--sm-accent);
    -webkit-text-fill-color:currentColor;
    letter-spacing:.04em;
}
.sm27-admin-body .glass-footer-user,
.sm27-admin-body #real-time-clock span:not(.glass-footer-divider) { color:var(--sm-ink) !important; }
.sm27-admin-body .glass-footer-divider { color:rgba(90,23,37,.26); }
.sm27-admin-body .footer-content-wrapper { gap:16px; }
.sm27-admin-body #real-time-clock { font-variant-numeric:tabular-nums; white-space:nowrap; }
.sm27-admin-body .ios-glass-footer p { line-height:1.45; }
.sm27-admin-body .sm27-admin-content-end { height:88px; }

/* Standalone sign-in shares the palette and remains scrollable on short screens. */
html.sm27-login-root { height:auto; overflow:auto; }
body.sm27-login-body {
    height:auto;
    min-height:100vh;
    min-height:100dvh;
    overflow-x:hidden;
    overflow-y:auto;
    background-image:linear-gradient(135deg,rgba(37,34,31,.65),rgba(58,26,32,.82)),url('../admin/background-login/background.JPEG');
    background-attachment:scroll;
}
.sm27-login-body::before { background:radial-gradient(circle,rgba(216,195,165,.18),transparent 68%); }
.sm27-login-body::after { background:radial-gradient(circle,rgba(90,23,37,.25),transparent 65%); }
.sm27-login-body .login-card-container {
    margin:24px 0;
    background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 60%),rgba(37,34,31,.72);
    border:1px solid rgba(255,255,255,.29);
    box-shadow:0 24px 64px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.32);
    backdrop-filter:blur(20px) saturate(150%);
    -webkit-backdrop-filter:blur(20px) saturate(150%);
    animation-duration:var(--sm-morph);
    animation-timing-function:var(--sm-ease);
}
.sm27-login-body .login-icon-header {
    background:linear-gradient(135deg,#f7f0e6,#d8c3a5);
    color:var(--sm-accent);
    box-shadow:0 8px 24px rgba(0,0,0,.12),inset 0 1px 0 #fff;
}
.sm27-login-body .top-left-brand span { color:#e7d4b9; }
.sm27-login-body .form-control-netflix {
    font-size:16px;
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.27);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.08);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}
.sm27-login-body .form-control-netflix:focus {
    background:rgba(255,255,255,.13);
    border-color:#d8c3a5;
    box-shadow:0 0 0 4px rgba(216,195,165,.14);
}
.sm27-login-body .form-control-netflix::placeholder { color:rgba(255,255,255,.72); }
.sm27-login-body .form-control-netflix:focus ~ i.input-icon { color:#e7d4b9; }
.sm27-login-body .btn-netflix-login {
    background:linear-gradient(145deg,#7b3040,#5a1725);
    box-shadow:0 8px 22px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.23);
}
.sm27-login-body .btn-netflix-login:hover:not(:disabled) {
    background:linear-gradient(145deg,#8a3a4b,#642131);
    box-shadow:0 10px 24px rgba(0,0,0,.2);
    transform:translateY(-2px);
}
.sm27-login-body :is(a,button,input):focus-visible {
    outline:3px solid #e7d4b9;
    outline-offset:3px;
}
.sm27-login-body .form-control-netflix:focus-visible {
    outline:0;
    border-color:#e7d4b9;
    box-shadow:0 0 0 3px rgba(216,195,165,.36);
}

@media (hover:hover) and (pointer:fine) {
    .sm27-public-body :is(.sm27-news-card,.sm27-warta-news-card,.sm27-warta-announcement,.sm27-media-card,.sm27-result-card,.sm27-misa-page .sm27-misa-card):hover,
    .sm27-admin-body .sm27-admin-content .master-menu-card:hover {
        transform:translateY(-3px);
        box-shadow:0 16px 38px rgba(53,38,28,.10),inset 0 1px 0 #fff !important;
    }
}
@media (max-width:767px) {
    :root { --sm-radius:20px; }
    .sm27-public-body .sm27-footer { padding:24px 12px 18px; }
    .sm27-public-body .sm27-footer > .container { padding:28px 22px; border-radius:26px; }
    .sm27-public-body .sm27-footer-grid { gap:28px; }
    .sm27-public-body .sm27-footer-bottom { margin-top:28px; }
    .sm27-public-body .sm27-footer-intro-title { font-size:2rem; }
    .sm27-admin-body .ios-glass-footer,
    .sm27-admin-body .ios-glass-footer.scrolled { font-size:11px; }
    .sm27-admin-body .footer-content-wrapper { gap:8px; }
    .sm27-admin-body .footer-left-side { max-width:none; flex:1 1 0; }
    .sm27-admin-body .footer-left-side p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

/* Preferences apply across all page-local animations, including pseudo-elements. */
/* Important rules in this layer outrank legacy inline stylesheet !important. */
@layer martinus-accessibility {
@media (prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto !important; }
    :is(.sm27-public-body,.sm27-admin-body,.sm27-login-body),
    :is(.sm27-public-body,.sm27-admin-body,.sm27-login-body) *,
    :is(.sm27-public-body,.sm27-admin-body,.sm27-login-body) *::before,
    :is(.sm27-public-body,.sm27-admin-body,.sm27-login-body) *::after {
        animation-duration:.01ms !important;
        animation-delay:0ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        transition-delay:0ms !important;
        scroll-behavior:auto !important;
    }
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
    :root {
        --sm-surface:#faf7f1 !important;
        --sm-glass:#faf7f1 !important;
        --sm-edge:rgba(90,23,37,.35) !important;
    }
    :is(.sm27-public-body,.sm27-admin-body) :is(.sm27-mobile-sheet,.sm27-desktop-nav,.sm27-logo,.sm27-mobile-header,.sm27-desktop-search-pill,.ios-glass-footer,.sm27-warta-filter,.sm27-filter-container) {
        background:#faf7f1 !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }
    .sm27-public-body :is(.sm27-profile-hero-card,.sm27-warta-hero-glass,.sm27-misa-hero-glass,.sm27-media-hero-glass,.sm27-donation-hero-glass,.sm27-contact-hero-glass,.sm27-search-hero-glass,.sm27-news-detail-hero-glass,.sm27-pdetail-hero-glass),
    .sm27-login-body .login-card-container {
        background:#25221f !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }
}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    :root { --sm-glass:#f7f2e9; }
    :is(.sm27-public-body,.sm27-admin-body) .sm27-mobile-sheet { background:#faf7f1; }
    .sm27-login-body .login-card-container { background:#25221f; }
}