/* additions to the preview's stylesheet for the real site */
.screen { display: none; } .screen.on { display: block; }
.err { background: color-mix(in srgb, var(--bad) 10%, var(--surface)); border: 1px solid color-mix(in srgb, var(--bad) 40%, var(--line)); color: var(--bad); border-radius: var(--radius); padding: 8px 12px; font-size: 13px; margin: 8px 0; }
.nda-text { white-space: pre-wrap; font-family: var(--body); font-size: 12.5px; line-height: 1.5; background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--radius); padding: 12px 14px; max-height: 320px; overflow: auto; margin: 0 0 14px; }
.row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 600px) { .row2 { grid-template-columns: 1fr; } }
.check.big { align-items: flex-start; margin: 6px 0 14px; line-height: 1.4; }
.check.big input { margin-top: 3px; }
.busy { font-size: 12px; color: var(--ink-3); }
.docs { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 760px) { .docs { grid-template-columns: 1fr; } }
.folders { padding: 8px; display: grid; gap: 2px; }
.folders button { text-align: left; background: transparent; border: 0; border-radius: var(--radius); padding: 8px 10px; display: flex; justify-content: space-between; gap: 8px; color: var(--ink-2); }
.folders button[aria-current="true"] { background: var(--input-bg); color: var(--input); font-weight: 600; }
.folders button span.n { font-family: var(--mono); font-size: 12px; }
table.files { width: 100%; border-collapse: collapse; font-size: 13px; }
table.files th, table.files td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--line); vertical-align: middle; }
table.files th { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--ink-3); }
table.files .f { display: flex; align-items: center; gap: 10px; }
table.files .ic { width: 32px; height: 38px; border-radius: 4px; background: var(--surface-2); display: grid; place-items: center; font-family: var(--mono); font-size: 10px; font-weight: 600; color: var(--ink-2); border: 1px solid var(--line); flex: none; }
table.files .meta { color: var(--ink-3); font-size: 12px; }
.viewer { padding: 10px; display: grid; gap: 8px; }
.viewer-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13px; }
.viewer iframe { width: 100%; height: 72vh; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-2); }
.nda { background: color-mix(in srgb, var(--input) 10%, var(--surface)); border: 1px solid color-mix(in srgb, var(--input) 35%, var(--line)); border-radius: var(--radius); padding: 10px 12px; font-size: 12.5px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.versions { display: grid; gap: 8px; }
.ver { display: grid; grid-template-columns: 70px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 10px; border: 1px solid var(--line); border-radius: var(--radius); font-size: 13px; background: var(--surface); }
.ver.cur { border-color: var(--good); }
.ver .v { font-family: var(--mono); font-weight: 600; }
.ver .n { color: var(--ink-2); font-size: 12.5px; }
.diff { display: grid; grid-template-columns: minmax(0, 1fr) 120px 120px; gap: 4px 10px; font-size: 12.5px; margin-top: 8px; }
.diff div { padding: 4px 0; border-bottom: 1px dotted var(--line); }
.diff .h { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--ink-3); font-weight: 600; }
.diff .n { font-family: var(--mono); text-align: right; }
.checks { display: grid; gap: 4px; font-size: 12.5px; margin-top: 8px; }
.checks div.ok::before { content: "✓ "; color: var(--good); font-weight: 700; }
.checks div.bad::before { content: "✗ "; color: var(--bad); font-weight: 700; }
.checks-col { display: grid; gap: 4px; font-size: 13px; }
.docadmin .rooms-cell { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12px; }
.atab { display: none; } .atab.on { display: block; }
textarea { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); padding: 9px 11px; width: 100%; font-size: 12.5px; }
table.cpblock { width: 100%; border-collapse: collapse; font-size: 12.5px; }
table.cpblock td, table.cpblock th { padding: 5px 8px; border-bottom: 1px dotted var(--line); vertical-align: middle; text-align: right; }
table.cpblock th { font-size: 11px; text-transform: uppercase; letter-spacing: .03em; color: var(--ink-3); font-weight: 600; white-space: normal; vertical-align: bottom; background: var(--surface-2); }
table.cpblock td:first-child, table.cpblock th:first-child { text-align: left; min-width: 220px; white-space: normal; }
table.cpblock td.calc { font-family: var(--mono); }
table.cpblock td.hi { background: var(--answer); color: var(--answer-ink); font-weight: 600; font-family: var(--mono); }
table.cpblock td.band { background: var(--navy); color: var(--navy-ink); font-family: var(--display); text-transform: uppercase; letter-spacing: .04em; font-size: 12px; text-align: left; }
table.cpblock input, table.cpblock select { border: 1px solid var(--line); border-radius: 4px; background: var(--input-bg); color: var(--input); font-family: var(--mono); font-weight: 500; padding: 4px 6px; width: 110px; text-align: right; font-size: 12.5px; }
table.cpblock select { font-family: var(--body); width: auto; max-width: 230px; text-align: left; }
table.cpblock input.wide { width: 200px; text-align: left; font-family: var(--body); }
.q { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: var(--surface-2); color: var(--ink-3); font-size: 10px; text-align: center; line-height: 15px; margin-left: 5px; cursor: help; }
table.manual-tbl { min-width: 0; }
table.manual-tbl td { white-space: normal; text-align: left; vertical-align: top; }
table.manual-tbl td.band { background: var(--navy); color: var(--navy-ink); font-family: var(--display); text-transform: uppercase; letter-spacing: .04em; font-size: 12px; }
table.manual-tbl td.live { color: var(--link); font-family: var(--mono); }
.pwbox { font-family: var(--mono); background: var(--answer); color: var(--answer-ink); padding: 6px 10px; border-radius: 4px; display: inline-block; margin-top: 6px; }

table.data th { white-space: normal; max-width: 150px; vertical-align: bottom; }
table.data td.txt { white-space: normal; min-width: 220px; text-align: left; color: var(--ink-2); font-size: 12px; }
table.cpblock input.small { width: 64px; }
table.cpblock th { max-width: 130px; font-size: 10.5px; }