:root{font-family:Arial,Helvetica,sans-serif;color:#142443;background:#edf3f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit}button,input,select{font:inherit}.app{display:flex;min-height:100vh}.sidebar{width:266px;flex:0 0 266px;background:#101d3d;color:#d6e4f8;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:27px 17px 22px;border-right:1px solid #223a60}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 32px}.brand strong{color:#fff;display:block;font-size:17px;letter-spacing:-.5px}.brand em,.login-brand em{color:#8bbaff;font-style:normal}.brand small{display:block;color:#93a7c6;font-size:10px;letter-spacing:1.5px;margin-top:6px}.brand-mark{width:41px;height:41px;background:#1753b8;color:#fff;border:1px solid #457bd6;border-radius:12px;display:grid;place-items:center;font-size:14px;font-weight:800;flex-shrink:0}.main-nav{display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;color:#bdcde4;text-decoration:none;border-radius:11px;font-size:13px;font-weight:700;cursor:pointer;list-style:none;min-height:44px}.nav-link::-webkit-details-marker{display:none}.nav-link:hover{background:#1c3155;color:#fff}.nav-link.active{background:#1753b8;color:#fff}.nav-icon{font-size:19px;width:24px;text-align:center;font-weight:400}.chev{margin-left:auto}.tiny-status{margin-left:auto;font-size:8px;color:#b6c8e7;background:#293d61;padding:5px 6px;border-radius:6px;letter-spacing:.5px}.subnav{padding:4px 0 6px 47px;display:flex;flex-direction:column;gap:3px}.subnav a{text-decoration:none;color:#a9bfdf;padding:8px 8px;border-left:2px solid #364b70;font-size:12px}.subnav a:hover,.subnav a.selected{color:#fff;border-color:#7facff;background:#243c64;border-radius:0 6px 6px 0}.sidebar-foot{margin-top:auto;border-top:1px solid #334a6b;padding:20px 12px 0;color:#8298bb;font-size:10px;letter-spacing:.8px;line-height:1.8}.workspace{flex:1;min-width:0;background:#f5f8fc}.topbar{height:74px;background:white;border-bottom:1px solid #e3eaf3;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.topbar-caption{font-size:11px;color:#7082a0}.logout{background:#f5f8fc;border:1px solid #e3eaf3;color:#142443;border-radius:9px;padding:10px 16px;font-size:12px;font-weight:700;cursor:pointer}.logout:hover{background:#e5edf7}.content{max-width:1420px;margin:auto;padding:40px}.eyebrow{color:#1753b8;letter-spacing:1.3px;font-size:10px;font-weight:800}.heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.heading-row h1,.content h1{color:#101d3d;font-size:30px;letter-spacing:-.7px;margin:9px 0 8px}.muted{font-size:13px;color:#60728d;line-height:1.65}.lab-badge,.pending-badge{font-size:10px;font-weight:800;letter-spacing:.7px;white-space:nowrap;background:#e7efff;color:#1753b8;border-radius:20px;padding:10px 14px}.pending-badge{color:#60728d;background:#e5edf7}.surface{background:#fff;border:1px solid #e3eaf3;box-shadow:0 7px 27px #1324430b;border-radius:17px;margin-bottom:22px;overflow:hidden}.filter-box{padding:26px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px}.section-head h2{font-size:17px;color:#101d3d;margin:0}.section-head .muted{font-size:11px}.filter-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:13px}.filter-form>div{min-width:140px;flex:1}.filter-form label,.login-form label{display:block;margin-bottom:9px;font-size:11px;color:#60728d;font-weight:800}.filter-form input,.filter-form select,.login-form input{display:block;width:100%;height:43px;padding:10px 12px;border:1px solid #dce5f0;border-radius:9px;color:#142443;background:#f9fbff;font-size:12px}.filter-form input:focus,.login-form input:focus,.filter-form select:focus{outline:2px solid #1753b8;outline-offset:1px}.primary{min-height:43px;display:inline-flex;align-items:center;justify-content:center;background:#1753b8;border:1px solid #1753b8;color:white;text-decoration:none;border-radius:9px;font-weight:800;padding:12px 19px;cursor:pointer;font-size:12px}.primary:hover{background:#11458f}.reset{padding:12px 5px;font-size:12px;color:#60728d;text-decoration:none}.reports-box{padding:23px 26px}.count-pill{background:#e5edf7;border-radius:20px;color:#1753b8;font-size:11px;font-weight:700;padding:6px 11px}.report-row{display:flex;align-items:center;text-decoration:none;gap:16px;padding:17px 3px;border-top:1px solid #e9eff7;transition:background .12s}.report-row:hover{background:#f5f8fc}.report-glyph{width:46px;height:46px;background:#e5edf7;color:#1753b8;border-radius:12px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.report-description{flex:1;min-width:0}.report-description strong{font-size:13px;color:#101d3d}.report-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#60728d;font-size:11px;margin-top:9px}.type-pill{background:#e7efff;color:#1753b8;padding:5px 10px;border-radius:20px;font-weight:800;font-size:10px}.report-end{text-align:right}.report-date{font-size:11px;color:#60728d}.report-open{display:block;margin-top:8px;color:#1753b8;font-size:11px;font-weight:800}.empty{text-align:center;padding:50px 20px;border-top:1px solid #e9eff7}.empty h3{color:#101d3d;font-size:17px}.empty-icon{font-size:29px;color:#1753b8}.secondary-action{display:inline-flex;text-decoration:none;color:#1753b8;border:1px solid #bed0ec;border-radius:9px;font-size:12px;font-weight:800;padding:11px 15px;margin-top:12px}.secondary-action:hover{background:#e7efff}.back{display:inline-block;color:#1753b8;text-decoration:none;font-size:12px;font-weight:700;margin-bottom:24px}.detail-heading{margin-bottom:22px}.preview-surface{padding:19px}.preview-surface iframe{width:100%;min-height:760px;border:1px solid #e3eaf3;border-radius:12px;background:white;display:block}.placeholder{text-align:center;padding:70px 25px}.placeholder-icon{width:66px;height:66px;border-radius:17px;background:#e5edf7;color:#1753b8;font-size:32px;display:grid;place-items:center;margin:0 auto 21px}.placeholder h2{font-size:21px;color:#101d3d}.placeholder p{max-width:530px;margin:10px auto}.future-options{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:27px auto 10px}.future-options span{border:1px solid #e3eaf3;background:#f5f8fc;border-radius:8px;padding:11px 14px;color:#60728d;font-size:12px}.small-note{font-size:11px}.overview-banner{background:#101d3d;border:1px solid #273f68;border-radius:17px;padding:34px;display:flex;justify-content:space-between;gap:20px;overflow:hidden;margin-bottom:22px;color:white}.overview-banner .eyebrow{color:#93bafb}.overview-banner h2{font-size:25px;color:#fff;margin:14px 0}.overview-banner p{font-size:13px;color:#c3d1e5;margin:0 0 22px}.inline-action{display:inline-flex}.overview-illustration{width:240px;min-height:130px;background:#20365b;border:1px solid #41618f;border-radius:13px;padding:20px;display:flex;flex-direction:column;gap:14px}.mini-line{display:flex;align-items:end;gap:8px;height:40px}.mini-line i{display:block;flex:1;height:12px;border-top:3px solid #7facff;transform:skewY(-10deg)}.mini-line i:nth-child(2){height:24px}.mini-line i:nth-child(3){height:16px}.mini-line i:nth-child(4){height:33px}.mini-bars{display:flex;align-items:end;gap:12px;height:55px}.mini-bars span{display:block;flex:1;height:40%;background:#477eda;border-radius:3px 3px 0 0}.mini-bars span:nth-child(2){height:75%}.mini-bars span:nth-child(3){height:55%}.mini-bars span:nth-child(4){height:90%}.section-link{color:#1753b8;text-decoration:none;font-size:12px;font-weight:800}.mobile-nav{display:none}.login-layout{min-height:100vh;background:#edf3f9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px;color:#101d3d}.login-brand strong{font-size:23px}.login-brand span{color:#60728d;font-size:10px;letter-spacing:1px}.login-card{width:min(100%,460px);padding:40px;background:white;border:1px solid #e3eaf3;border-radius:17px;box-shadow:0 16px 44px #14244315}.login-card h1{font-size:29px;color:#101d3d;margin:10px 0}.login-form{margin-top:26px}.login-form label{margin-top:18px}.login-form .primary{width:100%;margin-top:25px}.login-error{background:#ffe9ed;color:#c92341;border-radius:9px;padding:12px;font-size:12px;margin-top:18px}.footer-note{margin-top:22px;text-align:center;font-size:11px}@media(max-width:1080px){.sidebar{width:220px;flex-basis:220px;padding-left:10px;padding-right:10px}.brand strong{font-size:14px}.nav-link{font-size:12px}.tiny-status{font-size:7px}.content{padding:28px}.topbar{padding:0 28px}.overview-illustration{width:150px}}@media(max-width:760px){.app{display:block}.sidebar{height:auto;position:relative;width:100%;padding:13px 16px;display:block}.brand{padding:0;justify-content:flex-start}.brand strong{font-size:16px}.brand small{font-size:9px}.desktop-nav,.sidebar-foot{display:none}.mobile-nav{display:block;margin-top:10px}.mobile-nav>summary{list-style:none;background:#1c3155;color:#fff;border-radius:9px;padding:12px;font-size:12px;cursor:pointer}.mobile-nav>summary::-webkit-details-marker{display:none}.nav-content{padding-top:8px}.nav-link{font-size:12px}.topbar{height:58px;padding:0 17px}.content{padding:22px 15px}.heading-row{align-items:start;gap:12px}.heading-row h1{font-size:24px}.lab-badge,.pending-badge{font-size:8px;padding:8px}.filter-box,.reports-box{padding:18px}.filter-form{gap:12px}.filter-form>div{min-width:calc(50% - 7px)}.report-row{gap:10px}.report-glyph{width:38px;height:38px;font-size:18px}.report-date{display:none}.report-description strong{font-size:12px}.report-meta{font-size:10px;gap:7px}.preview-surface{padding:8px}.preview-surface iframe{min-height:670px}.overview-banner{padding:24px}.overview-illustration{display:none}.login-brand{flex-wrap:wrap;justify-content:center}.login-brand span{width:100%;text-align:center}.login-card{padding:28px}.topbar-caption{display:none}}@media(max-width:420px){.filter-form>div{min-width:100%}.filter-form .primary{width:100%}.report-end{min-width:51px}.report-open{font-size:10px}.report-glyph{display:none}.heading-row{flex-wrap:wrap}}

/* HUB-002/UX-QA: neutral document illustration, never invented analytics. */
.doc-illustration{width:100%;min-height:132px;background:#f5f8fc;border:1px solid #dce5f0;border-radius:10px;padding:17px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 16px #101d3d12}
.doc-label{font-size:10px;font-weight:800;letter-spacing:1px;color:#1753b8}
.doc-illustration i{height:7px;background:#dce5f0;border-radius:5px;display:block;width:95%}
.doc-illustration i:nth-of-type(2){width:77%}.doc-illustration i:nth-of-type(3){width:91%}.doc-illustration i:nth-of-type(4){width:65%}
@media(max-width:760px){.preview-surface iframe{min-height:900px}}

/* HUB-002/UX-PREVIEW: email-like reading surface.
   This styles only the portal shell, never the archived HTML document. */
.mail-preview-layout {
  max-width: 1040px;
  margin: 0 auto;
}
.mail-preview-back {
  display: block;
  max-width: 920px;
  margin: 0 auto 24px;
}
.mail-preview-header {
  max-width: 920px;
  margin: 0 auto 26px;
}
.mail-preview-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.mail-preview-title-row h1 {
  margin: 10px 0 0;
  min-width: 0;
  overflow-wrap: anywhere;
  color: #101d3d;
  font-size: 26px;
  line-height: 1.17;
}
.mail-preview-meta {
  margin-top: 12px;
  gap: 12px;
}
.mail-preview-content {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.mail-preview-content iframe {
  display: block;
  width: 100%;
  height: 840px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #edf3f9;
  box-shadow: none;
}
@media (max-width: 760px) {
  .mail-preview-back {
    margin-bottom: 22px;
  }
  .mail-preview-header {
    margin-bottom: 22px;
  }
  .mail-preview-title-row {
    align-items: flex-start;
  }
  .mail-preview-title-row h1 {
    font-size: 23px;
    line-height: 1.2;
  }
  .mail-preview-title-row .lab-badge {
    flex-shrink: 0;
    margin-top: 8px;
  }
  .mail-preview-content {
    width: calc(100% + 30px);
    max-width: none;
    margin-left: -15px;
    margin-right: -15px;
  }
  .mail-preview-content iframe {
    height: 980px;
  }
}
@media (max-width: 420px) {
  .mail-preview-title-row {
    flex-wrap: wrap;
    gap: 6px;
  }
  .mail-preview-title-row .lab-badge {
    margin-top: 0;
  }
}

/* HUB-LEADS-001/S: isolated, synthetic lead list + detail. Reuse Ads Analytics 2.0 palette. */
.lead-page-header {margin-bottom:25px}
.lead-name-filter {flex:1.5!important}
.lead-filters input[type="search"] {height:43px;padding:10px 12px;border:1px solid #dce5f0;border-radius:9px;color:#142443;background:#f9fbff;width:100%;font-size:12px}
.lead-filters input[type="search"]:focus {outline:2px solid #1753b8;outline-offset:1px}
.lead-list-surface {padding:22px 25px}
.lead-list-head {margin-bottom:16px}
.lead-table-wrap {width:100%;overflow-x:auto}
.lead-table {width:100%;border-collapse:collapse;table-layout:auto;font-size:12px;color:#142443}
.lead-table th {background:#f5f8fc;color:#60728d;font-size:10px;font-weight:800;text-align:left;white-space:nowrap;padding:13px 10px;letter-spacing:.3px}
.lead-table td {padding:14px 10px;border-bottom:1px solid #e3eaf3;vertical-align:middle;line-height:1.45}
.lead-table tbody tr:hover {background:#f9fbff}
.lead-name-link {color:#101d3d;text-decoration:none;font-weight:800}
.lead-name-link:hover,.lead-detail-link:hover {color:#1753b8;text-decoration:underline}
.lead-campaign strong {display:block;font-size:11px;line-height:1.4}
.lead-campaign small {display:block;font-size:10px;color:#60728d;margin-top:3px}
.source-pill {font-weight:700;color:#1753b8;font-size:10px;border-radius:16px;background:#e7efff;padding:6px 9px;white-space:nowrap}
.lead-status {display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;padding:6px 9px;border-radius:16px;background:#e5edf7;color:#142443;white-space:nowrap}
.lead-status-new {background:#e7efff;color:#1753b8}
.lead-status-contact {background:#e5edf7;color:#354a69}
.lead-status-appointment {background:#e9f3ff;color:#1753b8}
.lead-status-customer {background:#e5edf7;color:#101d3d}
.lead-status-lost,.lead-status-no-response {background:#fff0f2;color:#c92341}
.lead-detail-link {font-weight:800;font-size:11px;color:#1753b8;text-decoration:none;white-space:nowrap}
.lead-detail-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.9fr);gap:20px;align-items:start}
.lead-information,.lead-editor {padding:25px;margin:0;min-width:0}
.lead-information h2,.lead-editor h2 {font-size:18px;color:#101d3d;margin:0 0 18px}
.lead-fields {display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;margin:0}
.lead-fields div {min-width:0}
.lead-fields dt {font-size:10px;font-weight:800;color:#60728d;margin-bottom:8px}
.lead-fields dd {font-size:12px;line-height:1.5;color:#142443;font-weight:700;overflow-wrap:anywhere;margin:0}
.lead-edit-form {display:flex;flex-direction:column;gap:9px;margin-top:20px}
.lead-edit-form label {font-size:11px;font-weight:800;color:#60728d}
.lead-select,.lead-notes {width:100%;background:#f9fbff;border:1px solid #dce5f0;border-radius:9px;padding:12px;color:#142443;line-height:1.5}
.lead-notes {min-height:148px;resize:vertical}
.lead-select:focus,.lead-notes:focus {outline:2px solid #1753b8;outline-offset:1px}
.lead-editor-hint {font-size:11px;margin:3px 0 7px}
.lead-edit-form .primary {align-self:flex-start}
.lead-notice {padding:14px 17px;font-size:12px;line-height:1.5;border-radius:10px;margin:0 0 17px}
.lead-notice-success {background:#e5edf7;border:1px solid #dce5f0;color:#1753b8}
.lead-notice-error {background:#fff0f2;border:1px solid #f0c2cb;color:#c92341}
.lead-field-error {color:#c92341;font-size:11px}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1180px) {
  .lead-detail-layout {grid-template-columns:1fr}
}
@media(max-width:760px) {
  .lead-list-surface {padding:17px}
  .lead-table-wrap {overflow:visible}
  .lead-table,.lead-table tbody,.lead-table tr,.lead-table td {display:block;width:100%}
  .lead-table thead {display:none}
  .lead-table tr {padding:14px 0;border-bottom:1px solid #e3eaf3}
  .lead-table td {display:flex;gap:12px;justify-content:space-between;align-items:flex-start;text-align:right;min-width:0;padding:8px 2px;border-bottom:0;font-size:12px;overflow-wrap:anywhere}
  .lead-table td::before {content:attr(data-label);flex:0 0 35%;color:#60728d;font-size:10px;text-align:left;font-weight:700}
  .lead-table td.lead-open-cell::before {content:""}
  .lead-table .lead-campaign strong,.lead-table .lead-campaign small {text-align:right;overflow-wrap:anywhere}
  .lead-information,.lead-editor {padding:18px}
  .lead-fields {grid-template-columns:1fr 1fr}
  .lead-page-header h1 {font-size:25px}
}
@media(max-width:440px) {
  .lead-fields {grid-template-columns:1fr}
  .lead-page-header {gap:12px}
  .lead-status {white-space:normal;text-align:right}
}


/* HUB-LEADS-005A/S — quiet platform accents, local vector icons. */
.source-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;line-height:1.25;white-space:nowrap;padding:5px 9px;border:1px solid #d9e3ef;background:#f0f4f9;color:#60728d;border-radius:16px;vertical-align:middle}
a.lead-source-link{display:inline-flex;text-decoration:none;border-radius:16px}
a.lead-source-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.source-pill img{display:block;flex:none;width:15px;height:15px}
.source-pill--messenger{background:#eaf2ff;color:#1753b8;border-color:#d6e4ff}
.source-pill--instagram{background:#f8ecf8;color:#a03e8c;border-color:#f0dced}
.source-pill--whatsapp{background:#eaf8f0;color:#1f8f5f;border-color:#d5efe0}
.source-pill--meta{background:#eef1fb;color:#4c5fa8;border-color:#dce2f6}
.source-pill--neutral{background:#f0f4f9;color:#60728d;border-color:#dce5ee}
.lead-conversation-actions{margin-top:22px;padding-top:18px;border-top:1px solid #e9eff7}
.lead-conversation-action{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:10px 14px;border:1px solid #c8d8ee;border-radius:9px;background:#f2f7fe;color:#142443;font-size:12px;font-weight:800;text-decoration:none;transition:background .15s,border-color .15s}
.lead-conversation-action:hover{background:#e5edf9;border-color:#afc7e9;color:#1753b8}
.lead-conversation-action:focus-visible{outline:2px solid #1753b8;outline-offset:2px}
.lead-conversation-action svg{width:15px;height:15px;flex:none}
@media(max-width:440px){.lead-conversation-action{width:100%;justify-content:center}.lead-table td .source-pill{max-width:100%;white-space:normal;text-align:left}}

/* HUB-LEADS-005A/S B: accurate shortcut disclosure. */
.lead-conversation-hint{font-size:11px;line-height:1.55;margin:10px 0 0;max-width:410px}


/* HUB-LEADS-005A/S-DEMO: clearly non-interactive, no fake destination. */
.lead-conversation-action--disabled{
  background:#f3f5f8;
  border-color:#d8e0eb;
  color:#69788d;
  cursor:not-allowed;
  user-select:none;
}
.lead-conversation-action--disabled:hover{
  background:#f3f5f8;
  border-color:#d8e0eb;
  color:#69788d;
}

/* HUB-ADS-DEMO-002/S — preferences-only UI, isolated from existing HUB surfaces */
.pref-heading{margin-bottom:23px}
.pref-warning{display:flex;gap:15px;align-items:flex-start;background:#eaf2ff;border:1px solid #c4d8f8;color:#143d79;border-radius:13px;padding:18px 21px;margin:0 0 23px;line-height:1.5}
.pref-warning strong{font-size:13px}
.pref-warning p{font-size:12px;margin:6px 0 0;color:#406185}
.pref-warning-icon{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#1753b8;color:#fff;font-weight:800;font-size:14px}
.pref-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(290px,.9fr);gap:23px;align-items:start}
.pref-config-surface,.pref-summary-surface{padding:27px 29px;min-width:0}
.pref-surface-head h2{font-size:19px;color:#101d3d;margin:0 0 8px}
.pref-surface-head .muted{font-size:12px;margin:0}
.pref-fieldset{margin:24px 0 0;padding:0;border:0;min-width:0}
.pref-legend{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#61748e;font-weight:800;margin-bottom:14px;padding:0}
.pref-choice-list{display:flex;flex-direction:column;gap:11px}
.pref-choice{display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid #dbe6f4;border-radius:12px;background:#f9fbfe;cursor:pointer;min-height:75px;transition:border-color .15s,background .15s}
.pref-choice:hover{border-color:#a5bde1}
.pref-choice:focus-within{outline:2px solid #1753b8;outline-offset:2px}
.pref-choice-icon{display:grid;place-items:center;border-radius:10px;background:#e4edfa;color:#1753b8;font-size:14px;font-weight:900;flex:none;width:43px;height:43px}
.pref-choice-copy{flex:1;min-width:0}
.pref-choice-copy strong{display:block;color:#102044;font-size:13px}
.pref-choice-copy small{display:block;color:#657993;font-size:11px;margin-top:5px;line-height:1.5}
.pref-choice input[type=checkbox]{appearance:none;flex:0 0 42px;width:42px;height:24px;border:1px solid #a7b9d0;border-radius:20px;background:#d5deea;position:relative;cursor:pointer;transition:background .15s}
.pref-choice input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:white;border-radius:50%;box-shadow:0 1px 2px #0d284726;transition:transform .15s}
.pref-choice input[type=checkbox]:checked{background:#1753b8;border-color:#1753b8}
.pref-choice input[type=checkbox]:checked:before{transform:translateX(18px)}
.pref-choice-off{background:#f7f8fa}
.pref-choice-off .pref-choice-icon{background:#e9edf2;color:#8391a3}
.pref-choice-off .pref-choice-copy strong{color:#667992}
.pref-spacing{margin-top:30px}
.pref-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px}
.pref-field{min-width:0}
.pref-field-wide{grid-column:1/-1}
.pref-field label{display:block;font-size:12px;font-weight:800;color:#1d3153;margin-bottom:9px}
.pref-field input,.pref-field select{display:block;width:100%;max-width:100%;height:46px;border:1px solid #cfdbeb;border-radius:10px;background:#fbfcff;color:#1b3153;padding:10px 13px;font-size:13px;outline-offset:2px}
.pref-field input:focus-visible,.pref-field select:focus-visible{outline:2px solid #1753b8}
.pref-field input:disabled,.pref-field select:disabled{color:#8897ad;background:#f0f3f7;cursor:not-allowed}
.pref-field small{display:block;font-size:10px;color:#718199;line-height:1.6;margin-top:7px}
.pref-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:25px;border-top:1px solid #e3eaf3;padding-top:20px}
.pref-reset{background:#fff;margin:0;cursor:pointer}
.pref-controls-hint{color:#8290a2;font-size:10px}
.pref-summary-surface{border-top:4px solid #1753b8;position:sticky;top:20px}
.pref-summary-badge{display:inline-block;font-size:10px;letter-spacing:.5px;font-weight:800;color:#1753b8;background:#e7efff;border-radius:15px;padding:7px 10px;margin-bottom:14px}
.pref-summary-list{margin-top:23px;display:flex;flex-direction:column;gap:0}
.pref-summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid #eef2f6;padding:13px 0}
.pref-summary-row span{color:#667991;font-size:12px}
.pref-summary-row strong{font-size:12px;color:#1d3153;text-align:right;overflow-wrap:anywhere}
.pref-summary-row strong.pref-off{color:#909fb1}
.pref-summary-divider{margin:5px 0;border:0}
.pref-summary-foot{margin-top:24px;background:#f0f5fb;border-radius:10px;padding:16px;color:#406185}
.pref-summary-foot strong{font-size:12px}
.pref-summary-foot p{font-size:11px;line-height:1.6;margin:7px 0 0}
@media(max-width:1160px){.pref-layout{grid-template-columns:1fr}.pref-summary-surface{position:static}}
@media(max-width:740px){.pref-config-surface,.pref-summary-surface{padding:19px}.pref-fields{grid-template-columns:1fr}.pref-field-wide{grid-column:auto}.pref-choice{padding:13px 11px;gap:10px}.pref-choice-icon{width:37px;height:37px}.pref-choice input[type=checkbox]{flex-basis:42px}.pref-warning{padding:15px}.pref-heading h1{font-size:25px}}

/* HUB-ADS-DEMO-002/S - CRM overview: tenant-scoped server-side counters */
.crm-overview{margin:0 0 25px}
.crm-overview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}
.crm-overview-head h2{color:#101d3d;font-size:23px;letter-spacing:-.5px;margin:8px 0 8px}
.crm-overview-head .crm-reference{font-size:12px;line-height:1.6;color:#657892;margin:0}
.crm-demo-indicator{display:inline-flex;align-items:center;font-size:9px;font-weight:800;letter-spacing:.4px;padding:5px 8px;border-radius:20px;color:#1753b8;background:#e7efff;margin-right:5px}
.crm-leads-link{margin:0;white-space:nowrap}
.crm-total-card{background:#101d3d;color:#fff;border:1px solid #203a63;border-radius:15px;display:flex;justify-content:space-between;align-items:center;padding:22px 26px;gap:15px}
.crm-total-eyebrow{color:#92b5ea;font-size:10px;letter-spacing:1px;font-weight:800}
.crm-total-value{font-size:47px;font-weight:850;line-height:1.25;letter-spacing:-1.5px;margin:6px 0 3px}
.crm-total-card p{font-size:11px;color:#c1d1e6;margin:0}
.crm-total-visual{display:grid;place-items:center;width:73px;height:73px;flex:none;border-radius:18px;background:#244c91;color:#d9eaff;font-size:37px}
.crm-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:13px}
.crm-channel-card{background:#fff;border:1px solid #e0e8f3;border-radius:13px;padding:18px 19px;min-width:0}
.crm-channel-label{font-size:11px;color:#637792;display:block;font-weight:700;line-height:1.45}
.crm-channel-card strong{display:block;color:#172b52;font-size:26px;font-weight:800;margin-top:7px}
.crm-channel-card small{font-size:10px;color:#8796ab}
.crm-period-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:24px 0 13px}
.crm-period-heading h3{font-size:18px;color:#101d3d;margin:0}
.crm-period-heading .muted{font-size:11px;margin:0}
.crm-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.crm-period-card{background:#fff;border:1px solid #e0e8f3;border-radius:13px;padding:19px;min-width:0;display:flex;flex-direction:column;gap:5px}
.crm-period-kicker{font-size:12px;color:#1d3153;font-weight:800}
.crm-period-date,.crm-period-note{font-size:10px;color:#798da6}
.crm-period-number{font-size:31px;letter-spacing:-.6px;color:#132c56;margin:4px 0 0}
.crm-period-secondary{font-size:11px;color:#637792}
.crm-period-secondary b{color:#1d3153}
.crm-period-change{display:flex;justify-content:space-between;gap:7px;align-items:center;flex-wrap:wrap;margin-top:9px}
.crm-period-delta{font-size:11px;color:#1753b8;font-weight:800}
.crm-period-percent{padding:6px 9px;border-radius:10px;background:#e7efff;color:#1753b8;font-size:11px;font-weight:800}
.crm-period-note{margin-top:8px}
.crm-source-note{font-size:11px;color:#637792;line-height:1.6;margin:13px 1px 0}
.crm-unavailable{background:#fff;border:1px solid #dbe6f3;border-radius:13px;padding:26px;color:#2e4669}
.crm-unavailable strong{font-size:14px}
.crm-unavailable p{font-size:12px;color:#627791;line-height:1.6;margin:7px 0 0}
@media(max-width:1120px){.crm-channels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){.crm-periods{grid-template-columns:1fr}.crm-period-heading{display:block}.crm-period-heading .muted{margin-top:7px}}
@media(max-width:600px){.crm-overview-head{flex-direction:column;gap:13px}.crm-overview-head h2{font-size:21px}.crm-leads-link{align-self:flex-start}.crm-total-card{padding:19px}.crm-total-value{font-size:41px}.crm-total-visual{width:60px;height:60px;font-size:31px}.crm-channel-card{padding:15px}.crm-channels{gap:9px}.crm-period-card{padding:16px}.crm-period-heading{margin-top:22px}}