/* R1-min: one column, truthful and unglamorous. */
body { font: 14px/1.5 system-ui, sans-serif; max-width: 64rem; margin: 0 auto; padding: 1rem; background: #101318; color: #dfe5ee; }
#header { display: flex; flex-wrap: wrap; gap: 1rem; font-size: 12px; border-bottom: 1px solid #2a2f3a; padding-bottom: .5rem; }
.mono { font-family: ui-monospace, monospace; }
.ok { color: #5dd37e; }
.bad { color: #ff6b6b; }
.grey { color: #6b7280; }
.pending { color: #d9b95c; }
.identity { font-family: ui-monospace, monospace; margin: .75rem 0; }
.identity.bad { color: #ff6b6b; font-weight: bold; }
.now { border: 1px solid #2a2f3a; border-radius: 6px; padding: .75rem 1rem; margin: .75rem 0; }
.now.page_stop { border-color: #ff6b6b; background: #2a1214; }
.now.blocked { border-color: #d9b95c; }
.now h2 { font-size: 15px; margin: 0 0 .5rem; }
table { border-collapse: collapse; width: 100%; font-size: 12px; }
th, td { border: 1px solid #2a2f3a; padding: .3rem .5rem; text-align: right; }
td.pin { color: #9fb4d0; }
td.exact { color: #5dd37e; }
td.advisory { color: #d9b95c; font-style: italic; }
td.grey { color: #4b5563; font-style: italic; }
.assert { font-family: ui-monospace, monospace; font-size: 12px; }
.assert.bad { color: #ff6b6b; }
.row { font-size: 12px; padding: .15rem 0; border-bottom: 1px dotted #222833; }
#controls { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
button { background: #1d2430; color: #dfe5ee; border: 1px solid #2a2f3a; border-radius: 4px; padding: .35rem .7rem; cursor: pointer; }
button:hover { background: #26303f; }
.doctor { font-size: 11px; color: #6b7280; }
h3 { font-size: 13px; color: #9fb4d0; margin: 1rem 0 .25rem; }

.hint { color: #6b7280; font-size: 12px; font-style: italic; }
.mode { font-size: 11px; color: #6b7280; }
#deposit .mono { color: #9fb4d0; word-break: break-all; }
caption { color: #d9b95c; font-style: italic; text-align: left; }

/* T5 config sandbox */
#sandbox { border: 1px solid #2a2f3a; border-radius: 6px; padding: .5rem .75rem; margin: .75rem 0; }
.sbx-head { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.sbx-head h3 { margin: 0; }
.badge { font-size: 11px; padding: .1rem .45rem; border-radius: 3px; }
.badge.sim { background: #3a2a12; color: #d9b95c; border: 1px solid #6b5320; }
.badge.chain { background: #14251a; color: #5dd37e; border: 1px solid #24512f; }
.sbx-fields { display: flex; flex-wrap: wrap; gap: .75rem; margin: .5rem 0; }
.sbx-field { font-size: 12px; color: #9fb4d0; }
.sbx-field input { width: 6rem; background: #12161d; color: #dfe5ee; border: 1px solid #2a2f3a; border-radius: 3px; padding: .2rem .35rem; }
.sbx-toggles { display: flex; flex-wrap: wrap; gap: 1rem; font-size: 12px; margin: .25rem 0 .5rem; }
.sbx-tgroup { color: #6b7280; }
.sbx-toggles button.on { background: #14251a; border-color: #24512f; color: #5dd37e; }
.sbx-toggles button.off { opacity: .5; }
table.sbx-grid { margin: .25rem 0; }
table.sbx-grid td, table.sbx-grid th { text-align: left; }
table.sbx-grid tr.exc td { color: #6b7280; }
table.sbx-grid button.pick { padding: .1rem .5rem; font-size: 11px; }
.sbx-diff { font-size: 12px; margin: .35rem 0; }
.sbx-block { margin-top: .5rem; font-weight: bold; }
details summary { cursor: pointer; color: #9fb4d0; font-size: 12px; margin: .35rem 0; }
.section-fail { color: #ff6b6b; background: #2a1214; border: 1px solid #ff6b6b; border-radius: 4px; padding: .4rem .6rem; font-family: ui-monospace, monospace; font-size: 12px; }
