.legal-member-panel { position: fixed; inset: 0; z-index: 56; overflow-y: auto; padding: 24px max(16px, calc((100vw - 1040px) / 2)) 70px; color: var(--text); background: radial-gradient(circle at 90% 0%, #b38b4c2a, transparent 34%), var(--bg); }
.legal-member-panel:not([hidden]) { display: block; }
.legal-header, .legal-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.legal-header { padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.legal-owner-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 18px 0 26px; }
.legal-owner-grid summary, .legal-add summary { cursor: pointer; color: var(--accent-2); font-weight: 750; }
.legal-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; padding-top: 16px; }
.legal-form label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; }
.legal-form input, .legal-form select, .legal-form textarea { width: 100%; box-sizing: border-box; color: var(--text); background: #0c0f14; border: 1px solid var(--line); border-radius: 11px; padding: 11px 12px; font: inherit; }
.legal-form textarea { resize: vertical; }
.legal-form .legal-wide, .legal-form > p, .legal-form > button { grid-column: 1 / -1; }
.legal-list { display: grid; gap: 11px; margin-top: 16px; }
.legal-card { display: grid; gap: 10px; padding: 16px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, #191b20, #111318); }
.legal-card.is-cancelled, .legal-card.is-done { opacity: .62; }
.legal-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.legal-card h3 { margin: 0; font-size: 17px; }
.legal-card-time { color: var(--accent-2); font-weight: 750; white-space: nowrap; }
.legal-meta { display: flex; flex-wrap: wrap; gap: 7px; color: var(--muted); font-size: 12px; }
.legal-meta span { padding: 5px 8px; border-radius: 999px; background: #ffffff09; }
.legal-card p { margin: 0; line-height: 1.5; color: var(--muted); }
.legal-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.legal-toolbar { margin-top: 20px; }
.legal-toolbar h3 { margin: 0 0 4px; }
.legal-member-row { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 11px 0; border-top: 1px solid var(--line); }
.legal-member-row small { display: block; margin-top: 3px; color: var(--muted); }
.legal-empty { color: var(--muted); padding: 20px; text-align: center; border: 1px dashed var(--line); border-radius: 16px; }
@media (max-width: 720px) {
  .legal-owner-grid, .legal-form { grid-template-columns: 1fr; }
  .legal-form .legal-wide, .legal-form > p, .legal-form > button { grid-column: auto; }
  .legal-toolbar, .legal-header { align-items: flex-start; flex-direction: column; }
  .legal-header > button, .legal-toolbar > button { width: 100%; }
  .legal-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}