:root{font-family:Inter,system-ui,sans-serif;background:#f3f5f7;color:#18202a}*{box-sizing:border-box}body{margin:0}header{background:#111827;color:#fff;padding:22px 5vw;display:flex;justify-content:space-between;align-items:center}header h1{margin:2px 0}header a{color:inherit;text-decoration:none}main{width:min(1180px,92vw);margin:32px auto 70px}.hero h2{font-size:48px;margin:4px 0}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.panel{background:#fff;border:1px solid #dce1e7;border-radius:15px;padding:24px;margin-bottom:20px;box-shadow:0 8px 24px #1118270d}form{display:grid;gap:12px}label{display:grid;gap:5px;font-weight:700;font-size:14px}input{padding:11px;border:1px solid #c8d0d8;border-radius:8px;font:inherit}.check{display:flex;align-items:center;gap:7px;font-weight:500}.check input{width:auto}button{border:0;border-radius:8px;padding:11px 15px;background:#0ea5e9;color:white;font-weight:800;cursor:pointer}.secondary{background:#374151}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.cards article{border:1px solid #dde3e9;border-radius:11px;padding:18px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between}.cards h4{font-size:20px;margin:5px 0}.actions{display:flex;gap:8px;align-items:end}.actions form{display:flex;gap:8px;align-items:end}.scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e5e7eb}.status{border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;text-transform:uppercase}.queued{background:#fff3cd}.running{background:#cfe2ff}.succeeded{background:#d1e7dd}.failed{background:#f8d7da}.heading{display:flex;justify-content:space-between;align-items:center}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#111827;color:#e5e7eb;padding:16px;border-radius:9px;max-height:450px;overflow:auto}.flash{padding:12px;border-radius:9px;margin-bottom:15px}.flash.error,.error{background:#f8d7da;color:#842029}.flash.success{background:#d1e7dd}@media(max-width:760px){.grid{grid-template-columns:1fr}.hero h2{font-size:38px}}


.button-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  padding: 11px 15px;
  background: #0ea5e9;
  color: white;
  font-weight: 800;
  text-decoration: none;
}
.button-link.secondary { background: #374151; }
.success-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 16px;
  margin: 18px 0;
  border: 1px solid #b7dec9;
  background: #eefaf3;
  border-radius: 12px;
}
.success-actions form { margin: 0; }
.site-workspace { padding-bottom: 18px; }
.workspace-actions { justify-content: flex-end; }
.preview-frame-wrap {
  margin-top: 20px;
  border: 1px solid #cfd6de;
  border-radius: 12px;
  overflow: hidden;
  background: white;
}
.preview-frame {
  width: 100%;
  min-height: 720px;
  border: 0;
  display: block;
}
.muted { opacity: .65; font-size: 14px; }

@media (max-width: 760px) {
  .preview-frame { min-height: 560px; }
  .workspace-actions { justify-content: flex-start; }
}

button:disabled,
button[disabled] {
    background: #9ca3af !important;
    border-color: #9ca3af !important;
    color: #e5e7eb !important;
    cursor: not-allowed !important;
    opacity: 0.55;
    pointer-events: none;
}

.client-hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.client-heading-meta,.action-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.status-pill{display:inline-flex;border-radius:999px;padding:6px 10px;background:#e5e7eb;color:#374151;font-size:12px;font-weight:800;text-transform:uppercase}.status-pill.onboarding{background:#dbeafe;color:#1e40af}.status-pill.active{background:#d1fae5;color:#065f46}.status-pill.maintenance{background:#ede9fe;color:#5b21b6}.status-pill.inactive{background:#e5e7eb;color:#4b5563}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric-card{display:grid;gap:6px;padding:20px;background:#fff;border:1px solid #dce1e7;border-radius:13px}.metric-card span,.metric-card small{color:#64748b}.metric-card strong{font-size:26px}.metric-card.positive{border-color:#a7f3d0}.metric-card.attention{border-color:#fbbf24;background:#fffbeb}.button-link.compact{padding:7px 10px;font-size:13px}.preserve-lines{white-space:pre-line}.service-summary{display:grid;gap:10px}.service-summary article{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e5e7eb}.service-summary strong{color:#64748b}.note-form{max-width:720px}.activity-list{margin-top:24px}.activity-list article{padding:14px 0;border-top:1px solid #d7dde5}select,textarea{padding:11px;border:1px solid #c8d0d8;border-radius:8px;font:inherit}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.client-hero{display:grid;align-items:start}.metric-grid{grid-template-columns:1fr}}
.undo-conversion{margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.undo-conversion summary{cursor:pointer;font-weight:800}.undo-conversion form{max-width:320px}.danger-button{background:#b91c1c}.inline-form{display:inline}
.payment-entry{padding:16px 0;border-top:1px solid #e5e7eb}.payment-entry:first-of-type{border-top:0}.payment-entry>div{display:flex;align-items:center;gap:10px}.payment-entry>div>strong{font-size:22px}.payment-entry p{margin:7px 0}.payment-entry.voided{opacity:.65}.status-pill.completed{background:#d1fae5;color:#065f46}.status-pill.voided{background:#fee2e2;color:#991b1b}.void-payment{margin-top:10px}.void-payment summary{cursor:pointer;font-size:13px;font-weight:800}.void-payment form{margin-top:10px}.void-reason{color:#991b1b;font-size:13px}.payment-complete{padding:14px;border-radius:9px;background:#d1fae5;color:#065f46;font-weight:800}

.global-header{position:sticky;top:0;z-index:1000;box-shadow:0 4px 14px #11182726}
.workspace-topbar{position:sticky;top:99px;z-index:900;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:10px 12px;background:#f3f5f7eF;backdrop-filter:blur(8px);border-bottom:1px solid #dce1e7}
.workspace-tabs{display:flex;flex-wrap:wrap;gap:7px}.workspace-tab{background:#e5e7eb;color:#374151;padding:9px 12px}.workspace-tab.active{background:#0ea5e9;color:#fff}
.workspace-panel[hidden]{display:none}.version-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.version-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}
.version-card{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:18px;border:1px solid #dce1e7;border-radius:12px;background:#f8fafc}.version-card.approved{border-color:#86efac;background:#f0fdf4}.version-card.candidate{border-color:#fbbf24;background:#fffbeb}.version-card h3{margin:9px 0 3px}.version-card p{margin:0;color:#475569}.version-card .actions{flex-wrap:wrap;align-items:center}.publish-row{justify-content:flex-end;margin-top:16px}.status-pill.attention{background:#fef3c7;color:#92400e}
@media(max-width:760px){.global-header{position:static}.workspace-topbar{top:0;align-items:flex-start;flex-direction:column}.version-grid.two-column{grid-template-columns:1fr}}
.share-preview-grid{margin-top:22px}.share-preview-grid form{width:100%}.prepared-share{margin-top:20px;padding:20px;border:2px solid #0ea5e9;border-radius:12px;background:#f0f9ff}.prepared-share textarea{width:100%;margin:8px 0 12px}.share-pin{font-size:28px;letter-spacing:5px}.share-history{margin-top:20px}.share-history article{padding:10px 0;border-top:1px solid #dce1e7}
.user-menu{display:flex;align-items:center;justify-content:flex-end;gap:8px}.user-menu small{text-transform:uppercase;color:#94a3b8}.user-menu form{margin:0}.button-quiet{padding:7px 10px;background:#334155}.login-shell{min-height:65vh;display:grid;place-items:center}.login-panel{width:min(460px,100%)}.account-list{display:grid;gap:14px}.account-list article{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:24px;padding:18px 0;border-top:1px solid #d7dde5}.account-list h4,.account-list p{margin:0 0 6px}.compact-form{margin-top:12px}@media(max-width:760px){.account-list article{grid-template-columns:1fr}.user-menu span,.user-menu small{display:none}}