/* All visual adaptation is limited to this iframe; existing screens are unaffected. */
:root{--brand:var(--soy-primary);--brand-hover:#535be8;--tint:var(--soy-soft);--ink:var(--soy-text);--muted:#767c82;--line:var(--soy-line);--paper:var(--soy-layout);--body:v-sans,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}
[hidden]{display:none!important}
.backend-permissions-page .shell{display:block;min-height:100vh}
.backend-permissions-page .topbar{height:54px;min-height:54px;padding:0 20px;display:flex;background:white;border-bottom:1px solid var(--line)}
.backend-permissions-page .system-tabs{margin:0;height:54px;gap:8px}
.backend-permissions-page .system-tab{padding:0 20px;color:#555;border-bottom-width:2px}
.backend-permissions-page .system-tab.active{color:var(--brand);font-weight:500}
.backend-permissions-page .topright{margin-left:auto}.backend-permissions-page .actor-wrap,.backend-permissions-page #actorAvatar,.backend-permissions-page .account-separate{display:none}
.backend-permissions-page .main{padding:20px;max-width:none}
.backend-permissions-page .heading{margin-bottom:20px}.backend-permissions-page .heading h1{font-size:20px;font-weight:600}
.backend-permissions-page .heading p{font-size:13px;line-height:1.8}.backend-permissions-page .page-links{gap:18px}
.backend-permissions-page .backend-sections{background:#fff;border:1px solid var(--line);padding:0;width:100%;gap:8px;margin:0 0 16px}
.backend-permissions-page .backend-section{border-radius:0;padding:13px 20px}
.backend-permissions-page .backend-section.active{box-shadow:inset 0 -2px var(--brand);color:var(--brand)}
.backend-permissions-page :is(.editor,.shop-layout,.user-directory,.partner-panel){border-radius:8px;box-shadow:0 1px 3px rgb(0 21 41 / 3%);border-color:var(--line)}
.backend-permissions-page .editor{min-height:530px;height:calc(100dvh - 235px)}
.backend-permissions-page :is(.people,.sr-sidebar,.shop-list,.summary){background:#fafafc}
.backend-permissions-page :is(.role-choice.active,.shop-choice.active,.person.active,.scope-chip,.entity-banner,.invite-note,.entity-single-banner,.found-user){background:var(--soy-soft);color:var(--brand)}
.backend-permissions-page :is(.role-choice,.shop-choice,.person):hover{background:#f4f4fa}
.backend-permissions-page .button{border-radius:6px;font-weight:400;padding:8px 16px}
.backend-permissions-page .light-button{border-radius:6px;padding:8px 16px}
.backend-permissions-page :is(.entity-balance,.invite-qr,.multi-capability){background:#f8f8ff}
.backend-permissions-page :is(.partner-simple-table,.directory-table,.store-members,.invite-approval-list) th{background:#fafafc;color:#767c82}
.backend-permissions-page :is(.partner-simple-table,.directory-table) td{padding-top:16px;padding-bottom:16px}
.backend-permissions-page :is(.sr-perms,.permissions){scrollbar-width:thin}
.backend-permissions-page .group-head{background:#fafafc}
.backend-permissions-page .perm-meta{background:var(--soy-soft);color:var(--brand)}
.backend-permissions-page dialog{border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 48px #20203826}
.backend-permissions-page dialog::backdrop{background:#10102866}
.backend-permissions-page .toast{background:#303044;color:#fff}
.backend-permissions-page .footnote{gap:12px;line-height:1.8;flex-wrap:wrap;color:#8b8b96;margin-top:14px}
#backendPermissionGate{margin:24px;padding:32px;background:#fff;border:1px solid var(--soy-line);border-radius:8px;color:var(--soy-text)}
@media(max-width:1050px){.backend-permissions-page .heading{align-items:flex-start;gap:12px}.backend-permissions-page .page-links{flex-wrap:wrap;justify-content:flex-end}.backend-permissions-page #permissionGroups{display:block}}
@media(max-width:650px){.backend-permissions-page .main{padding:12px}.backend-permissions-page .topbar{padding:0 12px;display:flex;height:50px;min-height:50px}.backend-permissions-page .system-tabs{height:50px}.backend-permissions-page .heading{display:block}.backend-permissions-page .heading p{max-width:none}.backend-permissions-page .page-links{justify-content:flex-start;margin-top:10px}.backend-permissions-page .editor{height:auto;min-height:0}.backend-permissions-page .backend-section{padding:12px}.backend-permissions-page .footnote span:last-child{display:block}}

.backend-permissions-page[data-permission-system] .backend-sections{align-items:center;flex-wrap:wrap}
.backend-permissions-page[data-permission-system] .backend-sections .page-links{margin:0 0 0 auto;padding:0 20px;align-items:center;justify-content:flex-end;gap:18px}
@media(max-width:650px){.backend-permissions-page[data-permission-system] .backend-sections .page-links{flex-basis:100%;flex-wrap:wrap;padding:0 12px 12px;gap:14px}}
