/* 내 당: 창당 화면 · 당 운영 버튼 · 당 단계. js/myparty.js · js/partyops.js */
.mp-form { display: grid; gap: 12px; margin: 10px 0; }
.mp-row { display: grid; gap: 6px; min-width: 0; }
.mp-row > small { font-size: 12px; font-weight: 800; color: var(--muted); }
.mp-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.mp-chip { appearance: none; font: 700 13.5px var(--body, inherit); padding: 7px 12px; border-radius: 999px; border: 2px solid var(--line); background: var(--card); color: var(--ink); cursor: pointer; }
.mp-chip.on { border-color: var(--acc); background: color-mix(in srgb, var(--acc) 12%, var(--card)); }
.mp-in { font: 600 15px inherit; padding: 9px 12px; border-radius: 10px; border: 2px solid var(--line); background: var(--card); color: var(--ink); width: 100%; box-sizing: border-box; }
.mp-in:focus-visible { outline: 3px solid var(--acc); outline-offset: 1px; }
.mp-swatches, .mp-syms { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 6px; }
.mp-sw { appearance: none; aspect-ratio: 1; border-radius: 50%; border: 3px solid var(--card); box-shadow: 0 0 0 2px var(--line); cursor: pointer; max-width: 40px; }
.mp-sw.on { box-shadow: 0 0 0 3px var(--ink); }
.mp-sym { appearance: none; aspect-ratio: 1; border-radius: 10px; border: 2px solid var(--line); background: var(--card); display: grid; place-items: center; cursor: pointer; max-width: 44px; padding: 0; }
.mp-sym .pty-ic { width: 70%; height: 70%; background: var(--ink); }
.mp-sym.on { border-color: var(--acc); background: color-mix(in srgb, var(--acc) 12%, var(--card)); }
.mp-note { font-size: 12.5px; color: var(--muted); margin: 2px 0 0; }
.mp-err { min-height: 1.2em; font-size: 12.5px; font-weight: 700; color: var(--bad); margin: 0 0 6px; }
.mp-ic { width: 18px; height: 18px; vertical-align: -3px; }

.mp-ops { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 8px; }
.mp-op { appearance: none; display: grid; gap: 2px; padding: 8px 4px; border-radius: 10px; border: 2px solid var(--line); background: var(--card); color: var(--ink); cursor: pointer; text-align: center; min-width: 0; }
.mp-op b { font: var(--hw) 14px var(--head); }
.mp-op small { font-size: 11px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mp-op.on { border-color: var(--acc); background: color-mix(in srgb, var(--acc) 12%, var(--card)); }