/* RejnPanel V2. Shared tokens and responsive application shell, Figma 268:82. */
@font-face { font-family: 'Rejn Inter'; src: url('/assets/vendor/rejnpanel-Inter.ttf') format('truetype'); font-style: normal; font-weight: 100 900; font-display: swap; }
:root {
  --cp-bg: #f3f6f5; --cp-line: #dee6e3; --cp-text: #182b25; --cp-muted: #61776f;
  --cp-accent: #147d64; --cp-danger: #b42318;
  --rp-sidebar: #071310; --rp-nav-active: #17362f; --rp-mint: #5ee4c0;
  --rp-radius: 14px; --rp-control-radius: 8px; --rp-shadow: 0 2px 5px rgb(5 20 15 / 4%);
  --bs-primary: var(--cp-accent); --bs-primary-rgb: 20,125,100;
  --bs-body-font-size: .875rem; --bs-border-radius: 8px;
  --bs-link-color: #147d64; --bs-link-hover-color: #0e614d;
}
body { background: var(--rp-sidebar); font-family: 'Rejn Inter', Inter, system-ui, sans-serif; font-size: 13px; line-height: 1.55; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #299d7d; outline-offset: 3px; }
.rp-icon { width: 18px; height: 18px; flex: 0 0 18px; display: inline-block; object-fit: contain; vertical-align: middle; }
.progress-bar { background-color: var(--cp-accent); }
.bi { flex-shrink: 0; vertical-align: middle; }
.rp-skip { position: fixed; z-index: 2000; left: 250px; top: -80px; padding: 12px 20px; border-radius: 8px; background: white; color: #147d64; }
.rp-skip:focus { top: 16px; }
.rp-sidebar { position: fixed; inset: 0 auto 0 0; width: 232px; padding: 22px 16px 16px 24px; display: flex; flex-direction: column; color: #a3b6b1; overflow-y: auto; }
.rp-brand-row { display: flex; align-items: center; min-height: 48px; margin-bottom: 14px; }
.rp-brand { padding: 0; border: 0; background: transparent; }
.rp-brand img { display: block; width: 184px; height: 44px; object-fit: contain; }
.rp-menu { flex: 1; flex-direction: column; min-height: 0; }
.rp-server { display: flex; align-items: center; gap: 12px; padding: 12px; margin-bottom: 10px; border: 1px solid #1d3833; border-radius: 12px; background: #0d211d; }
.rp-server .rp-icon { width: 24px; height: 24px; flex-basis: 24px; }
.rp-server strong { color: #edf8f5; display: block; max-width: 132px; overflow: hidden; text-overflow: ellipsis; }
.rp-server small, .rp-account small, .rp-connection small { display: block; font-size: 10px; color: #9bb3ab; }
.rp-search { display: flex; align-items: center; gap: 8px; min-height: 38px; width: 100%; padding: 8px 10px; border: 1px solid #18312c; border-radius: 9px; background: #0a1a17; color: #aac0b8; font-size: 11px; }
.rp-search span { flex: 1; text-align: left; }
.rp-search kbd { background: #152824; color: #b4c7c0; font: inherit; font-size: 9px; white-space: nowrap; padding: 3px; }
.rp-nav-label { margin: 22px 0 9px; color: #95aca4; font-size: 9px; font-weight: 600; letter-spacing: .09em; }
.rp-nav { display: flex; flex-direction: column; gap: 3px; }
.rp-nav-link { border: 0; border-radius: 9px; background: transparent; color: #adc1b9; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 39px; padding: 9px 11px; text-align: left; font-size: 12px; font-weight: 500; position: relative; }
.rp-nav-link:hover, .rp-account:hover { background: #102820; color: #fff; }
.rp-nav-link.active { color: #f2fffb; background: var(--rp-nav-active); font-weight: 650; }
.rp-nav-link.active::before { content: ""; width: 3px; height: 18px; border-radius: 2px; background: var(--rp-mint); position: absolute; left: 0; }
.rp-nav-link .badge { margin-left: auto !important; font-size: 10px; min-height: 20px; padding: 1px 7px; }
.rp-sidebar-bottom { margin-top: auto; padding-top: 24px; }
.rp-connection { display: flex; align-items: flex-start; gap: 8px; border: 1px solid #1d3833; background: #0d211d; border-radius: 11px; padding: 11px 10px; font-size: 10px; }
.rp-connection strong { color: #d4e9e1; font-weight: 500; }
.rp-status-dot { display: inline-block; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #9cafaa; margin-top: 4px; }
.rp-status-dot[data-state=ok] { background: var(--rp-mint); }
.rp-status-dot[data-state=error] { background: #efb46b; }
.rp-account { margin-top: 9px; width: 100%; display: flex; gap: 10px; align-items: center; padding: 8px 2px; text-align: left; color: #e4f2ec; border: 0; background: transparent; border-radius: 9px; }
.rp-account > span:nth-child(2) { flex: 1; min-width: 0; }
.rp-account strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 600; }
.rp-avatar { background: #254a3e; color: #def8ef; width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border-radius: 9px; font-size: 10px; font-weight: 700; }
.rp-workspace { margin: 10px 10px 10px 232px; min-height: calc(100vh - 20px); background: var(--cp-bg); border-radius: 20px; }
.rp-topbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 19px 28px; min-height: 65px; border-bottom: 1px solid #e4ebe7; background: #f8faf9; border-radius: 20px 20px 0 0; }
.rp-breadcrumb { display: flex; gap: 10px; align-items: center; min-width: 0; color: var(--cp-muted); font-size: 11px; }
.rp-breadcrumb > .rp-icon { background: #e3f2ec; padding: 5px; width: 28px; height: 28px; flex-basis: 28px; border-radius: 7px; }
.rp-breadcrumb [aria-current] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #244739; }
.rp-breadcrumb-separator { color: #91a69c; }
.rp-topbar-caption { white-space: nowrap; color: #657c70; font-size: 11px; }
.rp-version { margin-left: 7px; border: 1px solid #d5e7df; border-radius: 6px; padding: 3px 6px; }
.rp-main.container { max-width: none; width: 100%; padding: 24px 28px 30px !important; min-width: 0; }
h1 { font-size: 26px; letter-spacing: -.035em; font-weight: 650; }
h2 { font-size: 14px; font-weight: 650; margin-bottom: 0; }
.page-heading p, .detail-heading p { font-size: 12px; color: var(--cp-muted); }
.card { border: 1px solid var(--cp-line); border-radius: var(--rp-radius); box-shadow: var(--rp-shadow); min-width: 0; background: #fff; }
.card.shadow-sm { box-shadow: var(--rp-shadow) !important; }
.card-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 18px 18px 12px; border-bottom: 1px solid #edf2ef; background: #fff; }
.card-header:first-child { border-radius: var(--rp-radius) var(--rp-radius) 0 0; }
.card-header p { font-size: 11px; margin: 3px 0 0; }
.card-body { padding: 18px; }
.btn { --bs-btn-border-radius: var(--rp-control-radius); --bs-btn-font-weight: 600; min-height: 38px; font-size: 12px; padding: 8px 13px; gap: 8px; }
.btn-outline-secondary { --bs-btn-color: #34574a; --bs-btn-border-color: #d7e2dc; --bs-btn-hover-bg: #eff5f2; --bs-btn-hover-color: #183e2e; --bs-btn-hover-border-color: #9fc2b1; --bs-btn-active-bg: #e1eee7; --bs-btn-active-color: #174932; background: #fff; }
.btn-primary { --bs-btn-bg: #147d64; --bs-btn-border-color: #147d64; --bs-btn-hover-bg: #10654f; --bs-btn-hover-border-color: #10654f; }
.btn-primary > .rp-icon { filter: brightness(0) invert(1); }
.btn:disabled, .btn.disabled { opacity: .5; }
.btn-sm { min-height: 32px; padding: 5px 10px; font-size: 11px; }
.icon-only { width: 38px; padding: 0; }
.table-icon { width: 32px; min-height: 32px; padding: 0; }
.badge { font-size: 10px; font-weight: 600; line-height: 1.4; min-height: 22px; padding: 3px 8px; }
.text-bg-success { background: #e6f5ed !important; color: #21644c !important; }
.text-bg-warning { background: #fff3da !important; color: #80571b !important; }
.text-bg-danger { background: #fdece9 !important; color: #a83328 !important; }
.text-bg-secondary { background: #edf2ef !important; color: #536e5f !important; }
.text-bg-info { background: #e9f2fa !important; color: #315b85 !important; }
.app-table { --bs-table-bg: transparent; font-size: 12px; }
.app-table thead { --bs-table-bg: #f7f9f8; }
.app-table thead th { font-size: 10px; font-weight: 600; color: #617a6c; letter-spacing: .055em; }
.app-table > :not(caption) > * > * { padding: 12px 16px; border-color: #eaf0ec; }
.app-table tbody tr:hover { --bs-table-bg: #f6faf8; }
.form-control, .form-select, .ts-control { font-size: 12px; min-height: 38px; border-radius: var(--rp-control-radius); border-color: #d6e1da; background: #fff; }
.form-label { font-size: 12px; font-weight: 600; color: #345042; }
.form-text { font-size: 11px; color: #647c6e; }
.form-control:focus, .form-select:focus { border-color: #439e7b; box-shadow: 0 0 0 3px rgb(39 153 112 / 14%); }
.modal-content { border-radius: 16px; border: 1px solid #dbe6df; box-shadow: 0 20px 80px rgb(5 20 15 / 20%); }
.modal-header, .modal-footer { padding: 18px 22px; border-color: #e5ede8; }
.modal-body { padding: 22px; }
.alert { border-radius: 10px; font-size: 12px; }
.settings-subnav { gap: 5px; }
.settings-subnav .btn { min-height: 34px; border-color: transparent; }
.settings-subnav .active { background: #e4f2ea; color: #176147; border-color: #c9e3d5; }
#detail-header-tabs { margin: 0 !important; padding: 10px 28px; border-bottom: 1px solid #dfe8e2; gap: 4px; justify-content: flex-start !important; flex-wrap: wrap; }
#detail-header-tabs .nav-link { min-height: 34px; font-size: 12px; padding: 7px 10px; border: 0; border-radius: 7px; font-weight: 500; }
#detail-header-tabs .nav-link.active { background: #deeee5; color: #176147; font-weight: 650; }
#detail-header-tabs .nav-separator { min-height: 34px; }
.rp-eyebrow { font-size: 9px; letter-spacing: .1em; font-weight: 600; color: #466b59; margin-bottom: 6px; }
.rp-dashboard-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; }
.rp-dashboard-heading h1 { margin: 0 0 7px; }
.rp-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rp-summary-grid { display: grid; grid-template-columns: 1.45fr 1fr 1fr; gap: 14px; margin-bottom: 16px; }
.rp-card-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.rp-card-heading h2 { display: flex; align-items: center; gap: 10px; font-size: 12px; }
.rp-card-heading h2 .rp-icon { background: #edf5f0; width: 28px; height: 28px; padding: 6px; flex-basis: 28px; border-radius: 8px; }
.rp-text-link { color: #226b50; text-decoration: none; font-size: 10px; font-weight: 600; flex-shrink: 0; }
.rp-text-link:hover { text-decoration: underline; }
.rp-hero-value { font-size: 30px; font-weight: 650; line-height: 1.25; letter-spacing: -.035em; margin: 16px 0 5px; }
.rp-value-caption { font-size: 11px; letter-spacing: 0; margin-left: 8px; font-weight: 500; color: #4d7861; }
.rp-summary-grid p { font-size: 11px; margin-bottom: 0; }
.rp-card-note { margin-top: 18px; padding: 9px 10px; background: #f4f7f5; border-radius: 8px; font-size: 10px; color: #516f5e; }
.rp-health-card { background: radial-gradient(ellipse at top right, #1e6551 0, transparent 70%), #0d3227; border-color: #1b4d3d; color: #f0fff8; }
.rp-health-card .rp-card-heading h2 .rp-icon { background: #1e4b3c; }
.rp-health-card p { color: #bedbcd; }
.rp-live-label { font-size: 8px; font-weight: 600; letter-spacing: .06em; color: #b3e7d2; background: #245846; border-radius: 12px; padding: 5px 8px; }
.rp-mini-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 18px; }
.rp-mini-stats > div { padding: 7px 9px; background: rgb(255 255 255 / 6%); border-radius: 7px; }
.rp-mini-stats strong { display: block; font-size: 12px; font-weight: 600; }
.rp-mini-stats small { display: block; font-size: 9px; color: #bcdbcc; }
.rp-dashboard-grid { display: grid; grid-template-columns: 1.7fr 1fr; gap: 16px; }
.rp-metric-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 16px 18px; gap: 20px; }
.rp-metric-grid p { margin: 0; font-size: 10px; min-height: 30px; }
.metric { font-size: 27px; font-weight: 650; letter-spacing: -.025em; }
.metric-sparkline { margin-top: 14px; height: 70px; }
.rp-soft-label { background: #f1f6f3; border-radius: 6px; color: #567461; font-size: 9px; font-weight: 500; padding: 5px 8px; }
.rp-card-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 12px 18px; border-top: 1px solid #edf2ee; color: #66806f; font-size: 10px; }
.rp-service-row, .rp-job-row { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #edf2ee; }
.rp-service-row:last-child, .rp-job-row:last-child { border: 0; }
.rp-service-row > span:first-child { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.rp-service-row small, .rp-job-row small { display: block; color: var(--cp-muted); font-size: 10px; }
.rp-site-list { display: grid; gap: 8px; }
.rp-site-row { color: var(--cp-text); background: #f7faf8; border: 1px solid #e6eee9; border-radius: 10px; padding: 12px; display: flex; align-items: center; gap: 12px; text-decoration: none; min-width: 0; }
.rp-site-row:hover { background: #edf6f0; border-color: #bbd8c7; }
.rp-site-monogram { background: #e2f1e9; color: #267253; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 9px; display: grid; place-items: center; font-size: 11px; font-weight: 650; }
.rp-site-identity { flex: 1; min-width: 0; }
.rp-site-identity strong { font-size: 12px; display: block; overflow-wrap: anywhere; }
.rp-site-identity small { color: var(--cp-muted); font-size: 10px; }
.rp-site-row .badge { flex-shrink: 0; }
.rp-job-row { text-decoration: none; color: var(--cp-text); }
.rp-job-row > div { flex: 1; min-width: 0; }
.rp-job-row strong { display: block; font-size: 11px; overflow-wrap: anywhere; }
.rp-job-row:hover { background: #f6faf8; }
.rp-job-row .progress { margin-top: 7px; height: 5px; }
.rp-audit { margin-top: 20px; font-size: 11px; color: var(--cp-muted); }
.rp-search-results { display: grid; gap: 4px; margin-top: 16px; max-height: 360px; overflow-y: auto; }
.rp-search-results a { display: flex; align-items: center; gap: 10px; color: #244c37; padding: 10px 12px; border-radius: 8px; text-decoration: none; overflow-wrap: anywhere; }
.rp-search-results a:hover, .rp-search-results a:focus-visible { background: #e8f4ec; }
.rp-search-results small { margin-left: auto; color: var(--cp-muted); }
.rp-mobile-toggle { display: none; }
@media (min-width: 861px) { .rp-menu.collapse { display: flex !important; } }
@media (max-width: 1180px) { .rp-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rp-summary-grid > :first-child { grid-column: 1 / -1; } .rp-dashboard-grid { grid-template-columns: 1fr; } }
@media (max-width: 860px) {
  .rp-sidebar { position: relative; width: 100%; padding: 12px 16px; overflow: visible; }
  .rp-brand-row { margin: 0; justify-content: space-between; }
  .rp-brand img { width: 150px; height: 36px; }
  .rp-mobile-toggle { display: inline-flex; color: #d5eee0; border: 1px solid #42634e; }
  .rp-menu { padding: 14px 0 0; }
  .rp-menu.show { display: flex; }
  .rp-sidebar-bottom { padding-top: 14px; }
  .rp-workspace { margin: 0 8px 8px; min-height: calc(100vh - 80px); border-radius: 14px; }
  .rp-topbar { border-radius: 14px 14px 0 0; padding: 12px 16px; }
  .rp-topbar-caption { display: none; }
  .rp-main.container { padding: 20px 16px !important; }
  #detail-header-tabs { padding: 8px 16px; }
  .rp-skip { left: 16px; }
  .rp-summary-grid { grid-template-columns: 1fr; }
  .rp-metric-grid { gap: 12px; }
  .rp-card-heading { flex-wrap: wrap; }
  .rp-hero-value { font-size: 28px; }
  .rp-site-row { flex-wrap: wrap; }
  .rp-site-identity { min-width: 120px; }
  h1 { font-size: 23px; }
}
@media (max-width: 420px) { .rp-metric-grid { grid-template-columns: 1fr; } .rp-metric-grid > div + div { border-top: 1px solid #e5eee8; padding-top: 12px; } .rp-mini-stats { gap: 4px; } .rp-mini-stats > div { padding: 7px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
/* V2 screen composition: project contexts, collection filters and an actual editor workspace. */
.rp-page-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap }
.rp-filter-bar { display:flex; align-items:end; flex-wrap:wrap; gap:16px; padding:18px; background:white; border:1px solid var(--cp-line); border-radius:14px; margin-bottom:24px }
.rp-filter-bar label { display:grid; gap:7px; color:var(--cp-muted); font-size:12px; min-width:160px }
.rp-filter-bar label:first-child { flex:1; min-width:220px }
#sites-view > section.card { background:transparent; border:0; box-shadow:none!important }
#sites-view > section > .card-body { padding:0 }
.rp-site-card-top { display:flex; align-items:center; gap:14px; width:100%; flex-wrap:wrap }
.rp-site-glyph { display:grid; place-items:center; width:44px; height:44px; border-radius:10px; background:#edf8f3 }
.rp-site-glyph img { width:22px; height:22px }
.rp-site-health { margin-left:auto; font-size:11px; background:#f3f7f5; border-radius:20px; padding:6px 10px }
.rp-site-fields { display:grid; grid-template-columns:1fr 1fr; gap:22px; padding:26px 0 }
.rp-site-fields > span { display:grid; gap:6px; min-width:0 }
.rp-site-fields small { color:#6e837b; font-size:11px; text-transform:uppercase; letter-spacing:.04em }
.rp-site-fields strong { font-size:13px; font-weight:500; overflow-wrap:anywhere }
.rp-site-card-footer { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #edf1ef; padding-top:16px; gap:10px }
.rp-site-card-footer > span:last-child { display:flex; align-items:center; gap:8px; color:#147d64; font-size:12px }
.site-card .card-body { display:block!important; width:100%; padding:24px }
#detail-header-tabs { background:white; border:1px solid #dee6e3; padding:9px; border-radius:12px; margin:0 0 26px!important; justify-content:flex-start!important; gap:3px!important }
#detail-header-tabs .tab { color:#6e837b; border:0; font-size:12px; padding:11px 13px; border-radius:8px }
#detail-header-tabs .tab.active { background:#edf6f1; color:#163d30; font-weight:650 }
#site-detail-view > section.card { background:transparent; border:0; box-shadow:none!important }
#site-detail-view > section > .tab-pane { padding:0 }
#site-detail-view .tab-pane > .table-responsive,#site-detail-view .border.rounded { background:white; border:1px solid #dee6e3!important; border-radius:14px!important }
#site-detail-view .tab-pane > .table-responsive { padding:18px; margin-block:20px }
.rp-settings-layout:not(.d-none) { display:grid; grid-template-columns:200px minmax(0,1fr); gap:24px; align-items:start }
[data-settings-nav] { background:white; border:1px solid #dee6e3; border-radius:14px; padding:12px }
[data-settings-nav] > div { flex-direction:column; margin:0!important }
[data-settings-nav] .btn { justify-content:flex-start; border:0; padding:12px; font-size:12px; text-align:left; width:100% }
[data-settings-nav] .btn.active { background:#edf6f1; color:#163d30 }
.rp-settings-content { min-width:0 }
.rp-admin-layout { display:grid; grid-template-columns:190px minmax(0,1fr); gap:24px; padding:0!important; background:transparent }
.rp-admin-rail { display:flex; flex-direction:column; align-self:start; padding:12px; border:1px solid #dee6e3; border-radius:14px; background:white }
.rp-admin-rail .btn { border:0; text-align:left; justify-content:flex-start; font-size:12px; padding:12px; white-space:normal }
.rp-admin-layout > [data-admin-panel] { grid-column:2; grid-row:1; min-width:0 }
.rp-admin-layout .admin-nav-link.active { background:#edf6f1; color:#163d30 }
.rp-labeled-action { width:auto!important; gap:8px; padding-inline:14px!important; color:#147d64!important; font-size:12px!important; border:1px solid #dbe6e0!important }
.file-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; margin:0 }
.file-breadcrumb .breadcrumb-item { display:inline-flex; align-items:center; gap:8px; padding:0!important; margin-right:10px }
.file-breadcrumb .breadcrumb-item + .breadcrumb-item::before { float:none; display:inline-flex; align-items:center; padding:0; line-height:1; color:#95aaa0 }
.rp-code-layout { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:20px }
.rp-code-surface { display:flex; border-radius:12px; overflow:hidden; background:#071812; min-width:0 }
.rp-code-surface #file-editor { background:#071812; color:#cef2d8; border:0; border-radius:0; box-shadow:none; padding:20px 16px; font:13px/22px Consolas,monospace; min-height:580px; height:580px; resize:vertical; white-space:pre; overflow:auto; tab-size:2 }
#rp-editor-lines { background:#0b2119; color:#678e7a; border:0; border-right:1px solid #1d3c2e; margin:0; padding:20px 10px; width:54px; flex:0 0 54px; text-align:right; font:13px/22px Consolas,monospace; height:580px; overflow:hidden; user-select:none }
.rp-editor-inspector { border:1px solid #dee6e3; border-radius:12px; padding:18px; min-width:0 }
.rp-editor-inspector h2 { font-size:15px }
.rp-editor-inspector p { overflow-wrap:anywhere; font-size:12px }
.rp-editor-inspector dt { color:#6e837b; font-size:11px; font-weight:500; margin-top:16px }
.rp-editor-inspector dd { font-size:13px; margin-top:4px }
.rp-editor-inspector .alert { font-size:12px; line-height:1.7 }
@media(max-width:1180px) { .rp-code-layout { grid-template-columns:minmax(0,1fr) } .rp-editor-inspector dl { display:grid; grid-template-columns:1fr 1fr; gap:6px } .rp-admin-layout { grid-template-columns:160px minmax(0,1fr) } }
@media(max-width:700px) { .rp-settings-layout:not(.d-none),.rp-admin-layout { grid-template-columns:minmax(0,1fr) } .rp-admin-layout > [data-admin-panel] { grid-column:auto; grid-row:auto } .rp-admin-rail { flex-direction:row; flex-wrap:wrap } [data-settings-nav] > div { flex-direction:row; flex-wrap:wrap } [data-settings-nav] .btn { width:auto } .rp-site-card-top .site-card-domain { font-size:17px } }
/* Pipeline V2: persistent collection rail, versioned workspace and execution inspector. */
.rp-pipeline-workspace { display:grid; grid-template-columns:240px minmax(0,1fr); gap:18px; align-items:stretch }
.rp-pipeline-rail,#rp-pipeline-pane { background:white; border:1px solid #dee6e3; border-radius:14px; min-width:0; overflow:hidden }
.rp-pipeline-rail { padding:16px; min-height:580px }
.rp-pipeline-rail input { margin:18px 0 }
.rp-pipeline-item { width:100%; display:grid; gap:9px; text-align:left; padding:18px 14px; background:#f5f8f6; color:#17372a; border:1px solid #e1e9e4; border-radius:10px; margin-bottom:12px }
.rp-pipeline-item strong { font-size:14px; overflow-wrap:anywhere }.rp-pipeline-item span { font:11px Consolas,monospace; overflow-wrap:anywhere }.rp-pipeline-item small { font-size:11px; opacity:.75 }
.rp-pipeline-item.active { background:#071812; color:#e6fff0; border-color:#071812 }
.rp-pipeline-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:24px; flex-wrap:wrap }
.rp-pipeline-header small { color:#648274; font:11px Consolas,monospace }.rp-pipeline-header h2 { font-size:23px; margin:9px 0 }.rp-pipeline-header p { font-size:12px; margin:0 }
.rp-pipeline-tabs { display:flex; flex-wrap:wrap; border-block:1px solid #e5ece7; padding:8px 18px; gap:8px }
.rp-pipeline-tabs button { border:0; background:transparent; color:#6c8176; border-radius:8px; padding:12px 16px; font-size:12px }.rp-pipeline-tabs button.active { background:#eef7f1; color:#126e53; font-weight:600 }
.rp-pipeline-body { padding:20px; min-width:0 }.rp-pipeline-body h3 { font-size:16px }.rp-pipeline-body p { font-size:12px; line-height:1.7 }
.rp-pipeline-toolbar { display:flex; gap:14px; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap }.rp-pipeline-toolbar p { margin:0; color:#789085; font-size:12px }
.rp-workflow-canvas { background-color:#0b1b14; background-image:radial-gradient(#2d4539 1px,transparent 1px); background-size:18px 18px; border-radius:12px; padding:26px; display:grid; grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:24px; min-height:320px; align-content:start }
.rp-workflow-node { text-align:left; background:#142b20; border:1px solid #385a46; color:#e0fce9; border-radius:10px; display:grid; gap:12px; padding:18px; min-width:0 }.rp-workflow-node small { color:#7adca5; font-size:10px; text-transform:uppercase }.rp-workflow-node strong { font-size:14px }.rp-workflow-node span,.rp-workflow-node code { font-size:11px; overflow-wrap:anywhere; color:#8cab99 }
.rp-step-inspector { margin-top:18px }.rp-pipeline-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:24px }.rp-pipeline-stats > div { border:1px solid #e1e9e4; border-radius:10px; padding:16px; display:grid; gap:10px }.rp-pipeline-stats small { color:#6b8475; font-size:11px }.rp-pipeline-stats strong { font-size:24px }
.rp-target-grid,.rp-settings-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px }.rp-target-card,.rp-settings-summary dl { padding:20px; border:1px solid #dce9e0; border-radius:12px }.rp-target-card dt,.rp-settings-summary dt { font-size:11px; color:#6c8176; margin-top:16px }.rp-target-card dd,.rp-settings-summary dd { font-size:13px; overflow-wrap:anywhere }
.rp-run-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:18px }.rp-run-steps { list-style:none; padding:0 }.rp-run-steps li { padding:15px; border-bottom:1px solid #e3eae5; display:grid; gap:8px; font-size:12px }.rp-run-layout .log { margin:0; max-height:600px }
.rp-pipeline-form { border:1px solid #acdac1; border-radius:12px; background:#f6faf7; padding:24px; margin-top:22px }.rp-form-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-block:24px }.rp-form-field { display:grid; gap:8px; font-size:12px; min-width:0 }.rp-form-wide { grid-column:1 / -1 }.rp-pipeline-form textarea { white-space:pre; min-width:0 }
.rp-legacy-deploy { margin-top:28px; border:1px solid #dce9e0; border-radius:12px; padding:18px; background:white }.rp-legacy-deploy summary { font-size:13px; font-weight:600; cursor:pointer }.rp-legacy-deploy[open] summary { margin-bottom:22px }
@media(max-width:1200px) { .rp-pipeline-workspace { grid-template-columns:190px minmax(0,1fr) } .rp-target-grid,.rp-settings-summary,.rp-run-layout { grid-template-columns:minmax(0,1fr) } }
@media(max-width:800px) { .rp-pipeline-workspace { grid-template-columns:minmax(0,1fr) } .rp-pipeline-rail { min-height:0 } #rp-pipeline-list { display:flex; gap:12px; overflow:auto }.rp-pipeline-item { min-width:190px; width:190px; flex-shrink:0 } .rp-form-fields { grid-template-columns:minmax(0,1fr) }.rp-pipeline-body { padding:14px } }
.rp-new-site-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr); gap:24px; background:transparent!important; border:0!important; box-shadow:none!important }
.rp-new-site-layout > form { border:1px solid #dee6e3; border-radius:14px; background:white; padding:28px }
.rp-new-site-summary { align-self:start; background:#071812; color:#e4f6eb; padding:28px; border-radius:14px }
.rp-new-site-summary h2 { font-size:19px; color:#e4f6eb }.rp-new-site-summary dl { display:grid; grid-template-columns:1fr 1.3fr; gap:22px 15px; margin-block:25px }.rp-new-site-summary dt { font-size:12px; font-weight:400; color:#91b19f }.rp-new-site-summary dd { font-size:12px; overflow-wrap:anywhere }.rp-new-site-summary p { font-size:12px; line-height:1.8; color:#91b19f }
#admin-view > section.card { border:0; background:transparent; box-shadow:none!important }
.rp-admin-layout .admin-pane > .row { margin:0 }.rp-admin-layout .admin-pane > .border,.rp-admin-layout .admin-pane > section,.rp-admin-layout .admin-pane form { background:white; border-radius:14px!important }
@media(max-width:950px) { .rp-new-site-layout { grid-template-columns:minmax(0,1fr) } }
.rp-file-browser-layout:not(.d-none) { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:20px }
.rp-file-actions { background:white; border:1px solid #dee6e3; border-radius:14px; padding:22px; align-self:start }
.rp-file-actions h2 { font-size:16px }.rp-file-actions h3 { font-size:13px; margin-top:24px }.rp-file-actions p { font-size:12px; line-height:1.8; color:#6e837b }
.rp-file-actions .file-bulk-bar { flex-direction:column; align-items:stretch!important; padding:14px; background:#f1f8f4; border-radius:10px }.rp-file-actions .file-bulk-bar > div { flex-direction:column }
@media(max-width:1100px) { .rp-file-browser-layout:not(.d-none) { grid-template-columns:minmax(0,1fr) } }
.rp-collection-filter { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:16px; padding:16px 0; margin-bottom:12px }
.rp-collection-filter label { display:grid; gap:7px; font-size:11px; color:#6e837b; min-width:210px; width:min(400px,100%) }.rp-collection-filter span { padding-bottom:10px }
.rp-monitor-charts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0 }.rp-monitor-charts article { padding:24px; border:1px solid #dee6e3; border-radius:14px; background:white; min-width:0; display:grid; gap:14px }.rp-monitor-charts span { color:#6e837b; font-size:12px }.rp-monitor-charts strong { font-size:23px }.rp-monitor-charts canvas { display:block; width:100%; height:130px }.rp-monitor-charts small { font-size:10px; color:#8ba095 }.rp-monitor-history { margin-bottom:24px }.rp-monitor-history summary { padding:14px; cursor:pointer; color:#587365; font-size:12px }.rp-monitor-history[open] summary { margin-bottom:12px }
.rp-integration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start }.rp-integration-grid > section { margin:0!important }.rp-integration-grid .card-body { padding:24px }
.rp-vault-banner { display:flex; align-items:center; justify-content:space-between; gap:24px; background:#071812; color:#e4f6eb; padding:28px; border-radius:14px; margin-bottom:24px }.rp-vault-banner h2 { color:#e4f6eb; margin:12px 0; font-size:22px }.rp-vault-banner p { color:#98b7a5; font-size:12px; margin:0 }.rp-vault-banner small { font-size:10px; letter-spacing:.08em }.rp-vault-banner img { width:30px; height:30px }
.rp-pipeline-body table > thead > tr > th { text-transform:uppercase; letter-spacing:.05em; font-size:10px; font-weight:500; color:#6e837b; padding:14px!important }.rp-pipeline-body table td { padding:16px 12px!important; font-size:12px }.rp-pipeline-body code { color:#326c51 }
@media(max-width:1100px) { .rp-integration-grid { grid-template-columns:minmax(0,1fr) } }
@media(max-width:700px) { .rp-monitor-charts { grid-template-columns:minmax(0,1fr) } }