.shop-permission-panel { margin:12px 0; color:var(--text-1); }
.shop-permission-views { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.shop-permission-views button, .shop-permission-panel .member-shop-pagination button { min-height:44px; }
.shop-permission-views [aria-pressed="true"] { color:var(--primary); border-color:var(--primary); background:var(--bg); }
.shop-permission-panel button:focus-visible, .shop-permission-panel input:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.shop-permission-card { border:1px solid var(--border); border-radius:var(--radius-sm); margin-top:12px; padding:14px; background:var(--bg); overflow-wrap:anywhere; }
.shop-permission-group-label { display:flex; align-items:flex-start; gap:10px; cursor:pointer; font-weight:600; min-height:44px; }
.shop-permission-group-label input { width:18px; height:18px; margin-top:3px; flex-shrink:0; }
.shop-permission-group-label .member-shop-id { display:block; margin-top:4px; font-weight:400; }
.shop-permission-account { display:flex; align-items:flex-start; gap:10px; padding:12px 0; border-top:1px solid var(--border); margin-top:10px; }
.shop-permission-account-info { min-width:0; flex:1; }
.shop-permission-account-name { font-weight:600; margin-bottom:4px; }
.shop-permission-account-toggle { min-width:76px; min-height:44px; padding:6px 9px; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--bg); color:var(--text-2); cursor:pointer; font-size:12px; }
.shop-permission-account-toggle[aria-pressed="true"] { border-color:var(--primary); color:var(--primary); }
.shop-permission-account-toggle:disabled { cursor:default; opacity:.75; }
.shop-permission-shared, .shop-permission-fallback-reason { color:var(--text-2); font-weight:600; font-size:12px; line-height:1.7; margin-top:6px; }
.shop-permission-scope { margin:4px 0 0; padding-left:18px; font-size:12px; color:var(--text-2); line-height:1.7; }
.shop-permission-fallback h4 { margin:0; font-size:13px; }
.shop-permission-shop-mode [data-perm-department-action] { display:none; }
@media(max-width:600px) { .shop-permission-card { padding:10px; } .shop-permission-account { gap:8px; } .shop-permission-account-toggle { min-width:66px; } }