/* The SQL box and the schema pages (docs/phase2-design.md 6.2, 6.5). Loaded after portal.css; no inline style anywhere. */
main { max-width: 64rem; }
nav a.current { font-weight: 700; }
.tabs { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.5rem 0; }
.tabs button { margin-top: 0; padding: 0.4rem 0.9rem; color: var(--fg); background: transparent; border: 1px solid var(--line); }
.tabs button[aria-selected=true] { color: var(--accent-fg); background: var(--accent); border-color: var(--accent); }
.tabs button:disabled { opacity: 0.45; }
.chip { font-size: 0.85rem; opacity: 0.85; margin-left: 0.4rem; }
textarea#statement { width: 100%; min-height: 9rem; padding: 0.6rem 0.7rem; font: 0.95rem/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
                     color: var(--fg); background: var(--bg); border: 1px solid var(--line); border-radius: 6px; resize: vertical; }
.actions { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.actions button { margin-top: 0.5rem; }
.status { min-height: 1.5rem; margin: 0.5rem 0; }
.status.bad { color: var(--bad); font-weight: 600; }
.result-wrap { overflow: auto; max-height: 28rem; border: 1px solid var(--line); border-radius: 6px; }
table.grid { border-collapse: collapse; width: 100%; font-size: 0.85rem; }
table.grid th, table.grid td { border-bottom: 1px solid var(--line); padding: 0.25rem 0.6rem; text-align: left; vertical-align: top;
                               font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
table.grid th { position: sticky; top: 0; background: var(--card); }
td.null { opacity: 0.55; font-style: italic; }
ul.plain { list-style: none; padding: 0; margin: 0.5rem 0; }
ul.plain li { margin: 0.25rem 0; }
.examples button, ul#history button { margin-top: 0; padding: 0.3rem 0.7rem; font-weight: 400; text-align: left; color: var(--fg);
                                     background: transparent; border: 1px solid var(--line); }
ul#history button { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.85rem; max-width: 100%;
                    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.badge { display: inline-block; font-size: 0.8rem; padding: 0 0.5rem; margin-left: 0.4rem; border: 1px solid var(--line); border-radius: 999px; }
.badge.warn { background: var(--warn-bg); border-color: var(--warn-line); }
.group-label { font-weight: 600; }
table.cols { border-collapse: collapse; font-size: 0.9rem; margin: 0.5rem 0; }
table.cols th, table.cols td { border-bottom: 1px solid var(--line); padding: 0.15rem 0.8rem 0.15rem 0; text-align: left; }
pre.sql { white-space: pre-wrap; overflow-wrap: anywhere; background: var(--bg); border: 1px solid var(--line); border-radius: 6px; padding: 0.5rem 0.7rem; }
.legal pre { white-space: pre-wrap; font-family: inherit; font-size: 1rem; }