/* 管理画面だけで使う部品（色は style.css の変数を使う） */

.wrap-wide { max-width: 1100px; }
main.stack-lg, .stack-lg { display: grid; gap: 24px; }
.grow { flex: 1 1 240px; }
.row { align-items: end; }

.settings-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

.table-wrap { overflow-x: auto; }
.table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
.table th, .table td { padding: 8px 10px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.table th { font-size: 0.8125rem; color: var(--muted); white-space: nowrap; }
.table .num { text-align: right; font-variant-numeric: tabular-nums; }
.table .btn { min-height: 36px; padding: 4px 12px; font-size: 0.875rem; }

.table-i18n td { min-width: 160px; }
.table-i18n td:first-child { min-width: 140px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 0.8125rem; }
.table-i18n textarea { min-height: 40px; padding: 6px 8px; font-size: 0.875rem; }
.table-i18n input { min-height: 36px; padding: 4px 8px; font-size: 0.8125rem; }

code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 0.875em; padding: 1px 4px; background: var(--accent-soft); border-radius: 4px; }