/* CC styles. The base (tokens, rail, chats sidebar, terminal, log, modals) is taken from cc-faw unchanged. */
:root, [data-theme="dark"] {
  --bg:#000; --bg-subtle:#0a0a0a; --surface:rgba(255,255,255,.03); --surface-hover:rgba(255,255,255,.06);
  --surface-2:rgba(255,255,255,.06); --border:rgba(255,255,255,.08); --border-hover:rgba(255,255,255,.15);
  --text:#f5f5f5; --text-secondary:#888; --text-muted:#555; --accent:#fff; --accent-ink:#000;
  --green:#22c55e; --red:#ef4444; --orange:#f59e0b; --blue:#3b82f6;
  --radius:10px; --radius-sm:6px; --radius-lg:14px;
  --font:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',system-ui,sans-serif;
  --mono:'SF Mono','SFMono-Regular',ui-monospace,'JetBrains Mono','Menlo','Cascadia Code',monospace;
  --rail:64px; --tabs:300px; --transition:.15s ease;
}
[data-theme="light"] {
  --bg:#fff; --bg-subtle:#f9fafb; --surface:rgba(0,0,0,.03); --surface-hover:rgba(0,0,0,.06);
  --surface-2:rgba(0,0,0,.06); --border:rgba(0,0,0,.1); --border-hover:rgba(0,0,0,.2);
  --text:#111827; --text-secondary:#4b5563; --text-muted:#9ca3af; --accent:#000; --accent-ink:#fff;
}
* { box-sizing:border-box; }
html,body { margin:0; height:100%; background:var(--bg); color:var(--text); font-family:var(--font);
  font-size:14px; -webkit-font-smoothing:antialiased; }
#app { display:flex; height:100vh; }
#app[hidden] { display:none; }

/* icon rail */
#rail { width:var(--rail); min-width:var(--rail); background:var(--bg-subtle); border-right:1px solid var(--border);
  display:flex; flex-direction:column; align-items:center; padding:12px 0; gap:6px; }
#rail .logo { width:36px; height:36px; border-radius:var(--radius); background:var(--accent); color:var(--accent-ink);
  display:flex; align-items:center; justify-content:center; font-weight:700; font-size:15px; margin-bottom:10px; }
.nav { width:48px; height:52px; border-radius:var(--radius); display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:3px; color:var(--text-secondary); cursor:pointer; transition:var(--transition); border:none; background:none; }
.nav:hover { background:var(--surface-hover); color:var(--text); }
.nav.active { background:var(--surface-2); color:var(--text); }
.nav svg { width:20px; height:20px; }
.nav span { font-size:10px; font-weight:500; }
#rail .spacer { flex:1; }

/* terminal tabs panel */
#tabsPanel { width:var(--tabs); min-width:var(--tabs); background:var(--bg-subtle); border-right:1px solid var(--border);
  display:flex; flex-direction:column; }
.panelHead { padding:16px 16px 10px; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--text-secondary); }
.btn { background:var(--accent); color:var(--accent-ink); border:none; border-radius:var(--radius-sm); padding:9px 12px;
  font-family:var(--font); font-weight:600; font-size:13px; cursor:pointer; transition:var(--transition); }
.btn:hover { opacity:.88; }
.btn.ghost { background:var(--surface); color:var(--text); border:1px solid var(--border); }
.btn.ghost:hover { border-color:var(--border-hover); background:var(--surface-hover); }
/* sidebar top — actions + search */
.sbTop { padding:12px 12px 8px; display:flex; flex-direction:column; gap:8px; }
#newclaude { width:100%; display:flex; align-items:center; justify-content:center; gap:7px; padding:10px 12px; }
#newclaude svg { width:15px; height:15px; }
.sbMini { display:flex; gap:8px; }
.sbMini .btn { flex:1; padding:7px 8px; font-size:12px; }
#folder { width:100%; background:var(--surface); color:var(--text);
  border:1px solid var(--border); border-radius:var(--radius-sm); padding:8px 9px; font-family:var(--font); font-size:12.5px; }
.sbSearch { display:flex; align-items:center; gap:8px; padding:8px 10px; background:var(--surface);
  border:1px solid var(--border); border-radius:var(--radius-sm); transition:border-color var(--transition); }
.sbSearch:focus-within { border-color:var(--border-hover); }
.sbSearch svg { width:14px; height:14px; color:var(--text-muted); flex:none; }
.sbSearch input { flex:1; min-width:0; background:none; border:none; outline:none; color:var(--text);
  font-family:var(--font); font-size:13px; }
.sbSearch input::placeholder { color:var(--text-muted); }
.sbSearch .clr { color:var(--text-muted); cursor:pointer; font-size:15px; line-height:1; padding:0 2px; display:none; }
.sbSearch.has .clr { display:block; }
.sbSearch .clr:hover { color:var(--text); }

#tabs { flex:1; overflow:auto; padding:4px 6px 14px; }
#tabs::-webkit-scrollbar { width:8px; } #tabs::-webkit-scrollbar-thumb { background:var(--border); border-radius:4px; }

/* folder groups */
.group { margin:2px 2px 8px; border-radius:9px; }
.group.dropok { background:var(--surface); box-shadow:inset 0 0 0 1px var(--border-hover); }
.ghead { display:flex; align-items:center; gap:8px; padding:7px 9px; border-radius:7px; cursor:pointer;
  color:var(--text-secondary); font-size:11px; font-weight:600; user-select:none; transition:var(--transition); }
.ghead:hover { background:var(--surface-hover); color:var(--text); }
.ghead:hover .ghadd { opacity:1; }
.gchev::before { content:"▸"; display:inline-block; font-size:9px; opacity:.6; transition:transform var(--transition); }
.group:not(.collapsed) .gchev::before { transform:rotate(90deg); }
.gficon { width:13px; height:13px; flex:none; color:var(--text-muted); }
.gname { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:uppercase; letter-spacing:.05em; }
.group.custom .gname { text-transform:none; letter-spacing:.01em; color:var(--text); }
.gcount { font-variant-numeric:tabular-nums; color:var(--text-muted); font-size:10.5px; }
.ghadd { opacity:0; color:var(--text-muted); font-size:14px; padding:0 2px; transition:var(--transition); }
.ghadd:hover { color:var(--text); }
.group.collapsed .gbody { display:none; }
.gempty { font-size:11px; color:var(--text-muted); padding:8px 12px; opacity:.7; }

/* dialog row — one clean entry per conversation, generous hit target */
.dlg { position:relative; display:flex; align-items:center; gap:11px; padding:12px 11px; margin:3px 0; border-radius:10px;
  cursor:pointer; color:var(--text-secondary); transition:background var(--transition), color var(--transition); }
.dlg:hover { background:var(--surface-hover); color:var(--text); }
.dlg.active { background:var(--surface-2); color:var(--text); }
.dlg.active::before { content:""; position:absolute; left:0; width:3px; height:24px; border-radius:2px; background:var(--accent); margin-left:-7px; }
.dlg.dragging { opacity:.45; }
.dlg .dot { width:8px; height:8px; border-radius:50%; flex:none; background:var(--border-hover); transition:var(--transition); }
.dlg.live .dot { background:var(--green); box-shadow:0 0 0 3px rgba(34,197,94,.15); }
.dlg .meta { flex:1; min-width:0; }
.dlg .t { font-size:14px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dlg .sub { font-size:11.5px; color:var(--text-muted); margin-top:2px; overflow:hidden; text-overflow:ellipsis;
  white-space:nowrap; font-variant-numeric:tabular-nums; }
.dlg .acts { display:flex; gap:1px; flex:none; opacity:0; transition:opacity var(--transition); }
.dlg:hover .acts, .dlg.active .acts { opacity:1; }
.dlg .ic { width:26px; height:26px; display:grid; place-items:center; border-radius:7px; color:var(--text-muted); font-size:13px; }
.dlg .ic:hover { background:var(--surface-2); color:var(--text); }
.dlg .ic.x:hover { color:var(--red); }
.dlg .ic svg { width:15px; height:15px; }
/* drag-and-drop: highlight a folder (or the flat list) when a chat hovers over it */
.group.dropok { background:rgba(96,165,250,.10); box-shadow:inset 0 0 0 1.5px var(--blue); }
.group.dropok .gbody { min-height:8px; }

.panelFoot { padding:11px 16px; font-size:10.5px; color:var(--text-muted); border-top:1px solid var(--border); line-height:1.6; }
.panelFoot a { color:var(--text-secondary); cursor:pointer; text-decoration:underline; text-underline-offset:2px; }
.panelFoot a:hover { color:var(--text); }

/* move-to-folder popover */
#movePop { position:fixed; z-index:80; min-width:188px; max-height:300px; overflow:auto; background:var(--bg-subtle);
  border:1px solid var(--border-hover); border-radius:11px; padding:5px; box-shadow:0 16px 50px rgba(0,0,0,.55); display:none; }
#movePop.on { display:block; }
#movePop .mi { padding:8px 10px; border-radius:7px; font-size:13px; color:var(--text-secondary); cursor:pointer;
  display:flex; align-items:center; gap:9px; }
#movePop .mi:hover { background:var(--surface-hover); color:var(--text); }
#movePop .mi.on { color:var(--text); }
#movePop .mi svg { width:14px; height:14px; flex:none; opacity:.8; }
#movePop .sep { height:1px; background:var(--border); margin:5px 6px; }
#movePop .lbl { padding:6px 10px 3px; font-size:10px; text-transform:uppercase; letter-spacing:.06em; color:var(--text-muted); }

/* on-screen diagnostics log (F12 console isn't always reachable) */
#logPanel { position:fixed; right:14px; bottom:14px; width:min(580px,calc(100vw - 28px)); max-height:48vh;
  background:var(--bg-subtle); border:1px solid var(--border-hover); border-radius:13px; display:none; flex-direction:column;
  z-index:90; overflow:hidden; box-shadow:0 24px 70px rgba(0,0,0,.6); }
#logPanel.on { display:flex; }
.logHead { display:flex; align-items:center; justify-content:space-between; padding:11px 13px; border-bottom:1px solid var(--border); }
.logHead .lt { font-size:12px; font-weight:600; display:flex; align-items:center; gap:8px; }
.logHead .lt .dotg { width:7px; height:7px; border-radius:50%; background:var(--green); }
.logHead .lacts { display:flex; gap:6px; }
.logHead button { background:var(--surface); border:1px solid var(--border); color:var(--text-secondary); border-radius:6px;
  padding:5px 9px; font-size:11px; cursor:pointer; font-family:var(--font); transition:var(--transition); }
.logHead button:hover { color:var(--text); border-color:var(--border-hover); }
#logBody { flex:1; overflow:auto; padding:9px 12px; font-family:var(--mono); font-size:11.5px; line-height:1.55; }
#logBody .ln { padding:1.5px 0; white-space:pre-wrap; word-break:break-word; color:var(--text-secondary); border-bottom:1px solid rgba(255,255,255,.03); }
#logBody .ln.ok { color:var(--green); } #logBody .ln.warn { color:var(--orange); } #logBody .ln.err { color:var(--red); }
#logBody .ln .tm { color:var(--text-muted); margin-right:8px; }
#logEmpty { color:var(--text-muted); padding:16px 4px; text-align:center; font-family:var(--font); font-size:12px; }

/* manual-copy fallback modal — guaranteed copy when the clipboard API is blocked */
.modal { position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:100; display:none; align-items:center; justify-content:center; }
.modal.on { display:flex; }
.modal .box { width:min(560px,calc(100vw - 40px)); background:var(--bg-subtle); border:1px solid var(--border-hover);
  border-radius:14px; padding:18px; box-shadow:0 30px 80px rgba(0,0,0,.6); }
.modal h3 { margin:0 0 4px; font-size:15px; }
.modal p { margin:0 0 12px; font-size:12.5px; color:var(--text-secondary); }
.modal textarea { width:100%; height:180px; resize:none; background:var(--bg); color:var(--text); border:1px solid var(--border);
  border-radius:9px; padding:11px; font-family:var(--mono); font-size:12.5px; line-height:1.5; outline:none; }
.modal .mrow { display:flex; gap:8px; justify-content:flex-end; margin-top:12px; }

/* main */
#main { flex:1; position:relative; min-width:0; }
.view { position:absolute; inset:0; display:none; flex-direction:column; }
.view.active { display:flex; }
#termArea { position:relative; flex:1; }
.term { position:absolute; inset:0; display:none; padding:8px 10px; }
.term.active { display:block; }
.empty { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--text-muted); }

/* terminal toolbar — a normal top bar with real buttons (attach a file into context, …) */
#termBar { display:flex; align-items:center; gap:8px; padding:8px 10px; flex:none;
  border-bottom:1px solid var(--border); background:var(--bg-subtle); }
.tbtn { display:inline-flex; align-items:center; gap:7px; background:var(--surface); color:var(--text);
  border:1px solid var(--border); border-radius:var(--radius-sm); padding:7px 11px; font-family:var(--font);
  font-weight:500; font-size:13px; cursor:pointer; transition:var(--transition); }
.tbtn:hover { background:var(--surface-hover); border-color:var(--border-hover); }
.tbtn svg { width:16px; height:16px; }
.tbtn.busy { pointer-events:none; opacity:.65; }
.tbtn.busy svg { animation:spin 1s linear infinite; }
.tbtn.alt { background:rgba(96,165,250,.14); border-color:rgba(96,165,250,.4); color:var(--text); }
@keyframes spin { to { transform:rotate(360deg); } }


/* ── additions for CC ─────────────────────────────────────────────────────── */
[hidden] { display:none !important; }
button { font-family:var(--font); }
.btn:disabled, .tbtn:disabled { opacity:.45; cursor:default; }
.btn.wide { width:100%; padding:11px 12px; font-size:14px; }
.icbtn { width:32px; height:32px; flex:none; display:inline-grid; place-items:center; border-radius:var(--radius-sm);
  border:1px solid transparent; background:none; color:var(--text-secondary); cursor:pointer; transition:var(--transition); }
.icbtn:hover { background:var(--surface-hover); border-color:var(--border); color:var(--text); }
.icbtn svg { width:16px; height:16px; }

/* login */
#login { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:var(--bg); padding:24px; }
.loginBox { width:min(340px,100%); display:flex; flex-direction:column; gap:14px; }
.logo.big { width:56px; height:56px; border-radius:14px; font-size:22px; margin:0 auto 18px; background:var(--accent);
  color:var(--accent-ink); display:flex; align-items:center; justify-content:center; font-weight:700; }
.loginBox label { display:flex; flex-direction:column; gap:7px; font-size:12px; color:var(--text-secondary); }
.loginBox input, #dlgInput { background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:var(--radius-sm);
  padding:10px 11px; font-family:var(--font); font-size:14px; outline:none; transition:border-color var(--transition); }
.loginBox input:focus, #dlgInput:focus { border-color:var(--border-hover); }
#loginError { min-height:18px; font-size:12.5px; color:var(--red); }

/* sidebar folder picker and rows */
#folder { cursor:pointer; }
#folder optgroup { color:var(--text-muted); font-style:normal; }
#folder option { color:var(--text); background:var(--bg-subtle); }
.dlg.dead .t { opacity:.55; }
.dlg .kind { font-size:10px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--text-muted);
  border:1px solid var(--border); border-radius:5px; padding:1px 5px; margin-left:6px; vertical-align:1px; }
#termTitle { flex:1; min-width:0; text-align:center; font-size:12.5px; color:var(--text-secondary); overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap; font-family:var(--mono); }

/* prompt / confirm dialog */
#dlg .box { width:min(420px,calc(100vw - 40px)); }
#dlgInput { width:100%; margin-top:4px; }
#dlgText:empty { display:none; }
.btn.danger { background:var(--red); color:#fff; }

/* files */
#filesBar { display:flex; align-items:center; gap:6px; padding:12px 14px 8px; }
#crumb { flex:1; min-width:0; display:flex; align-items:center; gap:2px; overflow:hidden; font-size:13px; }
#crumb .seg { color:var(--text-secondary); cursor:pointer; padding:5px 7px; border-radius:6px; white-space:nowrap; transition:var(--transition); }
#crumb .seg:hover { background:var(--surface-hover); color:var(--text); }
#crumb .seg:last-child { color:var(--text); font-weight:600; }
#crumb .slash { color:var(--text-muted); }
.fsFilter { display:flex; align-items:center; gap:7px; width:200px; padding:7px 10px; background:var(--surface);
  border:1px solid var(--border); border-radius:var(--radius-sm); }
.fsFilter:focus-within { border-color:var(--border-hover); }
.fsFilter svg { width:13px; height:13px; color:var(--text-muted); flex:none; }
.fsFilter input { flex:1; min-width:0; background:none; border:none; outline:none; color:var(--text); font-family:var(--font); font-size:13px; }
#filesTools { display:flex; align-items:center; gap:8px; padding:4px 14px 12px; border-bottom:1px solid var(--border); flex-wrap:wrap; }
#filesTools .btn { display:inline-flex; align-items:center; gap:6px; padding:7px 11px; font-size:12.5px; }
#filesTools .btn svg { width:13px; height:13px; }
#filesTools .sep { width:1px; height:20px; background:var(--border); margin:0 2px; }
#filesTools .grow { flex:1; }
/* on/off switch in the site's style */
.switch { display:inline-flex; align-items:center; gap:8px; background:none; border:none; padding:4px 2px; font-size:12.5px;
  color:var(--text-secondary); cursor:pointer; user-select:none; transition:color var(--transition); }
.switch:hover { color:var(--text); }
.switch .track { position:relative; width:30px; height:18px; border-radius:9px; background:var(--surface-2); border:1px solid var(--border-hover);
  transition:background var(--transition), border-color var(--transition); }
.switch .knob { position:absolute; top:2px; left:2px; width:12px; height:12px; border-radius:50%; background:var(--text-secondary);
  transition:transform var(--transition), background var(--transition); }
.switch[aria-checked="true"] { color:var(--text); }
.switch[aria-checked="true"] .track { background:var(--accent); border-color:var(--accent); }
.switch[aria-checked="true"] .knob { transform:translateX(12px); background:var(--accent-ink); }

#fileSplit { flex:1; min-height:0; display:flex; }
#filesList { flex:1; min-width:0; overflow:auto; }
#view-files.previewing #filesList { flex:0 0 min(46%,560px); border-right:1px solid var(--border); }
table { width:100%; border-collapse:collapse; }
th, td { text-align:left; padding:0 14px; height:40px; border-bottom:1px solid var(--border); font-size:13px; }
th { position:sticky; top:0; z-index:1; background:var(--bg); color:var(--text-muted); font-weight:500; font-size:11px;
  text-transform:uppercase; letter-spacing:.05em; height:34px; cursor:pointer; user-select:none; }
th:hover { color:var(--text-secondary); }
th.fact { cursor:default; }
th .arrow { font-size:9px; margin-left:4px; }
tr.row { cursor:pointer; transition:background var(--transition); }
tr.row:hover { background:var(--surface-hover); }
tr.row.sel { background:var(--surface-2); }
tr.row.hid .fname span { color:var(--text-muted); }
tr.row.locked { cursor:default; }
.fname { display:flex; align-items:center; gap:10px; min-width:0; }
.fname span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fname svg { width:17px; height:17px; flex:none; color:var(--text-muted); }
.fname svg.dir { color:var(--blue); }
.fname svg.img { color:#c084fc; } .fname svg.code { color:#34d399; } .fname svg.data { color:var(--orange); } .fname svg.lock { color:var(--orange); }
.fsize, .fdate { width:110px; color:var(--text-muted); white-space:nowrap; font-variant-numeric:tabular-nums; }
.fact { width:1%; white-space:nowrap; text-align:right; }
.acts2 { display:inline-flex; gap:2px; opacity:0; transition:opacity var(--transition); }
tr.row:hover .acts2, tr.row.sel .acts2 { opacity:1; }
.acts2 .ic { width:28px; height:28px; display:inline-grid; place-items:center; border-radius:7px; color:var(--text-muted); }
.acts2 .ic:hover { background:var(--surface-2); color:var(--text); }
.acts2 .ic.del:hover { color:var(--red); }
.acts2 .ic svg { width:15px; height:15px; }
.fsNote { padding:28px 18px; text-align:center; color:var(--text-muted); font-size:13px; }
.fsNote:empty { display:none; }

#preview { flex:1; min-width:0; display:none; flex-direction:column; }
#view-files.previewing #preview { display:flex; }
#pvBar { display:flex; align-items:center; gap:8px; padding:10px 12px 10px 18px; border-bottom:1px solid var(--border); }
.pvMeta { flex:1; min-width:0; }
#pvName { font-size:14px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#pvInfo { font-size:11.5px; color:var(--text-muted); font-family:var(--mono); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:2px; }
#pvBar .btn { padding:7px 11px; font-size:12.5px; }
#dirty { color:var(--orange); font-size:12px; white-space:nowrap; }
#pvBody { flex:1; min-height:0; position:relative; overflow:auto; }
#editArea { position:absolute; inset:0; width:100%; height:100%; border:none; outline:none; resize:none; padding:16px 18px;
  background:var(--bg); color:var(--text); font-family:var(--mono); font-size:13px; line-height:1.6; tab-size:2; white-space:pre; }
#pvBody img { display:block; max-width:calc(100% - 36px); max-height:calc(100% - 36px); margin:18px auto; border-radius:8px; }
#pvBody iframe { position:absolute; inset:0; width:100%; height:100%; border:0; background:#fff; }
#pvBody .fsNote { padding-top:60px; }

#drop { position:fixed; inset:0; background:rgba(0,0,0,.45); border:2px dashed var(--border-hover); border-radius:12px;
  display:none; align-items:center; justify-content:center; font-size:18px; color:var(--text); z-index:50; pointer-events:none; }
#drop.on { display:flex; }
#toast { position:fixed; bottom:18px; left:50%; transform:translateX(-50%); background:var(--bg-subtle); border:1px solid var(--border-hover);
  border-radius:var(--radius); padding:10px 15px; font-size:13px; display:none; box-shadow:0 8px 30px rgba(0,0,0,.4); z-index:110; max-width:calc(100vw - 40px); }
#toast.on { display:block; }
#toast.err { color:var(--red); }

/* narrow screens: the chats panel slides over the terminal */
#sbToggle { display:none; }
@media (max-width:820px) {
  #tabsPanel { position:absolute; left:var(--rail); top:0; bottom:0; z-index:40; box-shadow:12px 0 40px rgba(0,0,0,.5); }
  #app.sbClosed #tabsPanel { display:none !important; }
  #sbToggle { display:inline-flex; }
  #view-files.previewing #filesList { display:none; }
  .fdate, .fsize { display:none; }
  .fsFilter { width:120px; }
}

/* launch buttons and the folder picker */
.sbMain { display:flex; gap:8px; }
.sbMain .btn { flex:1; width:auto; display:flex; align-items:center; justify-content:center; gap:7px; padding:10px 12px; }
.sbMain .btn svg { width:15px; height:15px; }
#picker .box { width:min(480px,calc(100vw - 40px)); }
#pickList { max-height:min(50vh,420px); overflow:auto; margin-top:10px; padding:2px; }
.pkSec { padding:12px 8px 5px; font-size:10.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--text-muted); }
.pk { display:flex; align-items:center; gap:10px; padding:10px; border-radius:8px; cursor:pointer; color:var(--text-secondary); }
.pk.on { background:var(--surface-2); color:var(--text); }
.pk svg { width:16px; height:16px; flex:none; color:var(--blue); }
.pk .nm { flex:1; min-width:0; font-size:13.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pk .pth { flex:none; max-width:45%; font-family:var(--mono); font-size:11px; color:var(--text-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.modal .mrow .grow { flex:1; }
