:root {
  color-scheme: light;
  --bg: #f4f7fb;
  --panel: #ffffff;
  --panel-2: #eef3f9;
  --line: #d7e0ec;
  --text: #172033;
  --muted: #68778d;
  --accent: #3779df;
  --success: #16825a;
  --danger: #d7475d;
  --warning: #9a6500;
}


.shell:has(.app:not([hidden])){width:min(1380px,calc(100% - 32px));padding-top:24px}
.workspace-header{position:sticky;z-index:20;top:12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:30px;padding:12px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 16px 45px rgba(54,72,98,.12);backdrop-filter:blur(16px)}
.workspace-brand{display:flex;align-items:center;gap:10px}.workspace-brand>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#79adff,#9282ff);color:#102047;font-weight:950}.workspace-brand b,.workspace-brand small{display:block}.workspace-brand small{margin-top:2px;color:var(--muted);font-size:11px}
.workspace-nav{display:flex;padding:4px;border:1px solid var(--line);border-radius:12px;background:#f5f7fb}.workspace-nav button{background:transparent;color:var(--muted);padding:9px 17px}.workspace-nav button.active{background:var(--panel);color:var(--text);box-shadow:0 2px 8px rgba(54,72,98,.1)}
.workspace-header .topbar-actions{justify-self:end}.workspace-view{min-height:600px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{font-size:38px}.page-heading p{margin-bottom:0}
.campaign-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.campaign-summary article{padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(54,72,98,.05)}.campaign-summary span,.campaign-summary strong{display:block}.campaign-summary span{color:var(--muted);font-size:12px}.campaign-summary strong{margin-top:7px;font-size:25px}
.campaign-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0}.campaign-toolbar .filters{margin:0}.campaign-toolbar>input{width:min(330px,40vw)}
.campaign-list{display:grid;gap:10px}.campaign-card{display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(5,minmax(78px,.55fr)) auto;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(54,72,98,.05);transition:border-color .15s,transform .15s,box-shadow .15s}.campaign-card:hover{border-color:#aac0dc;box-shadow:0 12px 30px rgba(54,72,98,.1);transform:translateY(-1px)}.campaign-main{min-width:0}.campaign-main h2{margin:0;overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.campaign-main p{margin:6px 0 0;overflow:hidden;color:var(--muted);font:12px ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.campaign-main div{display:flex;align-items:center;gap:7px;margin-top:8px}.campaign-main small{color:var(--muted)}
.campaign-metric span,.campaign-metric strong{display:block}.campaign-metric span{color:var(--muted);font-size:10px;text-transform:uppercase}.campaign-metric strong{margin-top:4px;font-size:17px}.campaign-actions{display:flex;gap:6px}.campaign-actions button{padding:9px 11px;background:var(--panel-2);color:var(--text);border-color:var(--line)}.campaign-actions button.primary-action{background:var(--accent);color:#fff}.campaign-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(22,130,90,.11);color:var(--success);font-size:10px;font-weight:850;text-transform:uppercase}.campaign-status.paused{background:rgba(154,101,0,.1);color:var(--warning)}.campaign-status.archived{background:rgba(215,71,93,.1);color:var(--danger)}
.tracker-dialog{width:min(820px,calc(100% - 24px));max-height:90vh;padding:0;overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--text);box-shadow:0 30px 100px rgba(42,55,76,.25)}.tracker-dialog::backdrop{background:rgba(30,42,60,.28);backdrop-filter:blur(5px)}.tracker-dialog form,.tracker-dialog>section{padding:24px}.tracker-dialog header{display:flex;align-items:flex-start;justify-content:space-between}.tracker-dialog h2{margin:0;font-size:28px}.dialog-close{width:38px;height:38px;padding:0;background:transparent;color:var(--muted);font-size:25px}.step-tabs{display:flex;gap:8px;margin:22px 0}.step-tabs span{padding:7px 10px;border-radius:9px;background:#f1f4f8;color:var(--muted);font-size:11px}.step-tabs span.active{background:rgba(55,121,223,.12);color:var(--accent)}
.tracker-dialog .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tracker-dialog label{margin:0;color:var(--muted);font-size:12px}.tracker-dialog label input,.tracker-dialog label select{display:block;width:100%;margin-top:7px}.tracker-dialog label.check{grid-column:1/-1;display:flex;align-items:center;gap:8px}.tracker-dialog label.check input{width:auto;margin:0}.landing-builder{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h3{margin:0}.section-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.landing-row{display:grid;grid-template-columns:1fr 2fr 90px 34px;gap:8px;margin-top:10px}.landing-row input{width:100%}.landing-row button{padding:0;background:transparent;color:var(--danger);font-size:18px}.link-preview{margin-top:18px;padding:13px;border:1px solid #cbd8e8;border-radius:13px;background:#f7faff}.link-preview small,.link-preview code{display:block}.link-preview small{color:var(--muted)}.link-preview code{margin-top:6px;overflow-wrap:anywhere;color:var(--accent)}.tracker-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.detail-dialog{width:min(1050px,calc(100% - 24px))}.detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.detail-hero h2{margin:5px 0}.detail-hero code{color:var(--accent);overflow-wrap:anywhere}.detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.detail-actions button{background:var(--panel-2);color:var(--text);border-color:var(--line)}.detail-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:18px 0}.detail-metrics article{padding:12px;border-radius:12px;background:#f3f6fa}.detail-metrics span,.detail-metrics strong{display:block}.detail-metrics span{color:var(--muted);font-size:10px}.detail-metrics strong{margin-top:5px;font-size:19px}.detail-section{margin-top:20px}.detail-section>header{align-items:center}.detail-section h3{margin:0}.landing-table,.click-table{width:100%;margin-top:10px;border-collapse:collapse}.landing-table th,.landing-table td,.click-table th,.click-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.landing-table th,.click-table th{color:var(--muted);font-size:10px;text-transform:uppercase}.landing-table input{width:100%}.landing-table input[type=number]{width:80px}.landing-table button{padding:7px 9px;background:var(--panel-2);color:var(--text);border-color:var(--line)}.detail-close{position:sticky;right:0;top:0;float:right;z-index:2}
.flow-list{display:grid;gap:9px;margin-top:12px}.flow-card{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) minmax(180px,1fr) auto;align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#f8faff}.flow-card h4{margin:0 0 5px;font-size:14px}.flow-card p{margin:0;color:var(--muted);font-size:11px}.flow-kind{display:inline-flex;margin-right:6px;padding:3px 7px;border-radius:999px;background:rgba(55,121,223,.1);color:var(--accent);font-size:9px;font-weight:850;text-transform:uppercase}.flow-kind.forced{background:rgba(215,71,93,.1);color:var(--danger)}.flow-kind.default{background:rgba(22,130,90,.1);color:var(--success)}.flow-card.inactive{opacity:.62}.flow-card-actions{display:flex;gap:6px}.flow-card-actions button{padding:8px 10px;background:var(--panel);color:var(--text);border-color:var(--line)}.simulation-box{margin-top:12px;padding:14px;border:1px dashed #b8c8dc;border-radius:14px;background:#fbfdff}.simulation-fields{display:grid;grid-template-columns:1.4fr .7fr 1fr auto;gap:8px}.simulation-result{margin:10px 0 0;color:var(--muted);font-size:12px}.simulation-result strong{color:var(--text)}
.flow-dialog{width:min(900px,calc(100% - 24px))}.flow-main-grid{margin-top:20px}.flow-editor-section{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.flow-destination-row{display:grid;grid-template-columns:28px 1fr 100px;align-items:center;gap:10px;margin-top:9px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#f8faff}.flow-destination-row input[type=checkbox]{width:auto}.flow-destination-row input[type=number]{width:100%}.flow-destination-row small{display:block;margin-top:3px;color:var(--muted);overflow-wrap:anywhere}.flow-filter-row{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr 34px;gap:8px;margin-top:9px}.flow-filter-row input,.flow-filter-row select{width:100%}.flow-filter-row button{padding:0;background:transparent;color:var(--danger);font-size:18px}.flow-filter-empty{margin:12px 0;color:var(--muted);font-size:12px}
.source-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.source-summary article{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 8px 24px rgba(54,72,98,.05)}.source-summary span,.source-summary strong{display:block}.source-summary span{color:var(--muted);font-size:12px}.source-summary strong{margin-top:7px;font-size:25px}.source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.source-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 8px 24px rgba(54,72,98,.05)}.source-card.inactive{opacity:.68}.source-card-head,.source-card-head>div{display:flex;align-items:center;justify-content:space-between;gap:11px}.source-card-head>div{justify-content:flex-start}.source-card-head h2{margin:0;font-size:18px}.source-card-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.source-icon{display:grid;width:42px;height:42px;flex:none;place-items:center;border-radius:13px;background:linear-gradient(135deg,#dceaff,#ece7ff);color:#315f9d;font-size:18px;font-weight:900}.source-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:16px 0}.source-stats span{padding:8px;border-radius:9px;background:#f4f7fb;color:var(--muted);font-size:9px;text-align:center}.source-stats b{display:block;margin-bottom:3px;color:var(--text);font-size:13px}.source-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:58px}.source-chips span{padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:#fafcff;color:var(--muted);font-size:10px}.source-chips code{margin-left:3px;color:var(--accent)}.source-card footer{display:flex;justify-content:flex-end;gap:7px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.source-dialog{width:min(960px,calc(100% - 24px))}.source-main-grid{margin-top:20px}.source-parameter-editor{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.source-parameter-head,.source-parameter-row{display:grid;grid-template-columns:1fr 1.1fr 1.6fr 55px 34px;gap:8px;align-items:center}.source-parameter-head{margin-top:14px;padding:0 4px;color:var(--muted);font-size:10px;text-transform:uppercase}.source-parameter-row{margin-top:8px}.source-parameter-row input{width:100%}.source-parameter-row input[type=checkbox]{width:auto;justify-self:center}.source-parameter-row button{padding:0;background:transparent;color:var(--danger);font-size:18px}.link-builder{margin-top:12px}
.report-toolbar{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end;gap:10px;margin-bottom:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.report-toolbar label{margin:0}.report-toolbar input,.report-toolbar select{display:block;width:100%;margin-top:6px}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-bottom:16px}.report-summary article{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.report-summary span,.report-summary strong,.report-summary small{display:block}.report-summary span,.report-summary small{color:var(--muted)}.report-summary strong{margin:5px 0;font-size:24px}.report-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.report-table{width:100%;min-width:980px;border-collapse:collapse}.report-table th,.report-table td{padding:12px;border-bottom:1px solid var(--line);text-align:right;font-size:12px;white-space:nowrap}.report-table th{color:var(--muted);font-size:10px;text-transform:uppercase}.report-table th:first-child,.report-table td:first-child{text-align:left}.report-table td small{display:block;margin-top:3px;color:var(--muted)}.positive{color:var(--success)}.negative{color:var(--danger)}.cost-adjustment{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;margin-top:12px}
@media(max-width:1050px){.campaign-card{grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(70px,.55fr)) auto}.campaign-card .campaign-metric:nth-of-type(4),.campaign-card .campaign-metric:nth-of-type(5){display:none}.campaign-summary{grid-template-columns:repeat(3,1fr)}.detail-metrics{grid-template-columns:repeat(3,1fr)}.source-list{grid-template-columns:1fr}}
@media(max-width:760px){.shell:has(.app:not([hidden])){width:min(100% - 18px,1380px);padding-top:10px}.workspace-header{top:6px;grid-template-columns:1fr auto;gap:10px}.workspace-brand small{display:none}.workspace-nav{grid-column:1/-1;grid-row:2;order:3}.workspace-nav button{flex:1;padding:9px 10px}.workspace-header .topbar-actions{grid-column:2}.workspace-header #refresh-button{display:none}.page-heading{align-items:flex-start;flex-direction:column}.page-heading>button{width:100%}.campaign-summary,.source-summary{grid-template-columns:1fr 1fr}.campaign-toolbar{align-items:stretch;flex-direction:column}.campaign-toolbar>input{width:100%}.campaign-card{grid-template-columns:1fr 1fr}.campaign-main{grid-column:1/-1}.campaign-actions{justify-self:end}.campaign-metric:nth-of-type(n+3){display:none}.tracker-dialog .form-grid{grid-template-columns:1fr}.landing-row{grid-template-columns:1fr 70px 34px}.landing-row input[data-url]{grid-column:1/-1;grid-row:2}.detail-hero{flex-direction:column}.detail-actions{justify-content:flex-start}.landing-table,.click-table{min-width:720px}.detail-section{overflow:auto}.flow-card{grid-template-columns:1fr}.flow-card-actions{justify-content:flex-start}.simulation-fields{grid-template-columns:1fr}.flow-filter-row{grid-template-columns:1fr 1fr 34px}.flow-filter-row [data-filter-parameter],.flow-filter-row [data-filter-value]{grid-column:1/-1}.flow-destination-row{grid-template-columns:28px 1fr 80px}.source-stats{grid-template-columns:repeat(3,1fr)}.source-parameter-head{display:none}.source-parameter-row{grid-template-columns:1fr 34px}.source-parameter-row input:not([type=checkbox]){grid-column:1/-1}.source-parameter-row input[type=checkbox]{grid-column:1}.source-parameter-row button{grid-column:2;grid-row:4}.report-toolbar,.cost-adjustment{grid-template-columns:1fr}.report-toolbar button,.cost-adjustment button{width:100%}}


* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  zoom: .88;
  background:
    radial-gradient(circle at 15% 0%, rgba(79, 121, 255, 0.13), transparent 34rem),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button, input, select { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: wait; opacity: 0.55; }

.shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 44px 0 80px; }
.auth-card { width: min(620px, 100%); margin: 10vh auto 0; padding: 32px; border: 1px solid var(--line); border-radius: 24px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 28px 90px rgba(54, 72, 98, 0.15); }
.eyebrow { margin: 0 0 8px; color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: 0.14em; }
h1 { margin: 0; font-size: clamp(28px, 5vw, 42px); line-height: 1.05; }
.muted { color: var(--muted); line-height: 1.55; }
label { display: block; margin: 24px 0 8px; color: var(--muted); font-size: 13px; }
.auth-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
input, select { min-width: 0; border: 1px solid var(--line); border-radius: 11px; background: #fbfdff; color: var(--text); padding: 11px 12px; outline: none; }
input:focus, select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(55, 121, 223, 0.13); }
textarea { min-width: 0; border: 1px solid var(--line); border-radius: 11px; background: #fbfdff; color: var(--text); padding: 11px 12px; outline: none; font: 12px ui-monospace, SFMono-Regular, Consolas, monospace; resize: vertical; }
textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(55, 121, 223, 0.13); }
button { border: 1px solid transparent; border-radius: 11px; background: var(--accent); color: #fff; padding: 10px 15px; font-weight: 800; }
button.secondary { border-color: var(--line); background: var(--panel-2); color: var(--text); }
button.ghost { border-color: transparent; background: transparent; color: var(--muted); }
button.danger-action { border-color: #edc6cd; background: #fff7f8; color: var(--danger); }
.error { min-height: 20px; color: var(--danger); }
.topbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.topbar-actions { display: flex; gap: 8px; }
.filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 30px 0 18px; }
.filter { border-color: var(--line); background: var(--panel); color: var(--muted); }
.filter.active { border-color: var(--accent); background: rgba(55, 121, 223, 0.1); color: var(--text); }
.notice { min-height: 22px; color: var(--muted); }
.notice.success { color: var(--success); }
.notice.error { color: var(--danger); }
.lead-list { display: grid; gap: 12px; }
.lead-card { border: 1px solid var(--line); border-radius: 18px; background: rgba(255, 255, 255, 0.96); padding: 18px; box-shadow: 0 8px 24px rgba(54, 72, 98, 0.05); }
.lead-head { display: flex; justify-content: space-between; gap: 14px; }
.lead-title { margin: 0; font-size: 17px; overflow-wrap: anywhere; }
.lead-time { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.status { align-self: flex-start; border: 1px solid var(--line); border-radius: 999px; padding: 6px 10px; color: var(--warning); font-size: 12px; font-weight: 800; white-space: nowrap; }
.status.qualified, .status.sale { color: var(--success); }
.status.rejected, .status.refund { color: var(--danger); }
.lead-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 16px 0; }
.meta-box { border-radius: 12px; background: #f3f6fa; padding: 10px 12px; min-width: 0; }
.meta-label { display: block; margin-bottom: 4px; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; }
.meta-value { display: block; overflow-wrap: anywhere; font-size: 13px; }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; border-top: 1px solid var(--line); padding-top: 14px; }
.actions button { border-color: var(--line); background: var(--panel-2); color: var(--text); font-size: 13px; }
.actions button[data-status="qualified"] { color: var(--success); }
.actions button[data-status="rejected"], .actions button[data-status="refund"] { color: var(--danger); }
.money { display: flex; gap: 6px; margin-left: auto; }
.money input { width: 112px; }
.money select { width: 78px; }
.empty { padding: 46px 20px; border: 1px dashed var(--line); border-radius: 18px; text-align: center; color: var(--muted); }

.conversion-workspace { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.5fr); gap: 18px; }
.conversion-workspace > section, .postback-log-section { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); box-shadow: 0 8px 24px rgba(54,72,98,.05); }
.goal-list, .network-list { display: grid; gap: 10px; margin-top: 14px; }
.goal-card { display: grid; grid-template-columns: 8px minmax(130px, .8fr) minmax(150px, 1.2fr) auto auto; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: #f8faff; }
.goal-card.inactive, .network-card.inactive { opacity: .65; }
.goal-color { width: 8px; height: 42px; border-radius: 999px; }
.goal-card h4, .network-card h3 { margin: 0; }
.goal-card h4 small { padding: 2px 5px; border-radius: 6px; background: var(--panel-2); color: var(--muted); font-size: 8px; text-transform: uppercase; }
.goal-card p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.goal-values, .network-parameters, .network-mappings { display: flex; flex-wrap: wrap; gap: 5px; }
.goal-values code, .network-parameters code, .network-mappings span { padding: 4px 6px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); color: var(--muted); font-size: 9px; }
.goal-flags { color: var(--muted); font-size: 9px; }
.goal-flags span { display: block; }
.goal-card button { padding: 8px 9px; }
.network-card { padding: 15px; border: 1px solid var(--line); border-radius: 15px; background: #f8faff; }
.network-card header, .network-card header > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.network-card header > div { justify-content: flex-start; }
.network-card header p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.network-parameters, .network-mappings { margin-top: 11px; }
.network-postback { margin-top: 12px; padding: 10px; border: 1px dashed #b8c8dc; border-radius: 10px; background: var(--panel); }
.network-postback small, .network-postback code { display: block; }
.network-postback small { color: var(--muted); }
.network-postback code { margin-top: 5px; overflow-wrap: anywhere; color: var(--accent); font-size: 10px; }
.network-card footer { display: flex; justify-content: flex-end; gap: 7px; margin-top: 12px; }
.postback-log-section { margin-top: 18px; }
.postback-log-section .report-table-wrap { margin-top: 13px; }
.postback-table { min-width: 900px; }
.postback-outcome { padding: 4px 7px; border-radius: 999px; background: rgba(55,121,223,.1); color: var(--accent); font-size: 9px; font-weight: 850; text-transform: uppercase; }
.postback-outcome.accepted { background: rgba(22,130,90,.1); color: var(--success); }
.postback-outcome.rejected { background: rgba(215,71,93,.1); color: var(--danger); }
.network-dialog { width: min(940px, calc(100% - 24px)); }
.network-template-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 18px; }
.network-template-grid label { margin: 0; }
.network-template-grid textarea { display: block; width: 100%; margin-top: 7px; }
.network-template-grid small { display: block; margin-top: 5px; color: var(--muted); }

/* Campaign overflow menu */
.campaign-menu-wrap { position: relative; }
.campaign-card.menu-open { position: relative; z-index: 31; }
.campaign-menu-backdrop { position: fixed; z-index: 30; inset: 0; width: 100vw; height: 100vh; padding: 0; border: 0; border-radius: 0; background: transparent; cursor: default; }
.campaign-actions .campaign-menu-toggle { min-width: 38px; padding: 7px 10px; font-size: 19px; font-weight: 800; line-height: 1; }
.campaign-menu { position: absolute; z-index: 1; top: calc(100% + 7px); right: 0; display: grid; min-width: 218px; padding: 6px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); box-shadow: 0 14px 32px rgba(31, 52, 82, .18); }
.campaign-menu[hidden] { display: none; }
.campaign-actions .campaign-menu button { width: 100%; padding: 9px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--text); font-size: 12px; text-align: left; box-shadow: none; }
.campaign-actions .campaign-menu button:hover:not(:disabled) { background: var(--panel-2); }
.campaign-actions .campaign-menu button.danger { color: var(--danger); }
.campaign-actions .campaign-menu button:disabled { cursor: not-allowed; color: var(--muted); opacity: .58; }
.campaign-menu-divider { display: block; height: 1px; margin: 5px 3px; background: var(--line); }
.campaign-name-input { display: block; width: 100%; height: 31px; margin: -5px 0 -4px; padding: 4px 7px; border-radius: 8px; font-weight: 800; line-height: 1.2; }

/* Conversion and affiliate workspace */
.conversion-workspace { grid-template-columns: minmax(310px, .78fr) minmax(0, 1.32fr); align-items: start; }
.conversion-workspace > section { display: grid; align-content: start; gap: 0; padding: 20px; }
.conversion-workspace .section-head { min-height: 46px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.conversion-workspace .section-head h3 { font-size: 16px; }
.conversion-workspace .section-head p { max-width: 540px; line-height: 1.45; }
.goal-list, .network-list { margin-top: 13px; }
.goal-card { grid-template-columns: 7px minmax(150px, 1fr) minmax(130px, .9fr) auto; gap: 10px; }
.goal-card .goal-flags { grid-column: 2 / 4; display: flex; gap: 9px; }
.goal-card button { grid-column: 4; grid-row: 1 / span 2; align-self: center; }
.network-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; padding: 16px; }
.network-card header, .network-card .network-parameters, .network-card .network-mappings, .network-card .network-postback, .network-card footer { grid-column: 1 / -1; }
.network-card header { margin-bottom: 1px; }
.network-parameters, .network-mappings { min-height: 25px; align-content: flex-start; }
.network-postback { display: grid; grid-template-columns: 145px minmax(0, 1fr); align-items: center; gap: 10px; }
.network-postback code { margin-top: 0; }
.network-card footer { padding-top: 12px; border-top: 1px solid var(--line); }
.postback-log-section { padding: 20px; }
.postback-log-section .section-head { padding-bottom: 13px; border-bottom: 1px solid var(--line); }

@media (max-width: 760px) {
  body { zoom: 1; }
  .shell { width: min(100% - 20px, 1180px); padding-top: 24px; }
  .auth-card { padding: 22px; }
  .topbar, .lead-head { flex-direction: column; }
  .lead-meta { grid-template-columns: 1fr; }
  .money { width: 100%; margin: 4px 0 0; }
  .money input { flex: 1; }
  .workspace-nav { width: 100%; overflow-x: auto; }
  .workspace-nav button { flex: 0 0 auto; }
  .conversion-workspace, .network-template-grid { grid-template-columns: 1fr; }
  .goal-card { grid-template-columns: 8px 1fr auto; }
  .goal-values, .goal-flags { grid-column: 2 / -1; }
  .goal-card .goal-flags { grid-column: 2 / -1; flex-wrap: wrap; }
  .goal-card button { grid-column: 3; grid-row: 1; }
  .network-postback { grid-template-columns: 1fr; gap: 4px; }
  .network-card footer { justify-content: flex-start; flex-wrap: wrap; }
}