:root{--ink:#303830;--muted:#707a70;--accent:#60755c;--line:#dce5da;--paper:#fffef9;--blush:#eef3ea;--shadow:0 18px 50px rgba(55,72,56,.09)}
.permissions-shell{display:grid;gap:16px}.permissions-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.permissions-heading h3{margin:0}.permissions-owner-chip{background:#e6eee2;border:1px solid #d2dfcd;color:#567052;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.permission-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px}.permission-legend>div{border:1px solid var(--line);background:#fbfcf8;border-radius:14px;padding:12px 14px}.permission-legend strong,.permission-legend span{display:block}.permission-legend span{font-size:12px;color:var(--muted);margin-top:3px}.permission-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;box-shadow:0 7px 20px rgba(55,72,56,.05)}.permission-person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center}.permission-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#e4ece0,#f4f2e9);color:#5b7357;font-weight:900;font-size:17px}.permission-member-copy{min-width:0}.permission-member-copy strong,.permission-member-copy span{display:block}.permission-member-copy span{font-size:12px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-status{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:850}.permission-status.manager{background:#e9f4ed;color:#42735a}.permission-status.participant{background:#f5f1ee;color:#756a65}.permission-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.permission-field-label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.permission-controls select{margin-top:0}.permission-help{font-size:12px;color:var(--muted);margin-top:9px}.permission-actions{display:flex;justify-content:flex-end;margin-top:12px}@media(max-width:760px){.permissions-heading{display:grid}.permissions-owner-chip{width:max-content}.permission-legend,.permission-controls{grid-template-columns:1fr}.permission-person{grid-template-columns:auto minmax(0,1fr)}.permission-status{grid-column:2;width:max-content}.permission-actions .btn{width:100%}}