/* Hosting panel (sites.splashnodes.com) — the one genuinely new UI shape
   this feature needs: the file manager's two-pane layout and a monospace
   log viewer for deploy/install runs. Everything else in the hosting tabs
   (tables, pills, toolbars, stat cards) reuses suite.css/premium.css as-is. */

.fm-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.fm-layout:has(.fm-editor-pane:not([hidden])) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
@media (max-width: 850px) { .fm-layout:has(.fm-editor-pane:not([hidden])) { grid-template-columns: minmax(0, 1fr); } }

.fm-pane { min-height: 200px; }
.fm-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--panel-border-soft); font-size: 13px; }
.fm-row:last-child { border-bottom: none; }
.fm-row .fm-name { display: flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fm-row .fm-name button { background: none; border: none; color: inherit; font: inherit; cursor: pointer; padding: 0; text-align: left; }
.fm-row .fm-actions { display: flex; gap: 6px; flex: none; }
.fm-row .fm-actions button { font-size: 11px; padding: 3px 8px; }
.fm-breadcrumb button { background: none; border: none; color: var(--accent); cursor: pointer; font: inherit; padding: 0; }

.fm-editor { width: 100%; min-height: 320px; padding: 10px 12px; background: #000;
  border: 1px solid var(--panel-border); border-radius: 8px; color: var(--white);
  font-family: ui-monospace, 'SF Mono', Consolas, monospace; font-size: 13px; resize: vertical; }

.log-view { font-family: ui-monospace, 'SF Mono', Consolas, monospace; font-size: 12px; white-space: pre-wrap;
  max-height: 320px; overflow: auto; background: #000; border: 1px solid var(--panel-border); border-radius: 8px; padding: 12px; margin-top: 10px; }

.key-box { font-family: ui-monospace, 'SF Mono', Consolas, monospace; font-size: 12px; word-break: break-all;
  background: #000; border: 1px solid var(--panel-border); border-radius: 8px; padding: 10px 12px; margin: 8px 0; }