/* ui-console-parts.css — 관리 화면 곁줄·표, 알림창(QR), 편집기 글꼴 미리보기. split from ui.css (RULE-code-19) */

/* Text input window: the explanation keeps its line breaks */
.sv-ask-desc { white-space: pre-line; }

/* ─── 관리 화면 — 곁줄 모음·표 ───────────── */
/* 격자 칸 안에서 표가 넘칠 때 칸이 늘어나지 않게 한다 */
.sv-admin__main { min-width: 0; }
.sv-admin__main .sv-panel { margin-bottom: 16px; }

.sv-side__group {
  margin: 16px 12px 4px;
  color: var(--sv-ink-soft);
  font-size: 12px;
  font-weight: 700;
}

.sv-side__group:first-child { margin-top: 0; }

.sv-search--sm { max-width: 260px; }

/* 머리줄 오른쪽에 붙는 단추 */
.sv-panel__cta { margin-left: auto; }

.sv-admin__filters { margin-bottom: 20px; }

.sv-table__num { text-align: right; }
.sv-table th.sv-table__num, .sv-table td.sv-table__num { text-align: right; }

.sv-link { color: var(--sv-brand-dark); text-decoration: none; font-weight: 600; }
.sv-link:hover { text-decoration: underline; }

.sv-login__desc { margin: 0 0 20px; color: var(--sv-ink-soft); }
.sv-btn--stack { margin-top: 8px; }

/* ─── 알림창 (참여 QR 코드) ──────────────── */
.sv-dialog {
  width: min(100% - 32px, 360px);
  margin: auto;   /* common.css `* { margin: 0 }` removes the browser's centering of a modal dialog */
  padding: 24px;
  border: 1px solid var(--sv-line);
  border-radius: var(--sv-radius);
  background: var(--sv-surface);
  box-shadow: var(--sv-shadow-lift);
  color: var(--sv-ink);
}

.sv-dialog::backdrop { background: rgba(27, 33, 48, 0.4); }

.sv-dialog__title { margin: 0 0 4px; font-size: 18px; font-weight: 800; }

.sv-dialog__desc {
  margin: 0 0 16px;
  color: var(--sv-ink-soft);
  font-size: 13px;
  word-break: break-all;
}

.sv-dialog__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }

.sv-qr {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border: 1px solid var(--sv-line);
  border-radius: 12px;
  background: #ffffff;
}

.sv-qr canvas, .sv-qr img { display: block; }

.sv-qr__link { word-break: break-all; }

@media (max-width: 768px) {
  /* 곁줄이 옆으로 흐르는 화면에서는 모음 이름을 접는다 */
  .sv-side__group { display: none; }
  .sv-panel__cta { margin-left: 0; }
}

/* 편집기 글꼴 미리보기 */
.sv-font-preview {
  margin: 0;
  padding: 9px 12px;
  border: 1px solid var(--sv-line);
  border-radius: 10px;
  background: #fafbfc;
  color: var(--sv-ink-soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}