/* 수정요청: 전체 메뉴의 보내기 카드와 모달, 관리자 수정요청함. */
.cr-label { display: block; font-size: 12px; font-weight: 600; color: var(--muted); margin: 2px 0 -2px; }
.field-area { width: 100%; min-height: 108px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); font: inherit; font-size: 14px; color: var(--ink); resize: vertical; }
.field-area:focus-visible { outline: 0; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(36, 86, 122, .18); }
select.field { width: 100%; appearance: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235E6B6A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 34px; font: inherit; font-size: 14px; color: var(--ink); }

.change-request .cr-mine { margin-top: 2px; }
.change-request .cr-mine > summary { font-size: 12.5px; font-weight: 600; color: var(--accent); list-style: none; padding: 6px 0; }
.change-request .cr-mine > summary::-webkit-details-marker { display: none; }
.change-request .cr-mine > summary::after { content: " ›"; }
.cr-mine-list { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.cr-mine-list li { display: flex; align-items: flex-start; gap: 8px; }
.cr-mine-list li .grow { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cr-mine-list .strong { font-size: 13px; font-weight: 500; }

.cr-kinds .chk { flex: 0 0 auto; padding: 0 14px; }
.cr-kinds .chk.on { background: var(--accent); border-color: var(--accent); color: var(--surface); }

.cr-dialog { width: min(440px, calc(100vw - 32px)); max-height: 88dvh; padding: 0; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); color: var(--ink); overflow: hidden; box-shadow: 0 24px 60px rgba(28, 38, 40, .28); }
.cr-dialog::backdrop { background: rgba(28, 38, 40, .38); }
.cr-dialog[open] { animation: cr-in .22s cubic-bezier(.2, .8, .3, 1.05) both; }
@keyframes cr-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
.cr-dialog form { display: flex; flex-direction: column; max-height: 88dvh; }
.cr-dialog-head { display: flex; align-items: center; gap: 10px; padding: 16px 18px 12px; border-bottom: 1px solid var(--line-soft); }
.cr-dialog-head h2 { flex: 1; margin: 0; font-size: 16px; font-weight: 700; color: var(--ink); letter-spacing: -.01em; }
.cr-close { width: 32px; height: 32px; border: 0; border-radius: 9px; background: var(--soft); color: var(--muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.cr-close:hover { background: var(--accent-soft); color: var(--accent); }
.cr-dialog-body { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; overflow-y: auto; }
.cr-dialog-foot { display: flex; gap: 8px; padding: 12px 18px 16px; border-top: 1px solid var(--line-soft); background: var(--surface-2); }
.cr-dialog-foot .btn { flex: 1; height: 46px; }

.cr-filter { margin-top: 2px; }
.cr-filter .chip { text-decoration: none; }
.cr-row .cr-body { margin: 0; font-size: 14px; line-height: 1.55; white-space: pre-line; }
.cr-note { margin: 0; padding: 8px 10px; border-radius: 10px; background: var(--warn-soft); color: var(--warn-ink); font-size: 12.5px; }
.cr-handle > summary { font-size: 12.5px; font-weight: 600; color: var(--accent); list-style: none; padding: 4px 0; }
.cr-handle > summary::-webkit-details-marker { display: none; }
.cr-handle > summary::after { content: " ›"; }
.cr-handle form { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.cr-handle .field { width: 100%; font: inherit; font-size: 13.5px; }
.cr-actions { gap: 6px; }
.cr-actions .btn.sm { flex: 1 1 auto; min-width: 72px; }