/* Shared identity with the Burner website: petrol, cool neutrals, precise geometry. */
:root {--bg:#f6f7f9;--surface:#ffffff;--surface2:#f6f7f9;--surface3:#e9edf0;--sidebar-surface:#ffffff;--ink:#1a1c21;--muted:#626975;--line:#dce1e6;--softline:#edf0f3;--hover:#edf2f4;--action-bg:#104d60;--action-ink:#ffffff;--ui-accent:#104d60;--ui-accent-soft:#e8f0f3;--focusring:#104d60;--radius:16px}
:root[data-theme=dark] {--bg:#1a1c21;--surface:#1d1e22;--surface2:#25282e;--surface3:#30343c;--sidebar-surface:#181a1f;--ink:#f6f7f9;--muted:#b1b8c3;--line:#3c424d;--softline:#2e323a;--hover:#292e36;--action-bg:#104d60;--action-ink:#ffffff;--ui-accent:#91c9d9;--ui-accent-soft:#253940;--focusring:#91c9d9}
:root:not([data-customer-ci=true]) {--petrol:var(--action-bg)!important;--orange:var(--ui-accent)!important;--accent-ink:var(--ui-accent)!important;--primarytext:#ffffff!important;--accent-button-text:#ffffff!important}
body {-webkit-font-smoothing:antialiased}
.button,.iconbutton,.commandtrigger,input,select,textarea {border-radius:10px}
.tabs {padding:4px;gap:4px;border-radius:12px;background:var(--surface2)}
.tabs button {border-radius:8px;padding:10px 16px}
.tabs button.active {color:var(--ui-accent);box-shadow:0 1px 4px #0000000b}
.smartviews button,.segmented,.segmented button {border-radius:9px}
.smartviews button.active {color:var(--ui-accent);background:var(--ui-accent-soft);border-color:var(--ui-accent)}
.clientcard,.formpanel,.guidecard,.personal-campaign,.contacttile,.column,.taskcard,.rulecard,.brandpreview {border-radius:16px;background:var(--surface);box-shadow:none}
.clientcard:hover,.personal-campaign:hover,.guidecard:hover {border-color:var(--ui-accent);box-shadow:0 6px 20px #00000008;transform:none}
.avatar,aside .agencybadge,nav button,nav button.active {border-radius:10px}
nav button.active {background:var(--ui-accent-soft);color:var(--ui-accent)}
nav button.active:after {background:var(--ui-accent);right:8px;width:3px;height:18px}
.campaignkind,.campaign-kind {color:var(--ui-accent)}
.metric {border-radius:12px;padding:24px;border:1px solid var(--line)}
.metric.highlight strong {color:var(--ui-accent)}
.metric.highlight .metricicon {background:var(--ui-accent-soft);color:var(--ui-accent)}
.personal-welcome {position:relative;isolation:isolate;padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;margin:0 0 24px}
.personal-welcome::after {content:'';position:absolute;z-index:-1;right:-40px;top:0;bottom:0;width:28%;background:repeating-linear-gradient(130deg,transparent 0 22px,var(--softline) 23px 24px);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.personal-identity {margin-bottom:24px}.personal-intro {gap:24px}.personal-intro h1 {font-size:clamp(28px,3vw,42px);line-height:1.15;font-weight:500;letter-spacing:-.035em}
.personal-date {font-size:12px;color:var(--muted)}
.personal-campaigns {margin-bottom:32px}.personal-campaign {padding:24px}.personal-campaign h3 {font-size:20px;line-height:1.35;font-weight:500}
.personal-campaign-stats {padding-top:20px;margin-top:20px;border-top:1px solid var(--softline)}
.newssection {margin-bottom:24px}.newsitem {border-radius:8px}.alpha-guides {border-radius:12px}
.heading h1 {font-weight:500}.heading .eyebrow {color:var(--ui-accent)}
.alpha-filter-options summary,.alpha-view-options summary,#leadfilterpanel {border-radius:10px}
.profiledrawer .leadcard,.compact-leadcard {border-radius:10px}
#dialog {border-radius:18px;box-shadow:0 20px 80px #0003}#dialog.profiledrawer {border-radius:0}
#dialogbody>.actions {gap:10px}.access-success {margin-bottom:24px}.access-success>.icon {width:36px;height:36px;padding:8px;background:var(--ui-accent-soft);color:var(--ui-accent);border-radius:50%}.access-success h3 {margin:16px 0 8px;overflow-wrap:anywhere}
#customeraccessurl {font-size:13px;width:100%;font-family:inherit}
.knowledge-access {padding:20px;border:1px solid var(--line);border-radius:12px;margin:0 0 24px}
.knowledge-access h3 {margin:0 0 12px}.knowledge-access fieldset {border:0;padding:16px 0 0;margin:16px 0 0;border-top:1px solid var(--line);display:grid;gap:10px;max-height:260px;overflow:auto}.knowledge-access legend {font-size:13px;color:var(--muted);padding-top:8px;margin-bottom:8px}.knowledge-access fieldset:disabled {opacity:.45}
.rowlist>div {gap:16px;align-items:flex-start}.rowlist>div>.actions {flex-wrap:wrap;justify-content:flex-end}
:root[data-theme=dark] aside .brand img {filter:none}
@media(max-width:750px){.personal-welcome {padding:24px 20px}.personal-intro {flex-direction:column}.personal-date {align-self:flex-start}.personal-intro h1 {font-size:30px}.personal-campaign {padding:20px}.rowlist>div {flex-wrap:wrap}.rowlist>div>.actions {width:100%;justify-content:flex-start}.rowlist>div>.actions .button {flex:1;min-width:120px}.metric {padding:18px 14px}.tabs button {padding:10px 13px}}
@media print {.personal-welcome::after {display:none}.personal-welcome {padding:0;border:0}}

/* The board gets the height; uncommon controls live in the top-layer menu. */
@media screen {
 .content:has(#campaignbody) {padding-top:18px;padding-bottom:12px}
 .content:has(#campaignbody)>.heading {margin-bottom:8px;gap:12px;align-items:center}
 .content:has(#campaignbody)>.heading h1 {font-size:24px;line-height:1.3;-webkit-line-clamp:1}
 .content:has(#campaignbody)>.heading .button {min-height:38px;padding:8px 12px;font-size:12px}
 .content:has(#campaignbody)>.tabs {margin-bottom:10px}
 .content:has(#campaignbody)>.tabs button {padding:8px 14px;font-size:12px}
 #campaignbody:has(#leadsbody) {gap:10px}
 .leadcontrols .smartviews {gap:8px;margin:0 0 8px;min-height:32px;flex-wrap:nowrap;overflow-x:auto}
 .leadcontrols .smartviews button {padding:6px 12px;white-space:nowrap;font-size:12px;min-height:32px}
 .leadcontrols .toolbar {display:flex;flex-wrap:nowrap;align-items:center;gap:10px;margin:0}
 .leadcontrols .toolbar>.search {flex:1 1 280px;width:auto;min-width:120px}
 .leadcontrols .toolbar>select {flex:0 1 200px;width:200px;min-width:120px}
 .leadcontrols .toolbar input,.leadcontrols .toolbar select,.leadcontrols .toolbar>.alpha-filter-options>.button {min-height:38px;height:38px;padding:8px 12px;font-size:12px}
 .leadcontrols .toolbar>.alpha-filter-options {flex:0 0 auto;width:auto}
 .leadcontrols .segmented {margin-left:auto;padding:3px;flex-shrink:0}
 .leadcontrols .segmented button {width:32px;height:32px;min-height:32px}
 #leadsbody .board {gap:16px;padding-bottom:6px}
 #leadsbody .board>.column {flex:1 0 300px;min-width:300px;padding:10px}
 #leadsbody .columnhead {min-height:42px;padding:5px 4px 12px;margin:0}
 #leadsbody .leadcard.compact-leadcard {padding:14px;margin-bottom:10px}
 .compact-leaddates {margin-top:12px;gap:10px 18px}
 .compact-leadname {font-size:15px}
 .columnempty {min-height:100px;padding:18px;font-size:12px}
}
#leadfilterpanel .button {width:100%;justify-content:flex-start;min-height:36px;font-size:12px}
#leadfilterpanel .checkboxrow {margin:0;align-items:flex-start;font-size:12px}
#leadfilterpanel .alpha-view-options {padding-top:10px;border-top:1px solid var(--line);width:100%}
#leadfilterpanel .alpha-view-options summary {font-size:12px;padding:6px 0}
#leadfilterpanel .alpha-view-options>div {position:static;padding:8px 0 0;border:0;background:transparent;box-shadow:none}
.access-create {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.access-create>.field {margin:0}.access-create>.button {margin:0;min-height:44px}
.client-ci-section {margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.client-ci-section h3 {margin:0 0 12px}
.connectionlist {margin:20px 0}.connectionrow {padding:18px 0;border-top:1px solid var(--line);display:flex;gap:20px;align-items:flex-start;justify-content:space-between}
.connectionrow strong {display:block;overflow-wrap:anywhere}.connectionrow small {display:block;margin-top:6px;color:var(--muted);font-size:12px}
.connectionactions {display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.connectionactions .button {padding:8px 10px;font-size:12px}
.operationstatus {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);background:var(--surface);padding:20px;border-radius:12px;margin-bottom:24px}
.operationstatus p {margin:8px 0 0;font-size:13px}.operationstatus small {color:var(--muted)}
.automationgrid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;margin-bottom:28px}
.automationgrid .rulecard {margin:0;padding:24px}.automationgrid h3 {margin:0;font-size:18px}.automationgrid .sectionheader {gap:12px;margin-bottom:16px;align-items:flex-start}.automationgrid .rulecard small {display:block;overflow-wrap:anywhere;line-height:1.6;color:var(--muted)}.automationgrid .actions {margin-top:20px;gap:8px;flex-wrap:wrap}.automationgrid .actions .button {font-size:12px;padding:8px 12px}
.automationeditor {display:grid;gap:20px}.automationeditor .field,.automationeditor .formrow,.automationeditor .savedbar {margin:0}.automationeditor textarea {min-height:170px}.automationeditor small {line-height:1.6;color:var(--muted);margin-top:8px;display:block}.automationeditor [hidden] {display:none!important}
.automationdays {border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;gap:16px;flex-wrap:wrap}.automationdays legend {font-size:12px;color:var(--muted);padding:0 6px}.automationdays label {display:flex;align-items:center;gap:6px;font-size:13px}.automationdays input {width:16px;height:16px}
.mailconnectionfields {display:grid;gap:20px;margin:24px 0}.mailconnectionfields .field {margin:0}.logempty {padding:20px;color:var(--muted)}
@media(max-width:750px) {
 .content:has(#campaignbody) {padding-top:12px}.content:has(#campaignbody)>.heading h1 {font-size:20px;-webkit-line-clamp:2}
 .content:has(#campaignbody)>.heading .button {width:36px;min-width:36px;font-size:0;gap:0;padding:8px}.content:has(#campaignbody)>.heading .button .icon {width:18px;height:18px}
 .content:has(#campaignbody)>.tabs button {padding:8px 10px;font-size:11px}
 .leadcontrols .toolbar {display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.leadcontrols .toolbar>select {display:none}.leadcontrols .toolbar>.search {min-width:0;width:100%}.leadcontrols .toolbar>.alpha-filter-options {min-width:0}.leadcontrols .segmented {margin:0}.leadcontrols .segmented button {width:28px}
 #leadfiltertrigger {font-size:0;padding:8px;width:38px}#leadfiltertrigger::after {content:'☷';font-size:18px}
 #leadsbody .board>.column {flex:0 0 min(310px,84vw);min-width:min(310px,84vw)}
 .access-create {grid-template-columns:1fr;gap:14px}.access-create>.button {justify-self:start}
 .connectionrow {flex-direction:column;gap:14px}.connectionactions {justify-content:flex-start}.operationstatus {gap:16px}.automationgrid .rulecard {padding:20px}
}

.compactdecision{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px}.compactdecision>div:first-child{display:flex;align-items:center;gap:16px}.compactdecision h3{margin:0;font-size:16px}.compactdecision .decisionbuttons{margin:0;display:flex;flex-wrap:wrap;gap:8px}.rejectionprompt{width:min(480px,calc(100vw - 32px));padding:28px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;max-height:85dvh;overflow:auto}.rejectionprompt::backdrop{background:rgba(0,0,0,.5)}.rejectionprompt h2{margin-top:0}.rejectionprompt .actions{justify-content:flex-end;margin-top:20px}@media(max-width:640px){.compactdecision{align-items:flex-start;flex-direction:column}.compactdecision .decisionbuttons{width:100%}}

.automationgrid [hidden]{display:none!important}