/* console.css - lane R110-CONSOLE1: the Console tab (prepared commands, the unlock banner, the cards). Theme tokens of index.html only (no literal colour); light / dark follow the page.
   Phone first: one column of cards; wider screens fill the width with as many 320 px columns as fit (the .agrid of admin.css). */
.cnbanner { display:grid; gap:8px; margin:0 0 14px; }
.cnban { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; padding:10px 14px; border-radius:10px; border:1px solid var(--line); background:var(--pane); font-size:13px; }
.cnban.ok { border-color:color-mix(in srgb, var(--ok) 45%, transparent); background:color-mix(in srgb, var(--ok) 9%, var(--pane)); }
.cnban > span:first-child { flex:1 1 260px; min-width:0; }
.cnunlock { display:flex; gap:8px; flex:1 1 280px; min-width:0; }
.cnunlock .ainput { flex:1 1 auto; min-width:0; }
.cnban .amsg { flex:1 1 100%; min-height:0; margin:0; }
.cngroup { margin:18px 0 8px; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); font-weight:600; }
.cngrid { align-items:start; }
.cncard h3 { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; }
.cnbadges { display:inline-flex; flex-wrap:wrap; gap:4px; margin-left:auto; }
.cnbadge { display:inline-block; padding:1px 8px; border-radius:999px; font:600 10.5px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; text-transform:uppercase; letter-spacing:.05em; white-space:nowrap; border:1px solid var(--line); color:var(--muted); background:var(--well); }
.cnbadge.moderator { color:var(--c0); border-color:color-mix(in srgb, var(--c0) 40%, transparent); }
.cnbadge.admin { color:var(--c3); border-color:color-mix(in srgb, var(--c3) 40%, transparent); }
.cnbadge.owner { color:var(--c4); border-color:color-mix(in srgb, var(--c4) 40%, transparent); }
.cnbadge.warn { color:var(--crit); border-color:color-mix(in srgb, var(--crit) 40%, transparent); }
.cnfields { display:grid; gap:8px; margin:6px 0 4px; }
.cnf { display:grid; gap:3px; font-size:12px; color:var(--muted); min-width:0; }
.cnf .ainput { width:100%; box-sizing:border-box; }
.cnf .ainput.num { width:100%; }
.cnout { margin:8px 0 0; padding:8px 10px; border-radius:8px; background:var(--well); font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; max-height:260px; overflow:auto; border-left:3px solid var(--line); }
.cnout.ok { border-left-color:var(--ok); }
.cnout.bad { border-left-color:var(--crit); }
@media (max-width: 760px) { .cnunlock { flex-basis:100%; } .cnbadges { margin-left:0; } }
/* the Config sub-tab (R110-CONSOLE1 cut 2): the editor, the history, the overlay */
.cnsub { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px; }
.cnsub a, .cnsub button { background:var(--pane); color:var(--muted); border:1px solid var(--line); border-radius:999px; padding:5px 14px; font:600 13px system-ui,sans-serif; text-decoration:none; cursor:pointer; }
.cnsub a:hover, .cnsub button:hover { border-color:var(--c0); color:var(--fg); }
.cnsub a.on, .cnsub button.on { color:var(--fg); background:color-mix(in srgb, var(--c0) 20%, var(--pane)); border-color:color-mix(in srgb, var(--c0) 50%, transparent); }
.cnsub.small { margin:0 0 10px; }
.cnsub.small button { padding:3px 12px; font-size:12px; }
#cfg-root > .panel, #cfg-root > p { margin-bottom:14px; }
.cfgtext { display:block; width:100%; box-sizing:border-box; min-height:320px; max-height:70vh; resize:vertical; margin:8px 0; padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:var(--well); color:var(--fg); font:12.5px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; tab-size:4; white-space:pre; overflow:auto; }
.cfgtext.small { min-height:0; font-size:12px; }
.cfgtext:focus { outline:2px solid color-mix(in srgb, var(--c0) 55%, transparent); outline-offset:1px; }
.cnlist { border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.cncommit { display:grid; grid-template-columns:auto minmax(0, 1fr) auto auto; gap:2px 12px; align-items:center; padding:7px 12px; border-bottom:1px solid var(--line); font-size:13px; }
.cncommit:last-child { border-bottom:0; }
.cncommit.on { background:color-mix(in srgb, var(--c0) 10%, var(--pane)); }
.cncommit code { font:12px ui-monospace,SFMono-Regular,Consolas,monospace; color:var(--muted); }
.cncommit > span { min-width:0; overflow-wrap:anywhere; }
.cndiffhead { display:flex; flex-wrap:wrap; gap:6px 12px; align-items:center; margin:12px 0 6px; font-size:13px; }
.cndiffhead .abtn { margin-left:auto; }
.cfgdiff { margin:0; padding:8px 0; border-radius:8px; background:var(--well); font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; overflow:auto; max-height:420px; }
.cfgdiff .dl { display:block; padding:0 12px; white-space:pre; }
.cfgdiff .dl.add { background:color-mix(in srgb, var(--ok) 16%, transparent); color:var(--fg); }
.cfgdiff .dl.del { background:color-mix(in srgb, var(--crit) 16%, transparent); color:var(--fg); }
.cfgdiff .dl.hunk { color:var(--muted); background:color-mix(in srgb, var(--c0) 8%, transparent); }
.cfgdiff .dl.ctx { color:var(--muted); }
.cnov { margin:8px 0 12px; }
.cnov .atable { width:100%; border-collapse:collapse; margin-top:4px; }
.cnov .atable td { border-top:1px solid var(--line); vertical-align:top; }
@media (max-width: 760px) { .cncommit { grid-template-columns:auto minmax(0, 1fr); } .cncommit .faint { grid-column:1 / -1; } .cncommit .abtn { grid-column:1 / -1; justify-self:start; } .cndiffhead .abtn { margin-left:0; } .cfgtext { min-height:240px; } }
.cfgpanel > h3 { text-transform:none; letter-spacing:0; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:13px; }
#cfg-root a { color:var(--c0); }