/* Per-account appearance and role management. Public pages keep their own theme. */
.sm27-login-body #password { padding-right:64px !important; }
.sm27-login-body #password::-ms-reveal { display:none; }
.sm27-login-body #password::-ms-clear { display:none; }
.sm27-login-body .toggle-password {
    display:inline-flex; align-items:center; justify-content:center;
    width:40px; height:40px; min-height:40px; padding:8px;
    right:8px; top:50%; transform:translateY(-50%);
    border:0; border-radius:12px; background:transparent;
    color:#e7d7c7; appearance:none; cursor:pointer; z-index:1;
    transition:background 180ms ease,color 180ms ease;
}
.sm27-login-body .toggle-password:hover { color:#fff; background:rgba(255,255,255,.10); }
.sm27-login-body .toggle-password:focus-visible { outline:2px solid #e7d4b9; outline-offset:1px; }
.sm27-login-body .toggle-password svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.sm27-login-body .sm27-eye-slash { display:none; }
.sm27-login-body .toggle-password[aria-pressed="true"] .sm27-eye-slash { display:block; }

.sm27-theme-switch {
    width:100%; min-height:60px; display:flex; align-items:center; gap:10px;
    margin:10px 0 0; padding:10px 12px; border:1px solid rgba(255,255,255,.14);
    border-radius:16px; background:rgba(255,255,255,.06); color:#fff;
    font:inherit; text-align:left; cursor:pointer;
    transition:background 220ms ease,border-color 220ms ease;
}
.sm27-theme-switch:hover { background:rgba(255,255,255,.12); }
.sm27-theme-switch:disabled { cursor:progress; opacity:.72; }
.sm27-theme-icon { width:22px; color:#dec8ac; font-size:18px; }
.sm27-theme-copy { flex:1; min-width:0; }
.sm27-theme-copy strong { display:block; font-size:13px; line-height:1.5; }
.sm27-theme-copy small { display:block; font-size:11px; line-height:1.5; opacity:.72; }
.sm27-theme-track { flex:0 0 42px; width:42px; height:25px; padding:3px; border-radius:999px; background:rgba(255,255,255,.22); box-shadow:inset 0 1px 2px rgba(0,0,0,.2); }
.sm27-theme-track > span { display:block; width:19px; height:19px; border-radius:50%; background:#fffaf4; box-shadow:0 2px 5px rgba(0,0,0,.2); transition:transform 280ms cubic-bezier(.22,.72,.18,1); }
.sm27-theme-switch[aria-checked="true"] .sm27-theme-track { background:#95616d; }
.sm27-theme-switch[aria-checked="true"] .sm27-theme-track > span { transform:translateX(17px); }
.sm27-theme-status { margin:3px 2px 0; min-height:0; font-size:11px; color:inherit; line-height:1.5; }
.sm27-theme-status:empty { display:none; }
.sm27-mobile-footer .sm27-theme-switch { margin:0 0 6px; color:#2e2925; border-color:rgba(90,23,37,.12); background:rgba(255,255,255,.3); }
.sm27-mobile-footer .sm27-theme-track { background:rgba(90,23,37,.20); }
.sm27-mobile-footer .sm27-theme-icon { color:#5a1725; }
.sm27-mobile-footer .sm27-theme-status { color:#685d53; margin:3px 8px 8px; }
.sm27-admin-navbar .sm27-profile-panel { max-height:calc(100dvh - 95px); overflow-y:auto; }

.sm27-roles-page { width:min(1280px,100%); margin:auto; padding:26px 14px 40px; color:var(--sm-ink); }
.sm27-roles-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 28px; }
.sm27-roles-heading h1 { margin:10px 0 8px; font-size:clamp(28px,3vw,38px); line-height:1.15; letter-spacing:-.035em; color:var(--sm-ink); }
.sm27-roles-heading p { margin:0; color:var(--sm-muted); }
.sm27-roles-back { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:650; }
.sm27-roles-layout { display:grid; grid-template-columns:285px minmax(0,1fr); gap:24px; align-items:start; }
.sm27-role-sidebar { padding:14px; border:1px solid var(--sm-edge); border-radius:24px; background:var(--sm-glass); box-shadow:var(--sm-shadow); }
.sm27-role-sidebar-title { display:flex; justify-content:space-between; gap:8px; padding:6px 8px 16px; font-size:11px; font-weight:750; letter-spacing:.08em; color:var(--sm-muted); }
.sm27-admin-content .sm27-role-nav { display:flex; align-items:center; gap:10px; padding:13px 12px; margin:3px 0; border:1px solid transparent; border-radius:15px; color:var(--sm-ink); text-decoration:none; transition:background 200ms ease; }
.sm27-role-nav > span:first-child { flex:1; min-width:0; }
.sm27-role-nav strong { display:block; font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
.sm27-role-nav small { display:block; margin-top:5px; font-size:11px; }
.sm27-admin-content .sm27-role-nav.active,.sm27-role-nav:hover { background:rgba(90,23,37,.065); border-color:var(--sm-edge); }
.sm27-role-count { flex:0 0 auto; display:grid; place-items:center; min-width:28px; height:28px; border-radius:9px; background:rgba(90,23,37,.07); color:var(--sm-accent); font-size:12px; font-weight:700; }
.sm27-role-panels { display:flex; flex-direction:column; gap:20px; min-width:0; }
.sm27-role-card { min-width:0; padding:28px; border:1px solid var(--sm-edge); border-radius:24px; background:var(--sm-surface); box-shadow:var(--sm-shadow); }
.sm27-role-section-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:20px; }
.sm27-role-card h2 { margin:0; font-size:21px; line-height:1.3; letter-spacing:-.025em; overflow-wrap:anywhere; }
.sm27-role-label { flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border:1px solid var(--sm-edge); border-radius:99px; font-size:11px; color:var(--sm-muted); }
.sm27-role-card fieldset { min-width:0; margin:0; padding:0; border:0; }
.sm27-role-fields { display:grid; gap:16px; }
.sm27-role-card label { display:block; margin:0; color:var(--sm-ink); font-weight:650; }
.sm27-role-card :is(input:not([type=hidden]):not([type=checkbox]),select,textarea) { display:block; width:100%; min-width:0; min-height:46px; margin-top:8px; padding:11px 13px; border:1px solid var(--sm-edge); border-radius:13px; background:rgba(255,255,255,.72); color:var(--sm-ink); font:inherit; font-size:15px; }
.sm27-role-card textarea { resize:vertical; }
.sm27-role-card :is(input,textarea,select):focus { border-color:var(--sm-accent); }
.sm27-role-card :disabled { cursor:not-allowed; }
.sm27-role-permission-head { margin:28px 0 16px; }
.sm27-role-permission-head h3 { margin:0 0 5px; font-size:17px; }
.sm27-role-permission-head span { font-size:13px; color:var(--sm-muted); }
.sm27-permission-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sm27-role-card .sm27-permission-group { padding:12px; border:1px solid var(--sm-edge); border-radius:16px; }
.sm27-permission-group legend { width:auto; padding:0 5px; margin:0; color:var(--sm-accent); font-size:13px; font-weight:750; }
.sm27-role-card .sm27-permission-option { display:flex; align-items:flex-start; gap:9px; min-height:40px; padding:9px 2px; cursor:pointer; font-size:13px !important; font-weight:500; line-height:1.45; }
.sm27-permission-option input { flex:0 0 17px; width:17px; height:17px; margin-top:1px; accent-color:#864354; }
.sm27-role-hint { margin:16px 4px 0; font-size:13px !important; color:var(--sm-muted); line-height:1.65; }
.sm27-role-actions { display:flex; justify-content:flex-end; margin-top:22px; }
.sm27-role-button { display:inline-flex; min-height:44px; align-items:center; justify-content:center; gap:8px; padding:10px 16px; border:1px solid var(--sm-edge); border-radius:999px; background:rgba(255,255,255,.62); color:var(--sm-accent) !important; font:inherit; font-size:13px; font-weight:700; cursor:pointer; text-decoration:none !important; transition:background 180ms ease,box-shadow 180ms ease; }
.sm27-admin-content .sm27-role-button.primary { color:#fff !important; border-color:transparent; background:linear-gradient(135deg,#783043,#5a1725); box-shadow:0 7px 20px rgba(90,23,37,.17); }
.sm27-role-button:hover { box-shadow:0 6px 18px rgba(90,23,37,.12); }
.sm27-role-button.subtle { min-height:36px; padding:6px 12px; font-size:12px; }
.sm27-role-button:disabled { opacity:.5; cursor:not-allowed; }
.sm27-role-add-member,.sm27-role-delete { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; margin:20px 0 8px; }
.sm27-role-add-member > label,.sm27-role-delete > label { flex:1 1 230px; min-width:0; }
.sm27-role-member { display:flex; align-items:center; gap:12px; padding:16px 0; border-bottom:1px solid var(--sm-edge); }
.sm27-role-member:last-child { border-bottom:0; padding-bottom:0; }
.sm27-role-avatar { flex:0 0 36px; height:36px; display:grid; place-items:center; border-radius:12px; background:rgba(90,23,37,.07); color:var(--sm-accent); }
.sm27-role-member-info { flex:1; min-width:0; overflow-wrap:anywhere; }
.sm27-role-member-info strong { display:block; font-size:14px; }
.sm27-role-member-info span { font-size:12px; color:var(--sm-muted); }
.sm27-role-danger { border-color:rgba(169,70,83,.26); }
.sm27-role-danger h2 { color:#8b3545; }
.sm27-role-danger p { margin-top:10px; }
.sm27-role-button.danger { background:rgba(166,51,69,.075); color:#8b3545 !important; }
.sm27-role-notice { padding:15px 18px; margin-bottom:20px; border:1px solid var(--sm-edge); border-radius:16px; background:rgba(216,195,165,.3); color:var(--sm-ink); font-size:14px; line-height:1.6; }
.sm27-role-notice.error { border-color:rgba(166,51,69,.28); color:#8b3545; background:rgba(166,51,69,.07); }

:root[data-admin-theme="dark"] {
    color-scheme:dark;
    --sm-ink:#f1e7dd; --sm-muted:#c2b4a6; --sm-accent:#e4b4bf;
    --sm-surface:#292420; --sm-surface-solid:#292420; --sm-edge:rgba(235,212,189,.17);
    --sm-shadow:0 12px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.065);
    --sm-glass:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.025) 48%,rgba(216,195,165,.04)),rgba(33,29,26,.78);
    --sm-glass-shadow:0 12px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.16);
    --martinus-canvas:radial-gradient(ellipse at 0 0,rgba(139,60,80,.09),transparent 40%),linear-gradient(180deg,#1c1917,#201b18);
}
/* Layered important rules override the legacy per-page inline stylesheets.
   Accessibility is an earlier layer, so its important rules remain stronger. */
@layer sm27-admin-dark {
    /* Umat helper labels use div/span elements outside the generic text rules. */
    [data-admin-theme="dark"] .umat-input-page :is(.environment-name,.umat-entry-title,.add-more-copy strong) { color:var(--sm-ink) !important; }
    [data-admin-theme="dark"] .umat-input-page .environment-label { color:var(--sm-accent) !important; }
    [data-admin-theme="dark"] .umat-input-page :is(.environment-help,.add-more-copy span,.entry-limit) { color:var(--sm-muted) !important; opacity:1 !important; }
    [data-admin-theme="dark"] .umat-input-page .add-more-wrap { background:rgba(216,195,165,.055) !important; border-color:var(--sm-edge) !important; }
    [data-admin-theme="dark"] .umat-input-page .remove-umat { background:rgba(216,195,165,.085) !important; color:var(--sm-accent) !important; border-color:var(--sm-edge) !important; }
    [data-admin-theme="dark"] body.sm27-admin-body { background:var(--martinus-canvas) !important; color:var(--sm-ink) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(h1,h2,h3,h4,h5,h6,p,label,th,td,small,.text-muted,.glass-title,.sm27-form-title,.master-stat-value,.master-stat-label,.master-section-title,.master-chart-title,.am-card-title) { color:var(--sm-ink) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.text-muted,small,.sm27-form-help,.master-section-description,.master-menu-desc,.master-stat-label,.filter-label,.muted-note,.help-text) { color:var(--sm-muted) !important; opacity:1 !important; }
    [data-admin-theme="dark"] .sm27-admin-content a { color:var(--sm-accent) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.donasi-stat-value,.donasi-name,.am-role-item strong,.breadcrumb-item.active,.master-role-label) { color:var(--sm-ink) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.donasi-stat-label,.donasi-kicker) { color:var(--sm-accent) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.master-section-sub,.donasi-email) { color:var(--sm-muted) !important; opacity:1 !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.am-profile-summary strong,.sm27-admin-search-kicker) { color:var(--sm-accent) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.am-profile-summary span,.am-help,.sm27-admin-search-summary span,.sm27-admin-search-meta,#messageAutoText,#commentAutoText,[style*="color:#777"]) { color:var(--sm-muted) !important; }
    [data-admin-theme="dark"] .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,.sm27-role-card) { background:var(--sm-surface) !important; color:var(--sm-ink) !important; border-color:var(--sm-edge) !important; box-shadow:var(--sm-shadow) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.glass-breadcrumb,.sm27-form-breadcrumb,.misa-breadcrumb,.am-breadcrumb,.breadcrumb,.filter-box,.umat-entry,.environment-lock,.role-note,.misa-summary,.misa-offering,.am-profile-summary,.am-role-item,.sm27-form-photo-row) { background:rgba(216,195,165,.055) !important; color:var(--sm-ink) !important; border-color:var(--sm-edge) !important; box-shadow:none !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.glass-title,.sm27-form-title,.master-section-title,.am-card-title)::before { background:#c68a9a !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.form-control,.custom-select,.sm27-form-control,.glass-search,.glass-select,.glass-control,.donasi-input,.donasi-select,.sm27-admin-search-input,.master-chart-select,.sm27-role-card input:not([type=hidden]):not([type=checkbox]),.sm27-role-card textarea,.sm27-role-card select,#adminReplyText) { background:#211d1a !important; color:#f1e7dd !important; border-color:rgba(235,212,189,.25) !important; box-shadow:none !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(input,textarea)::placeholder { color:#b8a89a !important; opacity:1 !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(input,select,textarea):focus { border-color:#d4a5b0 !important; box-shadow:0 0 0 3px rgba(208,144,160,.15) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(input,select,textarea):disabled,
    [data-admin-theme="dark"] .sm27-admin-content [readonly] { background:#302925 !important; color:#c2b4a6 !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.table,.table-container,.donasi-table-wrap,.donasi-table,.am-table,.am-table-wrap,.umat-info-table,.misa-info-table) { background:transparent !important; color:var(--sm-ink) !important; border-color:var(--sm-edge) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.table,.donasi-table,.am-table,.umat-info-table,.misa-info-table) :is(th,td,tr) { border-color:var(--sm-edge) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.glass-thead,.table thead,.donasi-table th,.am-table th,.umat-info-table td:first-child,.misa-info-table td:first-child) { background:rgba(216,195,165,.075) !important; color:#eee0d2 !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.table tbody tr,.am-table tr,.umat-info-table td:last-child,.misa-info-table td:last-child) { background:transparent !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.table,.donasi-table,.am-table) tbody tr:hover { background:rgba(216,195,165,.055) !important; }
    [data-admin-theme="dark"] .sm27-admin-content .table tbody tr.past-misa { background:rgba(153,59,76,.14) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.btn-primary,.btn-success,.btn-info,.btn-danger,.btn-glass-primary,.btn-primary-glass,.sm27-form-btn-primary,.sm27-admin-search-submit,.am-btn,.d-btn.primary,.sm27-role-button.primary) { background:linear-gradient(135deg,#873b4f,#682438) !important; color:#fff !important; border-color:rgba(226,172,184,.25) !important; box-shadow:0 7px 20px rgba(0,0,0,.16) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.action-btn,.sm27-form-btn-secondary,.btn-glass-secondary,.btn-secondary-glass,.btn-add-more,.d-btn:not(.primary),.sm27-role-button:not(.primary),.pager a,.pager span,.pagination .page-link) { background:rgba(216,195,165,.085) !important; color:#edc2cd !important; border-color:var(--sm-edge) !important; box-shadow:none !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.pagination .active .page-link,.pager .active) { background:#873b4f !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
    [data-admin-theme="dark"] .sm27-admin-content .pagination .disabled .page-link { color:#b8aa9c !important; -webkit-text-fill-color:#b8aa9c !important; opacity:.55 !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.badge-glass,.badge-count,.badge-status,.status-badge,.misa-status-badge,.am-role-chip,.am-active-label,.sm27-admin-search-category,.master-stat-icon,.master-menu-icon,.sm27-admin-search-icon,.misa-info-icon,.environment-lock-icon) { background:rgba(216,195,165,.1) !important; color:#e7c6ce !important; border-color:var(--sm-edge) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.highlight-info,.alert-warning) { background:#382d1d !important; color:#f4d5a4 !important; border-color:#a87c36 !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.highlight-info,.alert-warning) p { color:inherit !important; }
    [data-admin-theme="dark"] .sm27-admin-content .glass-alert { background:#233234 !important; color:#d0e5e6 !important; border-color:rgba(172,217,222,.3) !important; }
    [data-admin-theme="dark"] .sm27-admin-content .btn-light { background:rgba(216,195,165,.10) !important; color:#edc2cd !important; border-color:var(--sm-edge) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.alert-danger,.am-alert-error,.sm27-form-alert,.sm27-role-notice.error) { background:#3b2327 !important; color:#ffbbc3 !important; border-color:rgba(228,133,152,.3) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.am-alert,.sm27-role-notice) { background:#302c24 !important; color:#f0dfca !important; border-color:var(--sm-edge) !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.text-danger,.btn-delete,.btn-reject,.sm27-role-button.danger,.sm27-role-danger h2) { color:#ffb7c3 !important; }
    [data-admin-theme="dark"] .sm27-admin-content :is(.master-hero,.master-progress-card) :is(p,h1,h2,h3,small) { color:#f5eadd !important; }
    [data-admin-theme="dark"] .sm27-admin-content .sm27-role-nav.active { background:rgba(226,177,189,.12) !important; color:#f6dee4 !important; }
    [data-admin-theme="dark"] :is(.sm27-role-label,.sm27-role-hint,.sm27-role-member-info span) { color:var(--sm-muted) !important; }
    [data-admin-theme="dark"] #replyModalContent { background:#292420 !important; color:var(--sm-ink) !important; border-color:var(--sm-edge) !important; }
    [data-admin-theme="dark"] :is(.reply-question-card,.reply-modal-header) { background:rgba(216,195,165,.065) !important; color:var(--sm-ink) !important; border-color:var(--sm-edge) !important; }
    [data-admin-theme="dark"] :is(.sm27-admin-navbar,.sm27-admin-navbar.scrolled,.sm27-mobile-bar,.ios-glass-footer,.ios-glass-footer.scrolled) { background:var(--sm-glass) !important; border-color:rgba(255,239,224,.22) !important; box-shadow:var(--sm-glass-shadow) !important; color:var(--sm-ink) !important; }
    [data-admin-theme="dark"] :is(.sm27-admin-navbar,.sm27-mobile-bar)::before { background:radial-gradient(ellipse at var(--sm27-light-x,22%) var(--sm27-light-y,0%),rgba(255,243,226,.12),transparent 64%),linear-gradient(140deg,rgba(255,255,255,.04),transparent) !important; }
    [data-admin-theme="dark"] :is(.sm27-admin-navbar,.sm27-mobile-bar)::after { opacity:.42 !important; }
    [data-admin-theme="dark"] .sm27-admin-navbar .sm27-nav-link { color:#eddfd2 !important; }
    [data-admin-theme="dark"] .sm27-admin-navbar :is(.sm27-nav-link:hover,.sm27-nav-link.active) { background:rgba(225,177,189,.12) !important; color:#f3c8d4 !important; }
    [data-admin-theme="dark"] .sm27-admin-navbar :is(.sm27-dropdown,.sm27-profile-panel,.sm27-search-results) { background:linear-gradient(135deg,rgba(255,255,255,.07),transparent),rgba(31,27,24,.94) !important; border-color:rgba(255,239,224,.22) !important; color:#f1e7dd !important; }
    [data-admin-theme="dark"] :is(.sm27-search-input,.sm27-mobile-admin-search input,.sm27-spotlight-input) { background:rgba(255,255,255,.04) !important; color:#f1e7dd !important; border-color:var(--sm-edge) !important; }
    [data-admin-theme="dark"] :is(.sm27-search-input,.sm27-mobile-admin-search input,.sm27-spotlight-input)::placeholder { color:#c2b4a6 !important; }
    /* The compact desktop control shows only its search icon in either theme. */
    [data-admin-theme="dark"] .sm27-admin-navbar.scrolled:not(.search-active) .sm27-search-input,
    [data-admin-theme="dark"] .sm27-admin-navbar.scrolled:not(.search-active) .sm27-search-input::placeholder { color:transparent !important; }
    [data-admin-theme="dark"] :is(.sm27-search-icon,.sm27-mobile-brand,.sm27-mobile-search-button,.sm27-profile-email,.sm27-mobile-close,.sm27-mobile-title,.sm27-mobile-title-main,.sm27-mobile-title-sub,.sm27-mobile-section-label,.sm27-mobile-subtitle,.sm27-mobile-brand-title,.sm27-mobile-brand-subtitle) { color:#ebd9c7 !important; }
    [data-admin-theme="dark"] :is(.sm27-mobile-sheet,.sm27-spotlight-panel) { background:linear-gradient(135deg,rgba(255,255,255,.07),transparent),rgba(33,29,26,.95) !important; border-color:rgba(255,239,224,.22) !important; color:var(--sm-ink) !important; }
    [data-admin-theme="dark"] :is(.sm27-mobile-item,.sm27-mobile-footer,.sm27-mobile-admin-search-results,.sm27-mobile-admin-search button,.sm27-mobile-close,.sm27-spotlight-close) { background:rgba(255,255,255,.04) !important; color:var(--sm-ink) !important; border-color:var(--sm-edge) !important; box-shadow:none !important; }
    [data-admin-theme="dark"] :is(.sm27-mobile-admin-search-results,.sm27-spotlight-panel) :is(.sm27-search-result,.sm27-search-result-title,.sm27-spotlight-result-title) { color:#f1e7dd !important; }
    [data-admin-theme="dark"] :is(.sm27-mobile-admin-search-results,.sm27-spotlight-panel) :is(.sm27-search-result-meta,.sm27-search-result-excerpt,.sm27-spotlight-result-meta) { color:#c2b4a6 !important; }
    [data-admin-theme="dark"] :is(.sm27-theme-switch,.sm27-mobile-footer .sm27-theme-status,.sm27-mobile-footer .sm27-theme-icon) { color:var(--sm-ink) !important; }
    [data-admin-theme="dark"] .sm27-mobile-footer .sm27-theme-switch { background:rgba(255,255,255,.055) !important; border-color:var(--sm-edge) !important; }
    [data-admin-theme="dark"] .sm27-theme-switch[aria-checked="true"] .sm27-theme-track { background:#95616d !important; }
    [data-admin-theme="dark"] :is(.glass-footer-brand,.glass-footer-user,#real-time-clock span:not(.glass-footer-divider)) { color:#efdfce !important; -webkit-text-fill-color:currentColor !important; }
    [data-admin-theme="dark"] .glass-footer-divider { color:rgba(239,223,206,.28) !important; }
    [data-admin-theme="dark"] :is(.sm27-mobile-mini-brand-title,.sm27-mobile-mini-brand-sub) { color:#ebd9c7 !important; }
    [data-admin-theme="dark"] .sm27-mobile-item i { color:var(--sm-accent) !important; }
    [data-admin-theme="dark"] .sm27-admin-body :is(a,button,input,select,textarea):focus-visible { outline-color:#dbb4bc !important; }
}
@layer martinus-accessibility {
    @media (prefers-contrast:more),(prefers-reduced-transparency:reduce) {
        :root[data-admin-theme="dark"] { --sm-surface:#25211e !important; --sm-glass:#25211e !important; --sm-edge:rgba(240,222,205,.55) !important; }
        [data-admin-theme="dark"] :is(.sm27-admin-navbar,.sm27-admin-navbar.scrolled,.sm27-mobile-bar,.sm27-mobile-sheet,.sm27-spotlight-panel,.ios-glass-footer,.sm27-role-sidebar) { background:#25211e !important; color:#fff !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
        [data-admin-theme="dark"] :is(.sm27-admin-navbar,.sm27-mobile-bar)::before { background:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
    }
}
@media (max-width:991px) {
    .sm27-roles-layout { grid-template-columns:1fr; gap:18px; }
    .sm27-role-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px; }
    .sm27-role-sidebar-title,.sm27-role-sidebar > .sm27-role-hint { grid-column:1/-1; }
}
@media (max-width:575px) {
    .sm27-roles-page { padding:18px 4px 25px; }
    .sm27-roles-heading { align-items:flex-start; flex-direction:column; gap:16px; }
    .sm27-roles-heading h1 { font-size:28px; }
    .sm27-role-sidebar { grid-template-columns:1fr; padding:10px; }
    .sm27-role-card { padding:20px 16px; border-radius:22px; }
    .sm27-permission-grid { grid-template-columns:1fr; }
    .sm27-role-section-heading { flex-wrap:wrap; }
    .sm27-role-member { gap:8px; flex-wrap:wrap; }
    .sm27-role-member-info { flex-basis:150px; }
    .sm27-role-add-member > button,.sm27-role-delete > button,.sm27-role-actions > button { width:100%; }
    .sm27-role-add-member > label,.sm27-role-delete > label { flex-basis:100%; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    :root[data-admin-theme="dark"] { --sm-glass:#28221e; }
}