:root { color-scheme: dark; --bg:#080807; --panel:#121210; --line:rgba(255,255,255,.11); --text:#f4f1e8; --muted:#aaa397; --yellow:#ffd22e; font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; min-width:960px; min-height:100vh; overflow:auto; background:var(--bg); color:var(--text); }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
.ops-shell { width:min(1280px,calc(100% - 56px)); margin:0 auto; padding:28px 0; }
.ops-header { display:flex; align-items:center; justify-content:space-between; height:52px; margin-bottom:34px; }
.ops-brand { display:flex; align-items:center; gap:10px; }
.ops-brand img { width:32px; height:32px; }
.ops-brand strong { font-size:20px; }
.ops-brand span { margin-left:8px; color:var(--muted); font-size:13px; }
.login-panel { width:440px; margin:12vh auto 0; padding:28px; border:1px solid var(--line); border-radius:8px; background:var(--panel); }
.login-panel p,.panel-head p { margin:0 0 9px; color:var(--yellow); font-size:12px; font-weight:900; }
.login-panel h1,.panel-head h1 { margin:0 0 28px; letter-spacing:0; }
.login-panel label { display:grid; gap:8px; color:var(--muted); }
.login-panel input { width:100%; min-height:48px; padding:0 13px; border:1px solid var(--line); border-radius:8px; background:#090908; color:var(--text); }
.primary-button,.quiet-button { min-height:42px; border-radius:8px; padding:0 16px; font-weight:900; }
.primary-button { width:100%; margin-top:18px; border:0; background:var(--yellow); color:#111; }
.quiet-button { border:1px solid var(--line); background:transparent; color:var(--text); }
.login-panel output { display:block; min-height:22px; margin-top:14px; color:var(--muted); font-size:13px; }
.ops-workspace { display:grid; gap:18px; }
.summary-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.summary-grid article,.data-panel { border:1px solid var(--line); border-radius:8px; background:var(--panel); }
.summary-grid article { display:grid; gap:12px; min-height:122px; padding:20px; }
.summary-grid span { color:var(--muted); }
.summary-grid strong { color:var(--yellow); font-size:30px; }
.summary-grid small { min-height:18px; color:var(--muted); font-size:12px; }
.summary-grid strong[data-state="watch"] { color:#ffb547; }
.summary-grid strong[data-state="critical"],.summary-grid strong[data-state="check-failed"] { color:#ff786e; }
.data-panel { height:calc(100vh - 303px); min-height:460px; padding:22px; overflow:hidden; }
.panel-head { display:flex; align-items:flex-start; justify-content:space-between; }
.panel-head h1 { margin-bottom:0; }
.panel-actions,.ops-tabs { display:flex; align-items:center; gap:8px; }
.ops-tabs { padding:4px; border:1px solid var(--line); border-radius:8px; background:#090908; }
.ops-tabs button { min-height:34px; padding:0 13px; border:0; border-radius:6px; background:transparent; color:var(--muted); font-weight:800; }
.ops-tabs button.active { background:var(--yellow); color:#111; }
.ops-list { display:grid; gap:8px; max-height:calc(100% - 76px); margin-top:22px; overflow-y:auto; overscroll-behavior:contain; }
.tenant-row { display:grid; grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) 120px; align-items:center; gap:16px; min-height:62px; padding:0 16px; border-radius:8px; background:rgba(255,255,255,.045); }
.tenant-row span,.tenant-row small { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tenant-row small { color:var(--muted); }
.tenant-row b { color:var(--yellow); text-align:right; }
.billing-hold-row { display:grid; grid-template-columns:minmax(180px,.8fr) minmax(280px,1.35fr) minmax(170px,.7fr); align-items:center; gap:16px; min-height:82px; padding:12px 16px; border-left:3px solid rgba(255,210,46,.48); border-radius:8px; background:rgba(255,255,255,.045); }
.billing-hold-row > div { display:grid; gap:5px; min-width:0; }
.billing-hold-row span,.billing-hold-row small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.billing-hold-row small { color:var(--muted); }
.billing-hold-row b { color:var(--yellow); }
.billing-hold-row p { grid-column:1/-1; margin:0; color:#ff9c94; font-size:12px; }
.billing-hold-row p:empty { display:none; }
.billing-hold-row[data-state="failed"] { border-left-color:#ff786e; }
.billing-hold-row[data-state="failed"] b { color:#ff786e; }
.billing-hold-row[data-state="notified"] { border-left-color:#6fd29a; }
.billing-hold-row[data-state="notified"] b { color:#6fd29a; }
.worker-row { display:grid; grid-template-columns:minmax(280px,1.25fr) minmax(160px,.65fr) minmax(170px,.55fr); align-items:center; gap:16px; min-height:78px; padding:12px 16px; border-left:3px solid rgba(255,210,46,.48); border-radius:8px; background:rgba(255,255,255,.045); }
.worker-row > div { display:grid; gap:5px; min-width:0; }
.worker-row strong,.worker-row small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.worker-row small,.worker-action span { color:var(--muted); }
.worker-row b { color:#6fd29a; }
.worker-row[data-state="running"] b { color:var(--yellow); }
.worker-row[data-state="failed"] { border-left-color:#ff786e; }
.worker-row[data-state="failed"] b { color:#ff786e; }
.worker-action { grid-template-columns:auto minmax(0,1fr); align-items:center; justify-content:end; }
.worker-action .quiet-button { min-height:36px; }
.worker-action .quiet-button:disabled { cursor:not-allowed; opacity:.45; }
.worker-action output { color:var(--yellow); font-size:12px; text-align:right; }
.worker-history { display:flex; align-items:center; gap:5px; min-height:8px; }
.worker-history i { width:7px; height:7px; border-radius:50%; background:#6fd29a; }
.worker-history i[data-state="running"] { background:var(--yellow); }
.worker-history i[data-state="failed"] { background:#ff786e; }
.worker-failure { grid-column:1/-1; padding-top:10px; border-top:1px solid var(--line); }
.worker-failure summary { width:max-content; color:#ff9c94; cursor:pointer; font-size:12px; font-weight:900; list-style:none; }
.worker-failure summary::-webkit-details-marker { display:none; }
.worker-failure summary::before { content:'+'; display:inline-block; width:16px; color:var(--yellow); }
.worker-failure[open] summary::before { content:'−'; }
.worker-failure div { display:grid; grid-template-columns:130px minmax(0,1fr) auto; align-items:center; gap:8px 14px; margin-top:10px; padding:10px 12px; border-radius:7px; background:#0b0b0a; }
.worker-failure p { margin:0; overflow:hidden; color:var(--muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.worker-failure small { grid-column:1/3; overflow:hidden; color:var(--muted); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.worker-failure a { color:var(--yellow); font-size:12px; font-weight:800; }
.audit-workspace { height:calc(100% - 76px); margin-top:22px; overflow:hidden; }
.audit-toolbar { display:flex; align-items:end; gap:10px; min-height:58px; padding:10px 12px; border-radius:8px; background:rgba(255,255,255,.045); }
.audit-toolbar label { display:grid; gap:6px; color:var(--muted); font-size:12px; font-weight:800; }
.audit-toolbar select,.audit-toolbar input { min-height:38px; padding:8px 10px; border:1px solid var(--line); border-radius:7px; outline:none; background:#090908; color:var(--text); }
.audit-toolbar select { width:120px; }
.audit-toolbar input[type="date"] { width:138px; }
.audit-toolbar .audit-query { flex:1; }
.audit-toolbar input { width:100%; }
.audit-summary { display:flex; align-items:center; justify-content:space-between; min-height:30px; margin:7px 2px 0; color:var(--muted); font-size:12px; }
.audit-summary > div { display:flex; align-items:center; gap:8px; }
.audit-summary .quiet-button { min-height:28px; padding:0 10px; font-size:11px; }
.audit-summary .quiet-button:disabled { cursor:not-allowed; opacity:.35; }
.audit-list { max-height:calc(100% - 98px); margin-top:8px; }
.audit-row { display:grid; grid-template-columns:110px minmax(280px,1.5fr) minmax(180px,.8fr) 120px; align-items:center; gap:16px; min-height:68px; padding:10px 16px; border-left:3px solid #6fd29a; border-radius:8px; background:rgba(255,255,255,.045); }
.audit-row > div { display:grid; gap:4px; min-width:0; }
.audit-row strong,.audit-row span,.audit-row small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.audit-row b { color:var(--yellow); }
.audit-row small,.audit-row time { color:var(--muted); font-size:12px; }
.audit-row time { text-align:right; }
.audit-row[data-state="rejected"] { border-left-color:#ffb547; }
.audit-row[data-state="error"] { border-left-color:#ff786e; }
.lead-workspace { height:calc(100% - 76px); margin-top:22px; overflow:hidden; }
.lead-toolbar { display:flex; align-items:end; gap:10px; min-height:58px; padding:10px 12px; border-radius:8px; background:rgba(255,255,255,.045); }
.lead-toolbar label,.lead-controls label,.lead-note label { display:grid; gap:6px; min-width:0; color:var(--muted); font-size:12px; font-weight:800; }
.lead-toolbar label:nth-child(2) { flex:1; }
.lead-toolbar input,.lead-toolbar select,.lead-controls input,.lead-controls select,.lead-note textarea {
  width:100%;
  min-height:38px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:7px;
  outline:none;
  background:#090908;
  color:var(--text);
}
.lead-toolbar input:focus,.lead-toolbar select:focus,.lead-controls input:focus,.lead-controls select:focus,.lead-note textarea:focus { border-color:rgba(255,210,46,.7); }
.lead-toolbar select { width:150px; }
.lead-list { max-height:calc(100% - 72px); margin-top:12px; }
.lead-row { display:grid; grid-template-columns:minmax(190px,.8fr) minmax(260px,1.25fr) minmax(190px,.75fr); gap:16px; padding:16px; border-left:3px solid rgba(255,210,46,.65); border-radius:8px; background:rgba(255,255,255,.045); }
.lead-row[data-state="converted"] { border-left-color:#6fd29a; }
.lead-row[data-state="closed"] { border-left-color:#6d6a63; opacity:.78; }
.lead-identity,.lead-context,.lead-controls,.lead-note { display:grid; align-content:start; gap:8px; min-width:0; }
.lead-identity > div { display:flex; align-items:baseline; gap:8px; min-width:0; }
.lead-identity strong,.lead-identity span,.lead-identity a,.lead-context p,.lead-context small { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.lead-identity span,.lead-identity small,.lead-context small { color:var(--muted); }
.lead-identity a { color:var(--yellow); font-size:13px; white-space:nowrap; }
.lead-context p { display:-webkit-box; margin:0; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.lead-alert { width:max-content; padding:4px 7px; border:1px solid var(--line); border-radius:6px; }
.lead-alert[data-state="sent"] { border-color:rgba(111,210,154,.45); color:#6fd29a; }
.lead-alert[data-state="failed"] { border-color:rgba(255,120,110,.45); color:#ff786e; }
.lead-controls { grid-template-columns:1fr; }
.lead-note { grid-column:1/-1; grid-template-columns:minmax(0,1fr) 150px; align-items:end; padding-top:12px; border-top:1px solid var(--line); }
.lead-note textarea { resize:vertical; }
.lead-note > div { display:grid; gap:8px; }
.lead-note output { min-height:18px; color:var(--muted); font-size:12px; text-align:right; }
.lead-note .quiet-button { width:100%; }
.lead-operations { grid-column:1/-1; display:flex; align-items:center; gap:8px; }
.lead-operations .quiet-button { min-height:36px; }
.lead-operations .quiet-button:disabled { cursor:not-allowed; opacity:.38; }
.lead-operations small { margin-left:auto; color:var(--muted); }
.lead-conversion-button:not(:disabled) { border-color:rgba(255,210,46,.55); color:var(--yellow); }
.lead-detail-panel { grid-column:1/-1; display:grid; grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr); gap:12px; max-height:290px; padding:12px; border:1px solid var(--line); border-radius:8px; background:#0b0b0a; overflow:hidden; }
.lead-conversion-draft,.lead-history { min-width:0; overflow:hidden; }
.lead-conversion-draft { overflow-y:auto; overscroll-behavior:contain; }
.lead-conversion-draft > div { display:flex; justify-content:space-between; gap:12px; }
.lead-conversion-draft > div:first-child span { color:#6fd29a; font-size:12px; font-weight:800; }
.lead-conversion-draft dl { display:grid; gap:1px; margin:12px 0; border:1px solid var(--line); border-radius:7px; overflow:hidden; }
.lead-conversion-draft dl div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:10px; padding:8px 10px; background:rgba(255,255,255,.04); }
.lead-conversion-draft dt { color:var(--muted); }
.lead-conversion-draft dd { margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lead-conversion-draft p { margin:10px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.lead-conversion-form { display:grid !important; grid-template-columns:minmax(0,1fr) 140px auto; align-items:end; gap:8px !important; }
.lead-conversion-form label { display:grid; gap:6px; color:var(--muted); font-size:12px; }
.lead-conversion-form select,.lead-conversion-form input { min-height:38px; }
.lead-conversion-form .domain-input { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; min-width:0; border:1px solid var(--line); border-radius:7px; overflow:hidden; }
.lead-conversion-form .domain-input input { min-width:0; border:0; border-radius:0; }
.lead-conversion-form .domain-input b { padding:0 9px; color:var(--muted); font-size:11px; white-space:nowrap; }
.lead-conversion-form .primary-button { min-height:38px; padding:0 14px; white-space:nowrap; }
.lead-conversion-form output,.lead-conversion-form p { grid-column:1/-1; min-height:17px; margin:0; }
.lead-conversion-form output { color:var(--yellow); font-size:12px; }
.lead-conversion-complete { display:grid !important; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px !important; padding:10px; border:1px solid rgba(111,210,154,.35); border-radius:7px; }
.lead-conversion-complete strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lead-conversion-complete small { grid-column:1/-1; color:var(--muted); }
.lead-conversion-statuses { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px !important; margin-top:8px; }
.lead-conversion-statuses > div { display:grid !important; gap:3px !important; padding:8px 9px; border:1px solid var(--line); border-radius:7px; background:rgba(255,255,255,.035); }
.lead-conversion-statuses span,.lead-conversion-statuses small { color:var(--muted); font-size:11px; }
.lead-conversion-statuses strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.lead-conversion-statuses [data-state="complete"] { border-color:rgba(111,210,154,.38); }
.lead-conversion-statuses [data-state="complete"] strong { color:#6fd29a; }
.lead-conversion-statuses [data-state="failed"] { border-color:rgba(255,120,110,.45); }
.lead-conversion-statuses [data-state="failed"] strong,.lead-conversion-warning { color:#ff786e !important; }
.lead-conversion-warning { margin-top:7px !important; }
.lead-history { display:grid; grid-template-rows:auto minmax(0,1fr); gap:10px; }
.lead-history > div { display:grid; gap:7px; overflow-y:auto; overscroll-behavior:contain; }
.lead-history article { display:grid; grid-template-columns:minmax(100px,.7fr) minmax(120px,1fr) 100px; gap:6px 10px; padding:9px 10px; border-radius:7px; background:rgba(255,255,255,.045); }
.lead-history article span { color:var(--yellow); font-weight:800; }
.lead-history article b,.lead-history article time { font-size:12px; }
.lead-history article time { color:var(--muted); text-align:right; }
.lead-history article small,.lead-history article p { grid-column:1/-1; margin:0; color:var(--muted); font-size:12px; }
.lead-detail-error { grid-column:1/-1; margin:0; color:#ff786e; }
.empty-row { margin:0; padding:24px; color:var(--muted); text-align:center; }
[hidden] { display:none !important; }